@charset "UTF-8";
/* CSS Document */
/*@font-face {
    font-family: Gabriola;
    src: url(../css/fonts/Gabriola.ttf);
}*/
html, body, ul, li, p, h1, h2, h3, h4, h5, h6, fieldset, input, textarea, select, img {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}
textarea {resize:none;}
html, body {
	height:100%;/*Pour que le footer reste toujours en bas de page*/
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	background:url(../images/bg-global.jpg) repeat-x 0 0 #ffff80;
}
body#home {
	background:#ffff80;
}
/*Opera Fix pour que le footer reste toujours en bas de page*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
	}

#wrap {min-width:1100px;
	min-height:100%;/*Pour que le footer reste toujours en bas de page*/
	margin:0 auto;
	background:url(../images/bg-header-top.jpg) center 0 repeat-x #ffff80;
	}

#ma_w_wrapper{
    margin: -1px auto;
    position: absolute;
    right: 0;
}

a:link,
a:visited {
	text-decoration:none;
	color:#4b4b4b;/*couleur des liens du menu*/
}
a:hover,
input[type="submit"]:hover {
	color:#424242;/*beige très clair*/
	cursor:pointer;
}

ul {
	list-style:none;
}

/*---------------- Header -----------------*/

#header {
	font-size:12px;
	color:#424242;
	background:url(../images/bg-global-lavande-olives.jpg) center 38px repeat-x;
}
#header a,
#header a:hover {
	color:#424242;
}

body#home #wrap_header,
body#home #header {
	position:relative;
	height: 668px;
	margin:0 auto;
}
body#home #wrap_header {
	background:url(../images/bg-home-lavande-olives.jpg) center 174px repeat-x;
}
body#home #header {
	width:1100px;
	min-width:1100px;
}

#header_top {
	position:relative;
	height: 38px;
	width:1100px;
	min-width:1100px;
	margin:0 auto;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#top_menu,
#langues {
	position:absolute;
	top:5px;
	height: 28px;
	line-height:28px;
	text-align:center;
	font-family:"calibri", arial;
}
#top_menu {
    left: 0px;
}
#langues {
    right: 0px;
}
#top_menu li,
#langues li {
	display:inline;
}


.fleft{float: left;}
.fright{float: right;}

/*Partager Header + Offre*/
#header_top .partager {
	display:inline;
	position:absolute;
	top:5px;
	left:215px;
	width:275px;
	text-align:center;
	font-family:"calibri", arial;
}
#header_top .partager img {
	margin-top:3px;
}
#header_top .partager #txt-partager,
#header_top .partager #txt-favoris {
	display:inline-block;
	width:80px;
	margin:0 5px;
	vertical-align:7px;
}
#header_top .partager #txt-partager {
	text-align:right;
}
#header_top .partager #txt-favoris {
	text-align:left;
}
#content.offre .partager {
	position:absolute;
	top:4px;
	right:0;
	height:28px;
	font-weight:normal;
}
/*Sous-menu Partager*/
#header_top .submenu_partager,
#content.offre .submenu_partager {
	display:none;
	position:absolute;
	top:28px;
	width:165px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	text-transform:none;
	border:1px solid #afadac;
	background-color:#afadac;
	z-index:100;
}
#header_top .submenu_partager {
	left:55px;
}
#content.offre .submenu_partager {
	right:0px;
}
#header_top .submenu_partager li,
#content.offre .submenu_partager li {
	width:135px;
	height:24px;
	padding-left:30px;
	/*padding-top:2px;*/
	font-size:13px;
	line-height:24px;
	border-top:2px solid #afadac; /*pour IE7*/
	border-bottom: 2px solid #afadac; /*pour IE7*/
}
#header_top .submenu_partager li.first,
#content.offre .submenu_partager li.first {
	border-top:1px solid #afadac;
}
#header_top .submenu_partager li:hover,
#content.offre .submenu_partager li:hover {
	background-color:#424242;
}
#header_top .submenu_partager li a,
#content.offre .submenu_partager li a {
	color:#424242;
}
#header_top .submenu_partager li:hover>a,
#content.offre .submenu_partager li:hover>a {
	color:#514640;
	margin:0;
}
#header_top .submenu_partager li:hover a:hover,
#content.offre .submenu_partager li:hover a:hover {
	color:#fff;
	margin:0;
}
#header_top .submenu_partager li,
#content.offre .submenu_partager li {
	background: url(../images/icone-favoris.png)  5px 2px no-repeat;
}
#header_top .submenu_partager li+li,
#content.offre .submenu_partager li+li {
	background:url(../images/icone-facebook.png) 5px 2px no-repeat;
}
#header_top .submenu_partager li+li+li,
#content.offre .submenu_partager li+li+li {
	background:url(../images/icone-twitter.png) 5px 2px no-repeat;
}
#header_top .submenu_partager li+li+li+li,
#content.offre .submenu_partager li+li+li+li {
	background:url(../images/icone-email.png) 5px 2px no-repeat;
}

#header_top .partager:hover .submenu_partager,
#content.offre .partager:hover .submenu_partager {
	display:block;color:#fff;
}

/*Sous-menu Partager "Plus de choix"*/
#header_top .submenu_partager .plusdechoix,
#content.offre .submenu_partager .plusdechoix {
	width:160px;
	padding-left:5px;
	background:none;
	border-top:1px solid #FFF;
}
#header_top .submenu_plusdechoix,
#content.offre .submenu_plusdechoix {
	position:relative;
	display:none;
	width:165px;
	left:-6px;
	margin-top:2px;
	background-color:#afadac;
	border:1px solid #424242;
	z-index:999;
}

#header_top .submenu_plusdechoix li,
#content.offre .submenu_plusdechoix li {
	width:135px;
}

#header_top .submenu_plusdechoix li,
#content.offre .submenu_plusdechoix li {
	background: url(../images/icone-messenger.png)  5px 2px no-repeat;
}
#header_top .submenu_plusdechoix li+li,
#content.offre .submenu_plusdechoix li+li {
	background:url(../images/icone-linkedin.png) 5px 2px no-repeat;
}
#header_top .submenu_plusdechoix li+li+li,
#content.offre .submenu_plusdechoix li+li+li {
	background:url(../images/icone-myspace.png) 5px 2px no-repeat;
}
#header_top .submenu_plusdechoix li+li+li+li,
#content.offre .submenu_plusdechoix li+li+li+li {
	background:url(../images/icone-viadeo.png) 5px 2px no-repeat;
}
#header_top .submenu_plusdechoix li+li+li+li+li,
#content.offre .submenu_plusdechoix li+li+li+li+li {
	background:url(../images/icone-google.png) 5px 2px no-repeat;
}
#header_top .submenu_plusdechoix li+li+li+li+li+li,
#content.offre .submenu_plusdechoix li+li+li+li+li+li {
	background:url(../images/icone-yahoo.png) 5px 2px no-repeat;
}
#header_top .submenu_plusdechoix li+li+li+li+li+li+li,
#content.offre .submenu_plusdechoix li+li+li+li+li+li+li {
	background:url(../images/icone-live.png) 5px 2px no-repeat;
}
#header_top .submenu_partager .plusdechoix:hover .submenu_plusdechoix,
#content.offre .submenu_partager .plusdechoix:hover .submenu_plusdechoix {
	display:block;color:#fff;
}



/*Header content*/
#header_content {
	position:relative;
	width:1100px;
	height:235px;
	margin:0 auto;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
body#home #header_content {
	height: 136px;
	z-index:1;

}


/*Logo agence + Espaces privés*/
#logo_agence,
#espaces_prives{
	position:absolute;
	/*float:left;*/
}
#logo_agence {
	width:894px;
	height:136px;
	float:left;
}
#header_content .tel-header{float:right;background:url(../images/picto-tel.png) no-repeat;text-align:right;width:193px;margin:75px 0 0 0;height:35px;padding:2px 0 0 0;}
#header_content .tel-header a{color:#b0aead;font-size:25px;letter-spacing:-1px;font-weight:bold;}
#espaces_prives {
	top:0px;
	left:480px;
	font-size:13px;
	color:#424242;
	font-family:"calibri", arial;
	line-height:28pt;
}
#espaces_prives li {
	display:inline;
	color:#424242;
}
#espaces_prives li a {
	color:#424242;
}
#espaces_prives li a:hover {
	color:#424242;
}

/*Home Diaporama*/
#cadre-diaporama{background:url(../images/diaporama-cadre.png) no-repeat;width:1100px;height:490px;position:absolute;z-index:3;}
#diaporama { 
	height: 495px; 
	margin: 0 auto; 
	z-index:0; 
	overflow:hidden;
	position:relative;
	z-index:1;
}

#pictoZoom .iconzoomHD {
   background: url("../images/btn-zoom-off.png") no-repeat scroll center 0 transparent;
   height: 390px;
   left: 9%;
   position: absolute;
   top: 6px;
   width: 83%;
   z-index: 15;	
}

/* colorbox flèche pour la galerie en lightbox */
#cboxContent #cboxPrevious, #cboxContent #cboxNext {top:-999em;}
#cboxContent:hover #cboxPrevious, #cboxContent:hover #cboxNext {top:0;}
#cboxPrevious, #cboxNext {
	height: 100%;
	width:60px;
	position:absolute;
	top:0;
} 
#cboxNext {
	right:0;
	background: url("./pikachoose/next.png") no-repeat scroll 13px 50% transparent;
}
#cboxPrevious {
	left:0;
	background: url("./pikachoose/prev.png") no-repeat scroll -8px 50% transparent;
}

#pictoZoom .iconzoomHD {display:none;}
#pictoZoom .iconzoomHD.active {display:block;}
#pictoZoom .iconzoomHD:hover {background: url("../images/btn-zoom-on.png") no-repeat scroll center 0 transparent;}



/*Menu Home et Menu autres pages*/
body#home #menu{margin:-50px auto 0; min-width:1100px;}
#menu{
	position:relative;
	height: 115px;
	margin:-75px auto 0;
	z-index:10;
	overflow:visible;
	background:url(../images/bg_menu.gif) repeat-x;
	z-index:6;
}

#menu ul {
	position:relative;
	margin:0 auto;
	width:1100px;
}
#menu ul li{float:left;}
#menu ul li a,#menu ul li span{font-family: Century Gothic, Arial, Helvetica, sans-serif;color:#ffffff;font-size:20px;display:block;line-height:28pt;}
#menu ul .maisons{width:154px;padding:0 0 0 50px;}
#menu ul .appartements{width:200px;padding:0 0 0 45px;}
#menu ul .neuf{width:220px;padding: 0 0 0 50px;}
#menu ul .terrains{width:303px;padding:0 0 0 30px;}
#menu ul li ul {width:inherit;
border-width: 0 3px;
-moz-border-image:url(../images/separateur-vertical1.png) 0 10 0 0 round; /* Firefox */
-webkit-border-image:url(../images/separateur-vertical1.png) 0 10 0 0 round; /* Safari */
-o-border-image:url(../images/separateur-vertical1.png) 0 10 0 0 round; /* Opera */
border-image:url(../images/separateur-vertical1.png) 0 10 0 0 round;
height:70px;margin:7px 0 0 0;
}
#menu ul .appartements ul{padding:0 0 0 27px;width:173px;}
#menu ul .terrains ul{float:left;width:150px;}
#menu ul .terrains ul +ul{float:left;width:100px;padding:0 0 0 30px;}
#menu ul .neuf ul{border:0;}
#menu ul li ul li{width:inherit;}
#menu ul li ul li a{color:#4b4b4b;font-family: 'Calibri', Arial, Helvetica, sans-serif;font-size:15px;line-height:16pt;}

#menu ul li a {
	color:#fff;
}
#menu ul li a:hover {
	color:#ffff80;
}

#menu .aucun_bien {
	cursor:default;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;color:#ccc;font-size:22px;
}

/*Champ de recherche*/
/*#rechercher {
	float:right;
	margin:5px 80px 0 0;
	width:140px;
}*/
#rechercher {
	padding-top:10px;
	color:#4b4b4b;
	text-transform:uppercase;
	font-weight:bold;
}
#recherche {
	position:relative;
	float:left;
	width:149px;
	height:23px;
	margin-top:5px;
	padding-left: 15px;
	font-size:12px;
	line-height:23px;
	color:#fff;
	background:url(../images/search-bg.png) 0 0 no-repeat;
}
#recherche[value] {
	letter-spacing:0.03em;
}
#ok_recherche {
	position: relative;
	float:left;
	width: 34px;
	height: 23px;
	margin:5px 0 0 -10px;
	background: url(../images/search-btn.png) 0 0 no-repeat;
	z-index: 10;
}
#ok_recherche:hover {
	background-position: 0 -25px;
}


/*---------------- Content HOME + LISTE -----------------*/



#content {
	clear:both;
	width:1100px;
	height:100%;
	min-height:100%;
	margin:30px auto;
	padding-bottom:120px;/* doit être de la même taille que le height du footer pour que le footer reste toujours en bas de page*/
	overflow:hidden;
}

body#home #content {
	padding-bottom:145px;/* doit être de la même taille que le height du footer (+ les 25px de padding-top) pour que le footer reste toujours en bas de page*/
}

body#home #content #left,
body#home #content #right {
	float:left;
}
body#home #content #left{
	width:600px;
}
body#home #content #right{
	width:500px;
	margin-top:6px;
}

/*-----------------********** PAGE LISTING **********-----------------*/

#pagination-tri {
	width:1010px;
	height:45px;
	padding: 0 55px;
	color: #424242;
	/*background: url(../images/separateur-horizontal2.png) center bottom no-repeat;*/
}

/*----------------- PAGINATION -----------------*/
#pagination {
	float:left;
}
#pagination .legende {
	padding-right:10px;
}
#pagination span,
#pagination a {
	float:left;
	height:25px;
	line-height:25px;
	color:#424242;
}
#pagination a {
	padding: 0 7px;
	text-decoration: none;
}

#pagination a:hover,
#pagination .current {
	padding: 0 6px;
	font-size:18px;
	font-weight: bold;
	color:#777;
}
#pagination .next span,
#pagination .prev span {
	width:25px;
	padding:0;
}
#pagination .next,
#pagination .prev,
#pagination .disabled-next,
#pagination .disabled-prev {
	padding:0;
	margin-top:-2px;
	width:25px;
	height:28px;
	text-indent:-9999px;
	background:url(../images/arrows-pagination.png) 0 0 no-repeat;
}
#pagination .prev {
	background-position: 0 0;
}
#pagination .next {
	background-position: -25px 0;
}
#pagination .disabled-prev {
	background-position: -50px 0;
}
#pagination .prev:hover {
	padding:0;
	background-position:-75px 0;
}
#pagination .next:hover {
	padding:0;
	background-position:-100px 0;
}
#pagination .disabled-next {
	background-position: -125px 0;
}


/*----------------- TRI -----------------*/
#tri {
	float:right;
	margin-top:5px;
	margin-right:-18px;
}

#tri span,
#tri a {
	float:left;
	height:16px;
	line-height:16px;
	color:#424242;
}
#tri a {
	padding:0 7px 0 6px;
	border-right:1px solid #424242;
	text-decoration: none;
	text-align:center;
}
#tri a:hover,
#tri .current {
	height:16px;
	line-height:16px;
	font-size:13px;
	font-weight: bold;
	color:#777;
	text-transform:uppercase;
	text-align:center;
}
#tri #prix {
	width:65px;
}
#tri #surface {
	width:100px;
}
#tri #ville {	
	width:65px;
}
#tri #date {
	width:65px;
	padding-right:8px;
	border-right:0;
}
#tri .noresult {
	position: relative;
	width:1010px;
	font-size: 14px;
    font-weight: bold;
	text-align:center;
}



/*Home Actus + Coups de coeur*/
.typo_titre {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:16px;
}
.couleur1 {
	color:#777777;
}
.couleur2 {
	color:#777777;
}
 
#cdc_slideshow {
	height:490px;
	overflow:hidden;
}
#actus_slideshow {
	height:245px;
	overflow:hidden;
}
#actus .titre,
#youtube_dailymotion_facebook .titre,
#coups_coeur .titre{
	width: 530px;
	height: 55px;
	margin-left:9px;
	background:url(../images/separateur-horizontal1.png) center 30px no-repeat;
}
#actus .titre h1,
#youtube_dailymotion_facebook .titre h1,
#coups_coeur .titre h1,
#actus .nav,
#coups_coeur .nav {
	float:left;
}

#youtube_dailymotion_facebook img {
float: left;
width: 32px;
padding: 0px 8px 1px 8px;
}

#youtube_dailymotion_facebook p {
padding: 8px 62px 14px 0;
text-align: justify;
}

#actus .nav,
#coups_coeur .nav {
	float:right;
	margin:-3px 0 0 0;
}

#actus .nav #prev_actus,
#coups_coeur .nav #prev_cdc,
#actus .nav #next_actus,
#coups_coeur .nav #next_cdc,
#actus .nav #prev_actus:hover,
#coups_coeur .nav #prev_cdc:hover,
#actus .nav #next_actus:hover,
#coups_coeur .nav #next_cdc:hover {
	float:left;
	width:28px;
	height:28px;
}
#actus .nav #prev_actus,
#coups_coeur .nav #prev_cdc  {
	background:url(../images/arrows-nav.png) 0 0 no-repeat;
}
#actus .nav #next_actus,
#coups_coeur .nav #next_cdc  {
	background:url(../images/arrows-nav.png) -28px 0 no-repeat;
}
 
#actus .nav #prev_actus:hover,
#coups_coeur .nav #prev_cdc:hover  {
	background-position:0 -28px;
}
#actus .nav #next_actus:hover,
#coups_coeur .nav #next_cdc:hover  {
	background-position:-28px -28px;
}
#actus .nav a>span,
#coups_coeur .nav a>span  {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}

#actus .item,
#coups_coeur .item {
	position:relative;
	float:left;
	width:250px;
	height:237px;
	margin:0 20px 10px 0;
	padding-left:9px;
}
#actus .photo,
#coups_coeur .photo,
#actus .nophoto{
	display:inline-block;
	width:244px;
	height:163px;
	padding:3px;
	background-color:#afadac;
}

#coups_coeur .nophoto{
background: none;
position: relative;
float: left;
width: 250px;
height: 237px;
margin: 0 20px 10px 0;
padding-left: 9px;
cursor: auto;

}
#actus .nophoto{
	cursor:auto;
	width:244px;
	height:163px;
	margin:0 18px 0 10px;
}
#actus .photo img,
#coups_coeur .photo img  {
	height:163px;
}
#coups_coeur .nophoto img{
display: inline-block;
width: 244px;
height: 163px;
padding: 3px;
background-color: #afadac;
}
#actus .nophoto img{
	height:163px;
}

#actus .legende,
#coups_coeur .legende  {
	float:left;
	margin-top:5px;
	font-size:13px;
	line-height:14px;
	color:#424242;
	text-align: left;
	overflow:hidden;
}
#actus .legende span,
#coups_coeur .legende span  {
	font-size:11px;
}
#actus .legende span.prix,
#coups_coeur .legende span.prix  {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	letter-spacing:0.05em;
}

/*Actus + Coups de coeur + Liste  New ou Exclu ou Baisse de prix */
#actus #icones_offre,
#coups_coeur #icones_offre,
#content.liste .item1 #icones_offre,
#diaporama #icones_offre {
	position:absolute;
	top:13px;
	left:0;
	z-index:10;
}
#content.liste .item2 #icones_offre {
	position:absolute;
	top:13px;
	left:22px;
}
#equivalents #icones_offre {
	position:absolute;
	left:-9px;
	bottom:100px;
}
#actus .coeur,
#actus .baisse,
#actus .new,
#actus .exclu,
#coups_coeur .coeur,
#coups_coeur .baisse,
#coups_coeur .new,
#coups_coeur .exclu,
#content.liste .coeur,
#content.liste .baisse,
#content.liste .new,
#content.liste .exclu,
#diaporama .coeur,
#diaporama .baisse,
#diaporama .new,
#diaporama .exclu,
#equivalents .coeur,
#equivalents .baisse,
#equivalents .new,
#equivalents .exclu {
	width:71px;
	height:34px;
	font-size:11px;
	text-align:left;
	text-indent:-9999px;
	background:url(../images/icones-offre.png) 0 0 no-repeat;
	z-index:10;
}
#actus .coeur,
#coups_coeur .coeur,
#content.liste .coeur,
#diaporama .coeur,
#equivalents .coeur {
	height:45px;
}
#actus .baisse,
#coups_coeur .baisse,
#content.liste .baisse,
#diaporama .baisse,
#equivalents .baisse {
	background-position:0 -44px;
}
#actus .new,
#coups_coeur .new,
#content.liste .new,
#diaporama .new,
#equivalents .new {
	background-position:0 -79px;
}
#actus .exclu,
#coups_coeur .exclu,
#content.liste .exclu,
#diaporama .exclu,
#equivalents .exclu {
	background-position:0 -113px;
}
.vendu{margin-left:-2px;}


/*Tri des Actus de la Home*/
#tri_actus {
	float:left;
	margin-top:20px;
	font-size:13px;
}
#tri_actus span {
color:#FFF;
}
#tri_actus input[type="checkbox"]{
	display:none;
}
#tri_actus .checkbox_exclu,
#tri_actus .checkbox_new,
#tri_actus .checkbox_reduc {
	/*height:30px;*/
	float:left;
	padding: 3px 18px 1px 20px;
	margin-top:5px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}

#tri_actus .checked_exclu,
#tri_actus .unchecked_exclu {
	background:url(../images/checkbox-exclu.png) 0 0 no-repeat;
}
#tri_actus .checked_new,
#tri_actus .unchecked_new {
	background:url(../images/checkbox-new.png) 0 0 no-repeat;
}
#tri_actus .checked_reduc,
#tri_actus .unchecked_reduc {
	background:url(../images/checkbox-reduc.png) 0 0 no-repeat;
}


#tri_actus .unchecked_new,
#tri_actus .unchecked_reduc,
#tri_actus .unchecked_exclu {
	background-position:0px -18px;
}

#tri_actus .checkbox_reduc span{
	color:#FFF;
	font-weight:normal;
}
#tri_actus .checkbox_exclu + .checkbox_new + .checkbox_reduc {
	padding-right:0px;
}

#txt_accueil {
	position:relative;
	float:left;
	margin-bottom:10px;
}
#txt_accueil h1 {
	margin-bottom:15px;
	font-family:"Century Gothic", arial;
	font-size:17px;
	font-style:italic;
}
#txt_accueil a {
	color:#424242;
}
#txt_accueil a:hover {
	color:#777777;
}

#txt_accueil p {
	margin-bottom:10px;
	font-size:14px;
	color:#424242;
	text-align:justify;
	font-family:'Calibri',arial;
}
#txt_accueil ul{
	padding:0;
	margin:3px 0 10px 0;
}

#txt_accueil ul li{
	color:#424242;
	font-size:14px;
	padding: 0 0 0 20px;
	font-family:'Calibri',arial;
	margin:2px 0;
}
#consultes{width:100%;margin:20px 0 0 0;overflow:hidden; height:100px;}
#consultes h2{width:112px;height:52px;padding:18px 25px 0 7px;text-align:center;color:#ffff80;font-size:12px;float:left;background:url(../images/titre_biens_consultes.png) no-repeat;}
#consultes .biensvisites{width:93px;float:left;border:1px solid #fff;}
#consultes .biensvisites +.biensvisites{margin:0 0 0 5px;}
#consultes .biensvisites a{width:93px;height:62px;text-align:center;float:left;margin:0;}
#consultes .biensvisites a img{height:62px;}


/*Mobile*/

/* Home Menus secondaires Prestations, Secteurs et Villes */

#prestations h1,
#secteurs h1,
#villes h1 {
	height:25px;
	padding:5px 0 0 0;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:17px;
	font-style:italic;
	letter-spacing:0.03em;
}

#prestations,
#secteurs,
#villes {
	position:relative;
	float:left;
	/*height:196px;
	border-left:1px solid #CCC;*/
	z-index:50;
	margin-bottom:30px;
}
#prestations {
	width:298px;
}
#secteurs {
	width:170px;
}
#villes {
	width:202px;
}

/* Sous-menus déroulants des Prestations et Secteurs*/
#prestations>ul,
#secteurs>ul,
#villes>ul {
	padding:8px 0 0 0;
	font-size:14px;
	color:#424242;
}
#prestations>ul {
	width:250px;
}
#secteurs>ul {
	width:170px;
}
#villes>ul {
	width:250px;
}

#prestations ul>li,
#secteurs ul>li,
#villes ul>li{
	float:left;
	height:20px;
	margin-bottom:2px;
	padding-left:15px;
	background:url(../images/puce1.png) 0 4px no-repeat;
}
#prestations ul>li{
	width:235px;
}
#secteurs ul>li{
	width:165px;
}
#villes ul>li{
	width:235px;
}
#prestations ul>li a,
#secteurs ul>li a,
#villes ul>li a{
	color:#424242;
}



#prestations ul li .submenu,
#secteurs ul li .submenu,
#villes ul li .submenu {
	position:absolute;
	display:none;
	width:145px;
	padding:2px 0;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; Hack IE8
	filter: alpha(opacity=95); Hack IE5-7 */
	opacity:0.95;
	border:1px solid #b5aca2;
	border-top:none;
	-webkit-border-radius: 3px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius: 3px;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	border-radius: 3px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	background:#424242 url(../images/separateur-horizontal1.png) center 0 no-repeat;
	z-index:10;
}
#prestations ul li .submenu li,
#secteurs ul li .submenu li,
#villes ul li .submenu li {
	width:145px;
	height:15px;
	margin:0;
	padding:4px 0;
	background-image:none;
	font-size:13px;
	text-align:right;
}
#prestations .submenu li a,
#secteurs .submenu li a,
#villes .submenu li a {
	margin-right:10px;
	color:#ccc;
	font-weight:bold;
}
#prestations .submenu li:hover,
#secteurs .submenu li:hover,
#villes .submenu li:hover {
	background-color:#ccc;
}
#prestations .submenu li:hover a,
#secteurs .submenu li:hover a,
#villes .submenu li:hover a {
	margin-right:20px;
}
#prestations .submenu li:hover a,
#secteurs .submenu li:hover a,
#villes .submenu li:hover a,
#prestations .submenu li:hover a:hover,
#secteurs .submenu li:hover a:hover,
#villes .submenu li:hover a:hover {
	color:#424242;
	font-weight:bold;
}
#prestations ul li span,
#secteurs ul li span,
#villes ul li span {
	color:#999;
}
#prestations ul li:hover .first,
#secteurs ul li:hover .first,
#villes ul li:hover .first  {
	display:block;
	background-color:transparent;
	color:#777;
}
#prestations ul li:hover .first:hover,
#secteurs ul li:hover .first:hover,
#villes ul li:hover .first:hover  {
	color:#777;
}

#prestations ul li:hover a[class="no_submenu"]:hover,
#secteurs ul li:hover a[class="no_submenu"]:hover,
#villes ul li:hover a[class="no_submenu"]:hover   {
	color:#777;
}

#prestations ul li:hover a:hover,
#secteurs ul li:hover a:hover,
#villes ul li:hover a:hover  {
	color:#383838;
}

#prestations ul li:hover .submenu,
#secteurs ul li:hover .submenu,
#villes ul li:hover .submenu  {
	display:block;
}


/*Liste des Offres trouvées de la page LISTE + Offres Actus sur la Home + Offres Coup de coeur sur la Home*/
#wrap_liste {
	width:1100px;
	margin-bottom:10px;
	padding-top:30px;
	background:url(../images/separateur-horizontal2.png) center top no-repeat;
	overflow:hidden;
}
#wrap_liste .wrap_item {
	position:relative;
	float:left;
	width:1100px;
	height:370px;
	margin-top: 10px;
	background:url(../images/separateur-horizontal2.png) center bottom no-repeat;
}
#wrap_liste .item1 {
	position:relative;
	float:left;
	width:519px;
	height:340px;
	padding:0 21px 0 9px;
	font-size:13px;
	color:#424242;
}
#wrap_liste .item2 {
	position:relative;
	float:left;
	width:519px;
	height:340px;
	padding-left:31px;
	font-size:13px;
	color:#424242;
}


#wrap_liste .photo {
	float:left;
	padding:3px;
	background-color:#afadac;
}
#wrap_liste .big {
	width:338px;
	height:225px;
	margin:0 8px 20px 0;
}
#wrap_liste .small {
	position:absolute;
	width:154px;
	height:103px;
	bottom:0;
	margin:0px;
}
#wrap_liste .big img {
	height:225px;
}
#wrap_liste .small img {
	height:103px;
}
#wrap_liste .titre {
	position:relative;
	float:left;
	width:162px;
	height:231px;
	margin:0 0 20px 5px;
	overflow:hidden;
}
#wrap_liste p {
	margin-bottom:5px;
}
#wrap_liste p+p {
	line-height:15px;
}
#wrap_liste .prix {
	margin-bottom:5px;
	font-size:20px;
	font-weight:bold;
}
#wrap_liste .ville {
	font-weight:bold;
	text-transform:uppercase;
}
#wrap_liste .ref_type {
	position:absolute;
	bottom:0;
	overflow:hidden;
}

#wrap_liste .ref{
	font-size:14px;
	font-weight:bold;
}
#wrap_liste .couleur1 a {/* Bug iPad qui comprend les références et les prix de plus de 8 chiffres comme des liens <a></a>*/
	color:#777;
	
}
#wrap_liste .couleur2 a {/* Bug iPad qui comprend les références et les prix de plus de 8 chiffres comme des liens <a></a>*/
	color:#777777;

}
#wrap_liste .type {
	color:#777;
}

#wrap_liste .wrap_item .voir {
	display:inline-block;
	position:absolute;
	bottom:5px;
	right:25px;
	width:127px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/btn-voir.png) no-repeat;
}
#wrap_liste .wrap_item .item2 .voir {
	right:0;
}
#wrap_liste .wrap_item .voir:hover {
	background-position:0 -24px;
}
#wrap_liste .wrap_item .item2 .voir:hover {
	background-position:0 -48px;
}
#wrap_liste .wrap_item .uk {
	background:url(../images/btn-voir.png) 0 -72px no-repeat;
}
#wrap_liste .wrap_item .uk:hover {
	background:url(../images/btn-voir.png) 0 -96px no-repeat;
}
#wrap_liste .wrap_item .item2 .uk:hover {
	background-position:0 -120px;
}
/*#content .texte_liste {
	float:left;
	width:718px;
	margin:20px 0 0 340px;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	text-align:justify;
	line-height:19px;
	color:#CCC;
}*/

#desc_secteur,
#desc_ville{
	float:left;
	margin:20px 50px;
	padding-top:20px;
	background:url(../images/barre-h-3.png) center 0 no-repeat;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	line-height:18px;	
	text-align:justify;
}
#desc_ville h1{
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
}

/*---------------- Content OFFRES -----------------*/


#nav_offre {
	width:1010px;
	height:55px;
	margin:0 auto 30px;
	padding:0 45px;
	font-size:13px;
	line-height:28px;
	color: #424242;
	background:url(../images/separateur-horizontal2.png) center bottom no-repeat;
}
#nav_offre>a {
	float:left;
	height:28px;
	padding-left:30px;
	color: #424242;
	background:url(../images/arrows-nav.png) 0 0 no-repeat;
}
#nav_offre>a:hover {
	color:#777;
	background-position:0 -28px;
}
#nav_offre>a span {
	float:left;
	width:215px;
	height:28px;
	padding-left:5px;
	background-color:#FFFF80; /*pour cacher le 2e btn de nav */ 
}
#nav_offre #ref {
	float:right;
}
#nav_offre #ref strong,
#nav_offre #ref a {
	font-weight:bold;
	color:#777;
	cursor:default;
}


/*-----------------********** PAGE OFFRE **********-----------------*/


/*----------------- OFFRE GAUCHE -----------------*/
#content.offre #left {
	float:left;
	position:relative;
	width:716px;
	margin-right:31px;
	padding-left:9px
}


/*Diaporama*/
#legende {
	position:absolute;
	top:10px;
	left:10px;
	width:515px;
	height:50px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.75);
	-pie-background: rgba(255, 255, 255, 0.75); /*PIE*/
    behavior: url(/PIE.htc);
	font-weight:bold;
	z-index:10;
}
#legende .cdc {
	display:inline-block;
	float:left;
	height:50px;
	width:50px;
	background-color:#FFF;
}
#legende .cdc img {
	padding-top:5px;
	padding-left:5px;
}
#legende .prix {
	display:inline-block;
	height:50px;
	line-height:50px;
	padding:0 20px;
	font-size:22px;
	color:#FF9900;
}
#legende .categorie,
#legende .ville {
	font-size:16px;
	color:#02436f;
}

/*Tooltips Offre*/
#content.offre #tooltips {
	position:relative;
	margin-bottom:25px;
	padding-left:15px;
	height:28px;
	font-size:12px;
	line-height:28px;
	font-weight:bold;
	color:#443e3b;
	background:url(../images/bg-tooltips.png) 0 0 no-repeat;
}
#content.offre #tooltips>a {
	padding:5px 2px 4px;
	color:#443e3b;
}
#content.offre #tooltips>a:hover {
	color:#ffff80;
}



/*Descriptif Offre*/
#descriptif {
	font-size:14px;
	color:#424242;
}
#descriptif h2,
#descriptif h3 {
	font-size:17px;
	font-weight:normal;
}
#descriptif h2 .ville {
	font-size:22px;
}
#descriptif>p {
	margin-top:15px;
	line-height:20px;
}

/* Convertisseur Monétaire*/
.convertisseur_monnaie{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:5px;
}
.convertisseur_monnaie .prix{
	float:left;
	margin-right:10px;
	font-size:30px;
	font-weight:bold;
	letter-spacing:0.05em;
}
.convertisseur_monnaie .prix-demande {
	float:left;
	margin-right:10px;
	margin-top:3px;
	font-size:26px;
}
.convertisseur_monnaie .monnaie {
	position:relative;
	float:left;
	width:105px;
	margin-top:2px;
    background: url(../images/btn-devises-bg-left.png) -45px 0 repeat-x;
}
.convertisseur_monnaie .monnaie > p{
	float:left;
	width:120px;
	height:22px;
	padding:8px 15px 0 0;
	font-size: 12px;
	font-weight:bold;
	color:#443e3b;
	text-align:center;
	background:url(../images/btn-devises-bg-right.png) right 0 no-repeat;
}
.convertisseur_monnaie .monnaie:hover p{
    background-position: right -30px;
	color:#ffff80;
}
.convertisseur_monnaie .monnaie>ul{
	display:none;
	position:absolute;
	top:31px;
	left:3px;
	width:168px;
	padding:10px 5px 3px;
	font-size:15px;
	font-weight:bold;
	color:#ccc;
	background-color:#424242;
	z-index:120;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)"; Hack IE8
	filter: alpha(opacity=98);  Hack IE5-7 
	opacity:0.98;*/
	border:1px solid #B5ACA2;
}
.convertisseur_monnaie .monnaie:hover ul{
	display:block;
}
.convertisseur_monnaie ul>li{
	float:right;
	width:118px;
	font-size:14px;
	text-align:right;
	padding:5px 50px 5px 0;
	background:url(../images/drapeaux-devises.png) no-repeat 135px 4px;
}
.convertisseur_monnaie ul>li+li{
	background-position:135px -20px;
}
.convertisseur_monnaie ul>li+li+li{
	background-position:135px -44px;
}
.convertisseur_monnaie ul>li+li+li+li{
	background-position:135px -68px;
}
.convertisseur_monnaie ul>li+li+li+li+li{
	background-position:135px -92px;
}
.convertisseur_monnaie ul>li+li+li+li+li+li{
	background-position:135px -116px;
}
.convertisseur_monnaie ul>li+li+li+li+li+li+li{
	background-position:135px -140px;
}
.convertisseur_monnaie ul>li+li+li+li+li+li+li+li{
    width: 168px;
	padding:10px 0 0;
	font-size: 12px;
	font-weight:normal;
    text-align: center;
	color:#ccc;
	background-image: none;
}


/*----------------- OFFRE RIGHT -----------------*/
#content.offre #right {
	position:relative;
	float:left;
	width:344px;
	/*background-color:blue;*/
}

/*Prestations*/
#content.offre #right #prestations {
	min-height:200px;
}
#content.offre #right #prestations #detail-prestations {
	margin:0 38px;
	line-height:24px;
}
#content.offre #right #prestations #detail-prestations ul {
	width:230px;
}
#content.offre #right #prestations #prestations-diverses {
	margin:0 38px;
	margin-top:5px;
	line-height:18px;
}
#content.offre #right #prestations ul#flags {
	position:absolute;
	top:50px;
	left:280px;
	width:100px;
}
#content.offre #right #prestations ul#flags li {
	position:relative;
	background: url(../images/flags.png) 0 0 no-repeat;
	height:40px;
}
#content.offre #right #prestations ul#flags li#new {
	background-position: -100px 0;
}
#content.offre #right #prestations ul#flags li#baisse {
	background-position: -200px 0;
}
#content.offre #right #prestations ul#flags li span{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*---------------- Formulaire de contact sur pages Contact / Estimation / Partenaires / Offre -----------------*/
#content.offre #contact,
#partners #form_nous_contacter,
#contact_us #form_nous_contacter,
#estimate form .left fieldset {
	position:relative;
	padding:0 25px 10px;
	color:#ccc;
	border:3px solid #afadac;
	background-color:#afadac;
}

#estimate form .left fieldset {
	padding:10px 25px 20px;
}
#contact_us #form_nous_contacter {
	padding-top:10px;
}
#content.offre #contact {
	height:216px;
	margin-bottom:10px;
	padding: 0 25px;
}
#content.offre #contact h1{
	font-family: 'Qwigley', Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:400;
	color:#ffff80;
}

#content.offre #form-contact {
	position:relative;
}

#content.offre #form-contact>p,
#partners #form_nous_contacter>p,
#contact_us #form_nous_contacter>p,
#estimate form .left fieldset>p {
	height:28px;
}
#content.offre #form-contact>p.message,
#partners #form_nous_contacter>p.message,
#contact_us #form_nous_contacter>p.message,
#estimate form .left fieldset>p.message{
	height:45px;
}
#content.offre #form-contact>p>label,
#partners #form_nous_contacter>p>label,
#contact_us #form_nous_contacter>p>label,
#estimate form .left fieldset>p>label{
	float:left;
	width:80px;
	height:22px;
	line-height:22px;
	color:#424242;
}
#content.offre #form-contact>p input,
#content.offre #form-contact>p textarea,
#partners #form_nous_contacter>p input,
#partners #form_nous_contacter>p textarea,
#contact_us #form_nous_contacter>p input,
#contact_us #form_nous_contacter>p textarea,
#estimate form .left fieldset>p input,
#estimate form .left fieldset>p textarea {
	position:relative;/* IE8 avec PIE CSS3 : sinon on ne voit pas le border */
	float:left;
	width:195px;
	height:20px;
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#424242;
	border: 1px solid #424242;
	background-color:#fff;
}
#content.offre #form-contact>p textarea,
#partners #form_nous_contacter>p textarea,
#contact_us #form_nous_contacter>p textarea,
#estimate form .left fieldset>p textarea {
	height:45px;
	padding-top:3px;
}
#content.offre #form-contact #submit,
#partners #form_nous_contacter #submit,
#contact_us #form_nous_contacter #submit,
#estimate form .left fieldset #submit {
	clear:both;
	width:85px;
	margin:15px 0 0 190px;
    text-align: center;
	background: url(../images/btn-submit-bg-left.png) left 0 no-repeat;
}
#content.offre #form-contact #submit p,
#partners #form_nous_contacter #submit p,
#contact_us #form_nous_contacter #submit p,
#estimate form .left fieldset #submit p{
    width: 90px;
	height:25px;
    padding-left:5px;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
	color: #ccc;
	background: url(../images/btn-submit-bg-right.png) right 0 no-repeat;
    cursor:pointer;
}

/*** Design des icones de validation ou non-validation du Formulaire de contact ***/
#content.offre #form-contact #messageform,
#partners #form_nous_contacter #messageform,
#contact_us #form_nous_contacter #messageform,
#estimate form .left fieldset #messageform{
	position:absolute;
	font-size:12px;
	color: #F37F0D;
}
#content.offre #form-contact #messageform{
	bottom:-6px;
}
#partners #form_nous_contacter #messageform{
	bottom:4px;
}
#contact_us #form_nous_contacter  #messageform{
	bottom:4px;
}
#estimate form .left fieldset #messageform{
	top:187px;
}

#content.offre #form-contact input,
#partners #form_nous_contacter input,
#contact_us #form_nous_contacter input,
#estimate form .left fieldset input {/* Pour IE7 car il n'a pas bien ciblé les input des autres formulaires */
	float:left;
}
#content.offre #form-contact label.error,
#content.offre #form-contact label.checked,
#partners #form_nous_contacter label.error,
#partners #form_nous_contacter label.checked,
#contact_us #form_nous_contacter label.error,
#contact_us #form_nous_contacter label.checked,
#estimate form .left label.error,
#estimate form .left label.checked{
	position:relative;
	top:0px;
	right:-4px;
	width:24px;
	height:24px;
}
#content.offre #form-contact label.error,
#partners #form_nous_contacter label.error,
#contact_us #form_nous_contacter label.error,
#estimate form .left label.error,
#estimate form .right .blockdate > label.error {
	background:url("/images/icone-form.png") no-repeat 0 -24px;
}
#content.offre #form-contact label.checked,
#partners #form_nous_contacter label.checked,
#contact_us #form_nous_contacter label.checked,
#estimate form .left label.checked,
#estimate form .right .blockdate > label.checked {
	background:url("/images/icone-form.png") no-repeat 0 0;
}


/*---------------- Pages Nous Contacter / Partenaires / Plan du site / Proprietaire (temporaire) / Mentions légales -----------------*/
#contact_us, 
#partners, 
#plan_site,
#mentions,
#proprietaire,
#estimate{
	margin-bottom:40px;
	overflow:hidden;
}
#contact_us .left, 
#partners .left, 
#estimate form .left{
	width:344px;
	float:left;
	margin-right:36px;
}
#contact_us h1, 
#estimate h1, 
#partners h1, 
#mentions h1, 
#plan_site h1, 
#proprietaire h1{
    width: 1060px;
    margin-bottom: 30px;
	padding:0 20px;
	background:url(../images/separateur-horizontal2.png) center 40px no-repeat;
}
#partners .right,
#estimate form .right {
	width:720px; 
	float:left; 
	overflow:hidden;
}
#contact_us .left form h2, 
#partners .left form h2,
#estimate form .left fieldset h2 {
	font-size:20px;
	color:#424242;
}
#partners .right h4, 
#mentions h4, 
#plan_site h4, 
#proprietaire h4 {
	color:#777;
	font-size:14px; 
	font-weight:normal;
	margin:0 0 5px; 
	padding-bottom:8px;
	background:url(../images/separateur-horizontal2.png) center 20px no-repeat;
	padding-bottom:10px;
}
#partners .right p, 
#mentions p {
	margin:0 0 20px 25px; 
	color:#424242; 
	font-size:13px; 
	line-height:18px;
}
#contact_us .adress a, 
#mentions p a, 
#partners .right p a, 
#plan_site a {
	color:#424242;
}
#contact_us .adress a:hover, 
#mentions p a:hover, 
#partners .right p a:hover, 
#plan_site a:hover {
	color:#777;
}
#partners .left .asterix, 
#estimate .left .asterix {
	font-size:11px;
	margin:10px 0;
	color:#424242;
}


#partners #form_nous_contacter .intro {
	height:auto;
	margin:20px 0 10px;
	padding:10px;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color:#ccc;
	
}

/*---------------- Nous contacter -----------------*/
#contact_us .right {
	width:605px;
	float:left; 
	margin-left:50px;
}
#contact_us .right #googlemap {
	/*height:644px;*/
	padding:12px;
	border:3px solid #AFADAC;
	background-color:#AFADAC;
	margin-bottom: 20px;
}
#contact_us .adress, 
#contact_us .opening_hours {
	margin-top:25px;
	margin-bottom:30px;
	font-size:14px;
	color:#424242;
	line-height:20px;
}
#contact_us .adress span {
	text-transform:uppercase;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	color:#777;
	letter-spacing:0.03em;
}

#contact_us .right #map{height:560px;border:1px solid #FFF;}
#contact_us .right #gps{position:relative;margin-top:10px;}
#contact_us .right #gps p{color:#424242;font-size:14px;margin-bottom:5px;}
#contact_us .right #gps p+p{font-weight:bold;}
#contact_us .right #gps p+p>a{font-weight:bold; color:#424242;}
/* carte div caché pour lightbox */
#mapbis{width:100%; height:100%;}

#contact_us #agence {
	clear:both;
    background-color: #424242;
    border: 3px solid #514640;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}
#contact_us #agence p {
    float: left;
	margin-top:10px;
    font-size: 14px;
	line-height:20px;	
    color: #ccc;
	text-align:left;
}
#contact_us #photo-agence2 {
	margin:0 0 12px 18px!important;
}

#contact_us #photo-agence-HD, 
#contact_us .right #plan-HD {
	position:absolute;
    right:0;
	top:-10px;
    height: 70px;
    width: 82px;
	outline:none;
	background: url(../images/btn-zoom.png) no-repeat 0 0;
}
#contact_us #photo-agence-HD:hover,
#contact_us .right #plan-HD:hover {
	background: url(../images/btn-zoom.png) no-repeat 0 -70px;
	outline:none;
}
#contact_us #photo-agence-HD {
	margin-top:10px;
}

/*---------------- Plan du site -----------------*/
#plan_site div {
	margin-bottom:40px;
}
#plan_site a {
	font-size:13px; 
	line-height:20px;
}
#plan_site ul {
	margin:0 0 20px 25px;
}





/*---------------- Page Estimation -----------------*/


.clear{clear:both;}

#estimate form .left .speech{float:left;width:268px;background-color:#ccc;padding:10px;margin-top:10px;color:#424242;}
#estimate form .left .speech p{font-size:13px;width:270px;font-weight:bold;line-height:14pt;}
#estimate form .left .speech ul{margin:15px 0;}
#estimate form .left .speech li{list-style-type:none;font-size:13px;margin-bottom:3px;font-weight:bold;line-height:14pt;}
#estimate form .left .speech li span{margin-left:8px;}

#estimate form .right{width:605px;float:left; margin-left:50px;/*overflow:hidden;*/}
#estimate form .right h2{width:605px;border-bottom:1px solid #ccc;color:#777;font-size:14px;margin-bottom:20px;display:block;height:21px;}
#estimate form .right h2.precis{margin-top:60px;}

#estimate form .right span{color:#424242;font-size:14px;font-weight:normal;}
#estimate form .right .line{width:625px;float:left;}
#estimate form .right fieldset p{color:#424242;font-size:13px;width:124px;float:left;margin-bottom:15px;}

#estimate form .right fieldset p.commentaire{color:#777; font-size:13px;line-height:15px;float:left;margin-bottom:20px;margin-left:15px; text-align:right;width:260px;}

#estimate form .right input{
	padding:1px;
	font-size:13px;
	border: 1px solid #AFADAC;
	color:#424242;
	background-color:#fff;
}
#estimate form .right label{
	float:left;
	font-size:13px; 
	color:#424242;
	margin:0 14px 15px 0;
	outline:none;
}
#estimate form .right textarea{
	float:left;
	width:473px;
	height:50px;
	margin:0 0 15px 0;
	border: 1px solid #AFADAC;
	font-size:13px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#424242;
	background-color:#fff;
}


#estimate form .right input[name="codepostale"],
#estimate form .right input[name="surface"],
#estimate form .right input[name="etage"] {width:54px;}

#estimate form .right input[name="ville"],
#estimate form .right input[name="terrain"]{width:334px;}
#estimate form .right input[name="date_dispo"] {width:300px;}
#estimate form .right input[name="pays"]{width:471px;}
#estimate form .right input[name="annee_construction"]{width:238px;}

#estimate form .right .label_annee,
#estimate form .right .label_terrain,
#estimate form .right .label_ville{color:#424242;font-size:13px;float:left;margin:0 0 15px 0;}

#estimate form .right .label_terrain,
#estimate form .right .label_ville  {width:54px;}
#estimate form .right .label_annee {width:150px;}

#estimate form .right input[name="codepostale"],
#estimate form .right input[name="surface"],
#estimate form .right input[name="etage"] {float:left;margin: 0px 25px 15px 0;}

#estimate form .right input[name="ville"],
#estimate form .right input[name="pays"],
#estimate form .right input[name="terrain"],
#estimate form .right input[name="date_dispo"],
#estimate form .right input[name="annee_construction"] {float:left;margin: 0 0 15px;}

#estimate form .right .samewidth{width:120px;}

#estimate form .right .label_adresse,
#estimate form .right .label_codepostal,
#estimate form .right .label_pays,
#estimate form .right .label_surface,
#estimate form .right .label_etage{color:#424242;font-size:13px;width:130px;float:left;margin:0 0 15px 0;}

/*Personnalisation des checkboxes et radioboxes*/

#estimate form .right .line input[type="radio"],
#estimate form .right .line input[type="checkbox"]{width:1px;display:block;}/* Display pour IE8 */

#estimate form .right .line .radiobox,
#estimate form .right .line .checkbox {float:left;margin-top:-6px;}

#estimate form .right .line .blockdate label.error {margin:0;float:right;width:24px;height:24px;}
#estimate form .right .line .blockdate .custom-radio {float:left;}
#estimate form .right .line .blockdate #date_dispo {padding-left: 0;margin-top:3px;}

/*#estimate form .right .line .radiobox_unchecked {background:url(../images/btn-radio-off.png) 2px 2px no-repeat;}
#estimate form .right .line .radiobox_checked {background:url(../images/btn-radio-on.png) 2px 1px no-repeat;}

#estimate form .right .line .checkbox_unchecked {background:url(../images/btn-checkbox-off.png) 2px 2px no-repeat;}
#estimate form .right .line .checkbox_checked {background:url(../images/btn-checkbox-on.png) 2px 2px no-repeat;}*/



/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; outline:none; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 8px;
	top: 8px;
	margin: 0;
	z-index: 0;
	outline:none;
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.3em;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}


.custom-checkbox label {
	background: url(/images/checkbox.png) no-repeat; 
}

.custom-radio label { 
	background: url(/images/radiobutton.png) no-repeat; 
}

.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -10px -314px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}


/*----------------- PRODUITS EQUIVALENTS -----------------*/
#equivalents-slideshow {
	position:relative;
}
#equivalents .titre {
	height:37px;
	padding:0 25px;
	border:3px solid #afadac;
	border-bottom-width:1px;
	background-color:#afadac;
	overflow:hidden;
}
#equivalents .titre h1 {
	float:left;
	font-family: 'Qwigley', Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:400;
	color:#ffff80;
}
#equivalents .nav {
	float:right;
	margin:5px -5px 0 0;
}
#equivalents .nav #prev_equivalents,
#equivalents .nav #next_equivalents,
#equivalents .nav #prev_equivalents:hover,
#equivalents .nav #next_equivalents:hover {
	float:left;
	width:28px;
	height:28px;
	background:url(../images/arrows-nav.png) 0 0 no-repeat;
}
#equivalents .nav #next_equivalents  {
	background-position:-28px 0;
}
#equivalents .nav #prev_equivalents:hover  {
	background-position:0 -28px;
}
#equivalents .nav #next_equivalents:hover  {
	background-position:-28px -28px;
}
#equivalents .nav a>span  {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
#equivalents-slide {
	background-color:transparent!important;
}
#equivalents .item {
	display:block;
	height:226px;
	width:338px;
	border:3px solid #afadac;
	border-top:0;
}
#equivalents .item:hover {
	color:#FFF;
}
#equivalents .photo,
#equivalents .nophoto  {
    height: 225px;
	border-top:1px solid #afadac;
}
#equivalents .legende  {
	position:relative;
    margin: 8px 0 0;
	padding:0 20px;
	font-size: 14px;
    line-height: 20px;
	color:#424242;
	overflow: hidden;
}
#equivalents .legende .prix  {
    font-weight: bold;
	font-size: 20px;
	line-height:34px;
	letter-spacing:0.05em;
}
#equivalents .legende .ville  {
    font-weight: bold;
	text-transform:uppercase;
}
#equivalents .voir {
	display:inline-block;
	position:absolute;
	top:5px;
	right:15px;
	width:127px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/btn-voir.png) no-repeat;
}
#equivalents .voir:hover {
	background-position:0 -48px;
}
#equivalents .uk {
	background:url(../images/btn-voir.png) 0 -72px no-repeat;
}
#equivalents .uk:hover {
	background:url(../images/btn-voir.png) 0 -120px no-repeat;
}
	
/*---------------- Footer -----------------*/


#wrap_footer {
	position:relative;
	clear:both;
	height:150px;/*Pour que le footer reste toujours en bas de page toujours lui attribuer une hauteur*/
	margin:-150px auto 0; /*Pour que le footer reste toujours en bas de page mettre un margin top négatif de la hauteur du footer*/
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #4d4d4d;
	background:url(../images/bg-footer.jpg) center 0 repeat-x;
}
#wrap_footer_iPad {
	height:150px;
	width:1100px;
	margin:0 auto;
	background: url(../images/bg-footer.jpg) center 0 repeat-x;
}
#footer {
	height:120px;
	margin:0 auto;
	padding-top:30px;
	background:url(../images/bg-footer-light.png) center 0 no-repeat;
}
#footer p {
	padding:10px 0 5px;
	text-align:center;
}
#footer p a {
	color:#4d4d4d;
}
#footer p a:hover {
	color:#4d4d4d;
}

#menu_secondaire {
	text-align:center;
}
#menu_secondaire li {
	display:inline;	
	margin: 10px 0;
}
#menu_secondaire li a {
	color:#4d4d4d;
}
#menu_secondaire li a:hover{
	color:#4d4d4d;
}

#footer #legal {
}
#footer #legal p {
	margin-top:15px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
}
#footer #legal p+p {
	margin-top:5px;
	font-size:11px;
}
#footer #legal a {
	color:#4d4d4d;
}
#footer #legal a:hover {
	color:#4d4d4d;
}
/*Mobile*/
.mobile{background:url(../images/mobile.png) no-repeat right top; width:93px;height:32px;margin: 5px auto;padding: 2px 0 25px 0;}
.mobile a{color:#4d4d4d;line-height:10pt;font-size:13px;display:block;width:70px;text-align:center;}

/*---------------- Contenu de l'Espace Acheteur (iacheteur) -----------------*/
#content_iacheteur {
	clear:both;
	width:1100px;
	margin:70px auto;
	padding:30px 0 120px;/* doit être de la même taille que le height du footer pour que le footer reste toujours en bas de page*/
	overflow:hidden;
	font-size:13px;
	color:#424242;
}


/*//////////////////////////////////////////////////////
///////////////         VISITE 360 OFFRE        ///////////////////
//////////////////////////////////////////////////////*/
.visite-offre{
	 clear: left;
    float: left;
    width: 340px;
    margin: 10px 0px 40px 0px;
    background-color: #afadac;
    padding: 0px;
    color: #fff;
    font-size: 13px;
    border: 2px solid #afadac;
}
#detail-offre-360-container {
  /*border: 2px #f78526 solid;*/
  background: #afadac;
  width: 100%;
}
#agence>div{
	margin-left: 10px!important;
}
.logo img{
	width: 80%!important;
}
#detail-offre-360-container .btn-box {
  margin-top: 20px;
  padding: 0 30px 25px 30px;
  text-align: center;
}

#detail-offre-360-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#detail-offre-360-box:before {
  content: "";
  display: block;
  padding-top: 80%;
}
#detail-offre-360-box > iframe {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#detail-offre-360-box {
  position: relative;
}

#detail-offre-360-box-unfull {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  color: #ffffff;
  font-size: 40px;
  cursor: pointer;
  z-index: 10010;
}

@media screen and (max-width: 768px) {
 
  .float-none-xs {
    float: none !important;
  }
}

@media screen and (max-width: 992px) {
 
  .float-none-sm {
    float: none !important;
  }
}

#detail-offre-360-box.full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

:-webkit-full-screen #detail-offre-360-box-unfull {
  display: block;
}

:-moz-full-screen #detail-offre-360-box-unfull {
  display: block;
}

:-ms-fullscreen #detail-offre-360-box-unfull {
  display: block;
}

:fullscreen #detail-offre-360-box-unfull {
  display: block;
}

.full #detail-offre-360-box-unfull {
  display: block;
}

#detail-offre-360-box-unfull {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  color: #ffffff;	
  font-size: 40px;
  cursor: pointer;
  z-index: 10010;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-default:hover{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}