@charset "utf-8"; 
/*COMMON*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; outline:0; font-size:100%; vertical-align:top; background:transparent; text-decoration:none; margin:0; padding:0; } 
html { 
	height:100%; 
	overflow-x:hidden; 
	overflow-y:auto; 
} 
body { 
	height:100%; 
	font-family:Arial,sans-serif; 
	font-size:0.75em; 
	color:#5a5a5a; 
	text-align:center;
	background:#FFF url(../images/bg.jpg) repeat-x 50% 0; 
} 
abbr ,acronym{ 
	cursor:help; 
	border-bottom:1px dotted #CCC; 
} 
a{
	color:#888;
}
a:hover{
	color:#343434;
}
button{
	font-family:Arial,sans-serif; 
	font-size:1.2em; 
	padding:3px 4px;
	border:1px solid #666;
	background:#B4201D;
	color:#FFF;
	margin-top:1em;
	margin-bottom:1em;	
	cursor:pointer;
}
.clear{
	clear:both;
	height:0px;
}
.clearleft{
	clear:left;
	height:0px;
}
.puce_r{
	background:transparent url(../images/bg_puce_r.jpg) no-repeat top left; 
}
.puce_o{
	background:transparent url(../images/bg_puce_o.jpg) no-repeat top left; 
}
.puce_l{
	background:transparent url(../images/bg_puce_l.jpg) no-repeat top left; 
}
.puce_b{
	background:transparent url(../images/bg_puce_b.jpg) no-repeat top left; 
}
td.padding{
	padding:4px 5px;
}
input.succes { background-color:#e1ffc6;}
input.error { background:#ffebe8;}
h2{
	color:#4b4a4d;
	/*font-family: "Avant Garde", "Century Gothic", sans-serif;*/
	font-size:2em;
	font-weight:700;
	line-height:1.45em;
}
h3{
	height:21px;
}
h3 a{
	color:#4b4a4d;
	font-size:1.4em;
	font-weight:300;
	display:block;
	height:21px;
	line-height:1.25em;
	padding-left:31px;
	text-decoration:underline;
}
div.hr{
	float:left;
	display:block;
	width:100%;
	height:15px;
	margin:0;
	color:none;
	border:0px solid;
	background:transparent;
}
div.larger{
	display:block;
	width:100%;
	height:13px;
	background:#e6e3cf;
	margin-top:10px;
	margin-bottom:18px;
}
div.dotted{
	border-bottom:1px solid #dcdfd8;
}
.borderBottom{
	border-bottom:1px solid #dcdfd8;
	margin-bottom:0.55em;
}
.borderTop{
	border-top:1px solid #dcdfd8;
        margin-top:2px;
}
.small{
	font-weight:300;
	font-size:0.95em;
}
img.right{
	float:right;
}
p.justify{
	text-align:justify;
}
p.message{
	padding:5px;
	background:#d6ff87;
	border: 1px solid #a1d53d;
	color:#4e700d;
	margin:0px 0 7px 0;
	text-align:center;
	font-weight:700;
}
/*END COMMON*/

/*LAYOUT*/

#container { 
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-499.5px;
	width:991px; 
	text-align:left; 
	background:#FFF; 
	border:4px solid #FFF;
	border-top:3px solid #FFF;
}
#popup { 
	float:left;
	width:100%; 
	height:100%;
	background:#EEE; 
}
#header { 
	height:72px;
	background:transparent; 
}
#footer { 
	float:left;
	width:963px;
	height:56px;
	padding:25px 14px 0 14px;
	background:#FFF url(../images/bg_footer.jpg) no-repeat 0 0; 
}
#footer-more { 
	float:left;
	width:991px;	
	padding:10px 0;
	background:transparent; 
	text-align:center;	
	background:#e6e3cf; 	
}
#logo { 
	float:left;
	display:block;
	width:217px;
	height:59px;
	background:#FFF url(../images/logo.jpg) no-repeat 0 0; 
}
#logo a { 
	display:block;
	width:217px;
	height:59px;
	text-indent:-9999px;
}
#contact { 
	float:right;
	display:block;
	width:202px;
	height:24px;
	margin-top:20px;
	margin-right:23px;
	text-indent:-9999px;	
}
#contact a { 
	display:block;
	width:150px;
	height:24px;
        margin-top: 5px;
	text-indent:-9999px;
        background:#FFF url(../images/contact.jpg) no-repeat 0 0; 
}
#contact a:hover{
        background:#FFF url(../images/contact_hover.jpg) no-repeat 0 0;
}
#content { 
	float:left;
	width:991px; 
	min-height:100%;
	background:#f5f4ec url(../images/bg_content.jpg) repeat-y 0 0; 
}


#edito { 
	float:left;
	padding:10px 12px 10px 14px;
	width:967px;
}
#left { 
	float:left;
	width:202px;
	padding:16px 14px;
}
#search{
	background:transparent url(../images/bg_search.jpg) no-repeat 0 0; 
}
#main { 
	float:left;
	clear:right;
	margin:0;
	width:736px;	
	padding:0 17px 0 8px;
}
/*END LAYOUT*/

/*SEARCH*/
#search .header{
	height:37px;
	padding-top:3px;
	padding-left:26px;
	line-height:1.2em;
}
#search h1{
	font-size:1.4em;
	font-weight:700;
	color:#4b4a4d;
}
#search h2{
	font-family: Arial,verdana,sans-serif;
	font-size:1.2em;
	font-weight:300;
	color:#4b4a4d;
}
#search .form{
	font-size:1em;
	color:#4b4a4d;
	padding-top:17px;
}
#search p{
	float:left;
	width:100%;
	margin-bottom:0.33em;
}
#search input{
	float:left;
	margin-right:0.75em;	
}
#search label{
	float:left;
	cursor:pointer;
	margin-right:0.75em;
	line-height:1.6em;		
}
#search label.full{
	float:left;
	width:100%;
}
#search label span{
	color:#b4201d;
}
#search .left{
	float:left;
	width:50%;
}
#search .right{
	float:right;
	width:50%;
	text-align:right;
}
#search .grey{
	color:#888888;
}
#search button.submit{
	display:block;
	cursor:pointer;
	width:203px;
	height:32px;
	border:none;
	text-indent:-9999px;
	background:transparent url(../images/bg_submit.jpg) no-repeat 0 0; 
}

#search button:hover.submit{
    background:transparent url(../images/bg_submit_hover.jpg) no-repeat 0 0;
}

/*END SEARCH*/

/*INDEX*/
#menu-index{
	position:absolute;
	top:-14px;
	left:238px;
	width:511px;
	height:429px;
}
#menu-index div{
	float:left;
	display:block;
	width:126px;
	height:429px;
	margin-right:2px;
}
#menu-index div.last{
	margin-right:0;
}
#menu-index div a{
	display:block;
	width:126px;
	height:429px;
	text-indent:-9999px;
}
#menu-index div#menu-vente a{
	background:transparent url(../images/bg_menu-index-vente.jpg) no-repeat 0 0; 
}
#menu-index div#menu-vente a:hover{
	background:transparent url(../images/bg_menu-index-vente_h.jpg) no-repeat 0 0; 
}
#menu-index div#menu-location a{
	background:transparent url(../images/bg_menu-index-location.jpg) no-repeat 0 0; 
}
#menu-index div#menu-location a:hover{
	background:transparent url(../images/bg_menu-index-location_h.jpg) no-repeat 0 0; 
}
#menu-index div#menu-entreprise a{
	background:transparent url(../images/bg_menu-index-entreprise.jpg) no-repeat 0 0; 
}
#menu-index div#menu-entreprise a:hover{
	background:transparent url(../images/bg_menu-index-entreprise_h.jpg) no-repeat 0 0; 
}
#menu-index div#menu-residence a{
	background:transparent url(../images/bg_menu-index-residence.jpg) no-repeat 0 0; 
}
#menu-index div#menu-residence a:hover{
	background:transparent url(../images/bg_menu-index-residence_h.jpg) no-repeat 0 0; 
}
#col-index{
	position:absolute;
	top:71px;
	left:748px;
	width:280px;
	height:345px;
	background:transparent url(../images/bg_col-index.jpg) no-repeat left bottom; 	
}
#col-index div{
	width:244px;
	height:345px;
	text-align:center;
}
#col-index ul{
	float:right;
	text-align:right;
	list-style-type:none;
	padding-top:10px;
	padding-right:10px;
}
#col-index ul li{
	margin-bottom:0.35em;
}
#col-index ul li a{
	color:#4b4a4d;
	padding-left:19px; 
	background:transparent url(../images/bg_col-index_li.png) no-repeat center left; 
}
#col-index ul li a:hover{
    color:#b21b16;
}
#col-index h1{
	color:#4b4a4d;
	font-size:2em;
	font-weight:300;
	padding-top:144px;
}
#col-index h2{
	color:#4b4a4d;
	font-size:2em;
	font-weight:700;
}
/*END INDEX*/

/*INSIDE*/
#menu{
	position:absolute;
	top:-14px;
	left:238px;
	width:511px;
	height:138px;
}
#menu div{
	float:left;
	display:block;
	width:126px;
	height:138px;
	margin-right:2px;
}
#menu div.last{
	margin-right:0;
}
#menu div a{
	display:block;
	width:126px;
	height:138px;
	text-indent:-9999px;
}
#menu div#menu-vente a{
	background:transparent url(../images/bg_menu-vente.jpg) no-repeat 0 0; 
}
#menu div#menu-vente a:hover,#menu div#menu-vente a.selected{
	background:transparent url(../images/bg_menu-vente_h.jpg) no-repeat 0 0; 
}
#menu div#menu-location a{
	background:transparent url(../images/bg_menu-location.jpg) no-repeat 0 0; 
}
#menu div#menu-location a:hover,#menu div#menu-location a.selected{
	background:transparent url(../images/bg_menu-location_h.jpg) no-repeat 0 0; 
}
#menu div#menu-entreprise a{
	background:transparent url(../images/bg_menu-entreprise.jpg) no-repeat 0 0; 
}
#menu div#menu-entreprise a:hover,#menu div#menu-entreprise a.selected{
	background:transparent url(../images/bg_menu-entreprise_h.jpg) no-repeat 0 0; 
}
#menu div#menu-residence a{
	background:transparent url(../images/bg_menu-residence.jpg) no-repeat 0 0; 
}
#menu div#menu-residence a:hover,#menu div#menu-residence a.selected{
	background:transparent url(../images/bg_menu-residence_h.jpg) no-repeat 0 0; 
}
#col{
	position:absolute;
	top:71px;
	left:748px;
	width:280px;
	padding-bottom:2em;	
	background:transparent url(../images/bg_col-index.jpg) no-repeat left top; 	
}
#col div{
	width:244px;
	text-align:center;
}
#col ul{
	float:right;
	text-align:right;
	list-style-type:none;
	padding-top:10px;
	padding-right:10px;
}
#col ul li{
	margin-bottom:0.35em;
}
#col ul li a{
	color:#4b4a4d;
	padding-left:19px; 
	background:transparent url(../images/bg_col-index_li.png) no-repeat center left; 
}
#col h1{
	color:#4b4a4d;
	font-size:2em;
	font-weight:300;
	padding-top:73px;	
}
#col h2{
	font-family:Arial,verdana,sans-serif;
	color:#4b4a4d;
	font-size:2em;
	font-weight:700;
}
#thumbnail{
	position:absolute;
	top:126px;
	left:238px;
	width:510px;
	height:128px;
}
#breadcrumb{
	position:absolute;
	top:254px;
	left:238px;
	width:510px;
	height:30px;
	overflow:hidden;
	line-height:2.2em;
}
.close #breadcrumb{
	top:124px;
}
#breadcrumb ul{
	list-style:none;
}
#breadcrumb ul li{
	display:inline;
	margin-right:0.35em;
	font-size:0.95em;
        color:#5a5a5a;
}
#breadcrumb ul li span{
	padding-left:18px;
	background:transparent url(../images/bg_puce_b.jpg) no-repeat top left;
}
#breadcrumb ul li a{
	color:#5a5a5a;
	padding-left:18px;
	background:transparent url(../images/bg_puce_r.jpg) no-repeat top left;
}
#breadcrumb ul li a:hover{
	color:#b4201d;
}

/*END INSIDE*/

/*EDITO*/
#edito h1{
	color:#4b4a4d;
	font-size:2.45em;
	font-weight:700;
	width:938px;
	height:48px;
	padding-left:33px;
	padding-bottom:0.35em;
	line-height:1.75em;
	background:transparent url(../images/bg_edito_h1.jpg) no-repeat top left; 	
}
#edito .red h2.upper,#edito .orange h2.upper{
	color:#4b4a4d;
	text-transform:uppercase;
}
#edito .red h2.light,#edito .orange h2.light{
	color:#cec79f;
}
#edito .red h2,#edito .red .offer b{
	color:#b4201d;
}
.orange h2,#edito .orange .offer b{
	color:#e16e10;
}
#edito .col{
	float:left;
	width:451px;
}
#edito .center{
	float:left;
	width:65px;
}
#edito .offer{
	float:left;
	width:215px;
	margin-bottom:0.35em;	
}
#edito .offer-separator{
	float:left;
	width:21px;
}
#edito .offer img{
	margin-bottom:1em;
}
#edito .offer div{
	float:left;
	padding:0 0 0 21px;
}
#edito .red .offer div a,#edito .orange .offer div a{
	color:#888;
	padding-left:0;
	background:none;
	width:100%;
}
#edito .red .offer div{
	background:transparent url(../images/bg_edito-col-offer_p_r.jpg) no-repeat top left; 		
}
#edito .orange .offer div{
	background:transparent url(../images/bg_edito-col-offer_p_o.jpg) no-repeat top left; 		
}
#edito .offer h4,#edito .residence h4{
	font-size:1.05em;
	font-weight:300;
	text-transform:uppercase;
}
#edito .offer span{
	font-size:1.05em;
	font-weight:300;
}
#edito .offer span b{
	color:#b21b16;
	font-weight:700;
}
#edito .offer a{
	float:left;
	font-size:1em;
	color:#5a5a5a;
	line-height:1.05em;
	padding-left:17px;
	margin-bottom:0.45em;
}
#edito .offer a.no{
	float:left;
	padding-left:0;
	margin-bottom:0;
	background:none;
}
#edito .red .offer a{
	background:transparent url(../images/bg_puce_r.jpg) no-repeat top left; 
}
#edito .red .offer a:hover{
	color:#b21b16; 
}
#edito .orange .offer a{
	background:transparent url(../images/bg_puce_o.jpg) no-repeat top left; 
}
#edito .orange .offer a:hover{
	color:#df6d07;
}
#edito .alert div{
	float:left;
	width:240px;
}
#edito .alert p{
	margin-top:2.45em;
	margin-left:2.45em;
        color:#888888;
}
#edito .alert img{
	float:right;
	margin:0;	
}
#edito .red .alert h3 a{
	background:transparent url(../images/bg_edito_h3_b.jpg) no-repeat top left; 	
}
#edito .red .alert h3 a:hover{
	color:#3b3a3d ;
}
#edito .residence{
	float:left;
	width:453px;
	height:221px;
	color:#5a5a5a;
	background:transparent url(../images/bg_menu-index-residence_b.jpg) no-repeat bottom right; 	
}
#edito .residence img{
	float:left;
}
#edito .residence div{
	float:left;
	padding:0 0 0 21px;	
	margin-top:3em;
	margin-left:0.75em;
	background:transparent url(../images/bg_edito-col-offer_p_l.jpg) no-repeat top left; 		
}
#edito .residence div.hr{
	margin:0;
	background:none;
}
#edito .orange .residence h3 a{
	background:transparent url(../images/bg_edito_h3_l.jpg) no-repeat top left; 	
}
#edito .orange .residence h3 a:hover{
	color:#a19a70 ;
}
#edito .orange .residence div b{
	color:#a19a70;
	font-weight:700;
}
#edito #agence .left{
	float:left;
	width:203px;
	height:100%;
}
#edito  #agence .right{
	float:left;
	width:720px;
	height:100%;	
	padding:0 20px;	
	border-left:1px solid #cbc9c9;	
}
#edito  #agence .col{
	float:left;
	width:50%;
	color:#888888;	
}
#edito #agence h2{
	font-family: "Avant Garde", "Century Gothic", sans-serif;
	font-size:2em;
	font-weight:300;
	line-height:1.45em;
	color:#888888;
	margin-bottom:1.75em;	
}
#edito  #agence h3{
	color:#5a5a5a;
	font-size:1.2em;
	text-transform:uppercase;
}
#edito  #agence h3 span{
	font-size:1em;
	font-weight:300;
	text-transform:capitalize;
}
#edito  #agence p{
	color:#888;
	text-align:justify;
}
#edito  #agence .col ul li a{
	font-size:1em; 
	color:#888888;
}
#edito  #agence ul li.icon_tel,ul li.icon_tel{
	padding-left:19px; 
	font-weight:700;
	background:transparent url(../images/bg_icon-tel.jpg) no-repeat center left; 
}
#edito  #agence ul li.icon_fax,ul li.icon_fax{
	padding-left:19px; 
	background:transparent url(../images/bg_icon-fax.jpg) no-repeat center left; 
}
#edito  #agence ul li a.icon_mail,ul li a.icon_mail{
	background:transparent url(../images/bg_icon-mail.jpg) no-repeat center left; 
}
#edito  #agence ul li a:hover.icon_mail,ul li a:hover.icon_mail{
	color:#5a5a5a;
}
#edito  #agence ul li a.icon_url,ul li a.icon_url{
	font-weight:700;
	text-decoration:underline;
	margin-top:1em;
	background:transparent url(../images/bg_icon-url.jpg) no-repeat center left; 
}
#edito  #agence ul li a:hover.icon_url{
	color:#a19a70;
}

/*END EDITO*/

/*FOOTER*/
#footer #address{
	float:left;
}
#footer #address h5{
	color:#888;
	font-size:1.5em;
	font-weight:700;
}
#footer #partner{
	float:right;
}
#footer ul{
	margin-top:0.35em;
	list-style:none;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	color:#5a5a5a;
	font-size:1em;
	margin-right:0.75em;
	padding-left:16px;
}
#footer ul li.puce_r a:hover{
	color:#b4201d;
}
#footer ul li.puce_o a:hover{
	color:#df6d07;
}
#footer ul li.puce_b a:hover{
	color:#3b3a3d;
}
/*END FOOTER*/

/*FOOTER-MORE*/
#footer-more ul{
	list-style:none;
	text-align:center;
}
#footer-more ul li{
	display:inline;
}
#footer-more ul li a{
	color:#888;
	font-size:0.95em;
	margin-left:0.55em;
	padding-right:0.55em;
	border-right:1px solid #888;
}
#footer-more ul li.last a{
	border-right:none;
}
#footer-more ul li a:hover{
	color:#4b4a4d;
}
/*END FOOTER-MORE*/

/*LEFT*/
#agence ul{
	margin-top:1em;
	list-style-type:none;
}
#agence ul li{
	margin-bottom:0.35em;
}
#agence ul li a{
	color:#4b4a4d;
	padding-left:19px; 
	font-size:0.95em;
	background:transparent url(../images/bg_puce_r.jpg) no-repeat center left; 
}
#agence ul li a:hover{
	color:#b4201d;
}
.alert h2{
	color:#4b4a4d;
	font-family: "Avant Garde", "Century Gothic", sans-serif;
	font-size:2em;
	font-weight:700;
	line-height:1.45em;
	text-transform:uppercase;
}
.alert h3{
	height:21px;
}
.alert h3 a{
	color:#4b4a4d;
	font-size:1.4em;
	font-weight:300;
	display:block;
	height:21px;
	line-height:1.25em;
	padding-left:31px;
	text-decoration:underline;
}
.alert{
	color:inherit;
}
.alert img{
	float:right;
	margin-top:1.8em;	
	margin-left:3px;
}
.alert p{
        color: #888888;
	margin-top:1.8em;
}
.alert h3 a{
	background:transparent url(../images/bg_edito_h3_b.jpg) no-repeat top left; 	
}
.alert h3 a:hover{
	color:#3b3a3d ;
}
#left .red h2{
color:#b4201d;
}
.red h3 a{
	background:transparent url(../images/bg_h3_r.jpg) no-repeat top left; 	
}
.red h3 a:hover{
	color:#b4201d;	
}
#left .red ul{
	margin-top:0.65em;
	list-style-type:none;
}
#left .red ul li{
	margin-bottom:0.75em;
}
#left .red ul li a{
	color:#4b4a4d;
	padding-left:25px; 
	font-size:1.2em;
	display:block;
	line-height:1.3em;
	text-decoration:underline;
	background:transparent url(../images/bg_h3_r.jpg) no-repeat top left; 
}
#left .red ul li a:hover{
	color:#b4201d;
}
.orange h3 a{
	background:transparent url(../images/bg_h3_o.jpg) no-repeat top left; 	
}
.orange h3 a:hover{
	color:#df6d07;		
}
.orange ul{
	margin-top:0.65em;
	list-style-type:none;
}
.orange ul li a{
	color:#4b4a4d;
	padding-left:25px; 
	font-size:1.2em;
	display:block;
	line-height:1.3em;
	text-decoration:underline;
	background:transparent url(../images/bg_h3_o.jpg) no-repeat top left; 
}
.orange ul li a:hover{
	color:#df6d07;
}

/*END LEFT*/

/*LIST*/
#list{
	margin:0;
	padding:0;
	padding-top:210px;
	margin-bottom:2em;
	width:736px;	
}

#list a {
    color:black;
    
}
#list a:hover {
    color:#B4201D;
    text-decoration: underline;
}

.close #list{
	padding-top:80px;
}
.close #list h1,.content h1{
	text-align:right;
	height:48px;
	padding-left:23px;
	padding-top:5px;
	background:transparent url(../images/bg_h1.jpg) no-repeat top left; 	
}
.close #list.red h1{
	background:transparent url(../images/bg_h1_r.jpg) no-repeat top left; 	
}

.close #list h1 strong,.content h1 strong{
	float:left;
	color:#4b4a4d;
	font-size:2em;
	font-weight:700;
	margin-bottom:1px;
	padding-right:0.55em;
	background:#f5f4ec; 	
}
.close #list h1 strong small,.content h1 strong small{
	font-size:0.75em;
	vertical-align:baseline;
}
.close #list h1 span,.content h1 span{
	display:block;
	height:21px;
	margin-top:5px;
	*margin-top:8px;
	background:#e6e3cf; 	
}
#list h2{
	font-family:Arial,verdana,sans-serif;
	font-size:1.5em;
	color:#b4201d;
	margin-bottom:0.55em;
}
#list h3{
	float:left;
	width:100%;
	font-size:1.2em;
	color:#4b4a4d;
	margin-bottom:0.55em;
}
#list p{
	font-size:1em;
	color:#888;
	line-height:1.4em;
}
#list ul{
	padding-left:1em;
	margin:0;
}
#list ul.square{
	padding-left:2.5em;
	list-style:square;
	font-size:1em;
	color:#888;
}
#list .form{
	padding:5px 0;
}

#list .forminput{
	padding:5px 0;
}
#list .forminput label{
	float:left;
	width:140px;
}
#list .forminput label.short{
	float:left;
	width:50px;
	padding-top:5px;	
	padding-left:5px;
	padding-right:5px;
	line-height:1.6em;
font-size:0.95em;	
text-align:right;
}
#list .forminput label.date{
	float:left;
	width:100px;
	padding-top:5px;	
	padding-left:5px;
	padding-right:5px;
	line-height:1.6em;	
font-size:0.95em;
	text-align:right;
}

#list .forminput span label{
	float:left;
	width:auto;
	margin:0;
	margin-right:0.85em;
	cursor:pointer;
}
#list .forminput span label:focus{
	color:#5a5a5a;
}
#list .form .forminput p{
	width:35%;
	float:left;
	line-height:1.6em;	
	margin-bottom:0.15em;
}
#list .form .formsubmit{
	width:450px;
	clear:left;
}


#list .form input,#list .form textarea{
	float:left;
	font-family:Arial,verdana,sans-serif;
	font-size:1em;
	height:26px;
	padding:0;
	border:1px solid #c9c6c6;
	line-height:1.6em;
	color:#888;	
}
#list .form input:focus{
	color:#4d4d4d;
}
#list .form input.half{
	width:150px;
}
#list .form input.medium{
	width:250px;
}
#list .form input.full{
	width:250px;
}
#list .large input.half{
	width:250px;
}
#list input.short{
	width:130px;
}
#list .form input.full{
	width:587px;
}
#list .form textarea.full{
	width:587px;
	height:100px;
}
#list  .form .forminput p.lefter {
	float:left;
	width:756px;
	padding-left:40px;	
}
#list .form p.lefter input.full{
	float:left;
	clear:left;
}

#list .form label{
	float:left;
}
#list .form label span {
color:#B4201D;
}
.form  b.f{
	color:#e4802d;
}
#list .form p{
	float:left;
	padding:5px 40px;
	width:250px;
}
#list .form p.full{
	float:left;
	clear:left;
	padding:5px 40px;
	width:500px;
}
#list .form p.fully{
	float:left;
	clear:left;
	padding:5px 40px;
	width:700px;
}
#list .form  .ui-slider-horizontal{
	width:100%;
	padding:0;
}
#list .form .slide{
	padding:5px 40px;
	width:250px;
}
#list .form .slide label{
	padding:0;
	margin-bottom:0.33em;
}
#list .form p.left {
	float:left;
	text-align:left;
	padding:0;
	width:auto;	
}
#list .form p.right {
	float:right;
	text-align:right;
	padding:0;	
	width:auto;
}
#list .form p.rad .left{
	float:left;
	width:80px;
	padding:0;
}
#list .form p.rad label{
	cursor:pointer;
	float:left;	
	line-height:1.6em;
	margin-right:0.85em;
}
#list .form button.register  {
	float:right;
	background:url("../images/bg_register.jpg") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	display:block;
	height:32px;
	text-indent:-9999px;
	width:203px;
}
#list .form button.registerOffer  {
	float:right;
	background:url("../images/bg_register-offer.jpg") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	display:block;
	height:32px;
	text-indent:-9999px;
	width:203px;
}

#list .help .left,#list .help .right{
	float:left;
	width:50%;
}
#list .help h2{
	font-family:"Avant Garde","Century Gothic",sans-serif;
	font-size:1.2em;
	color:#5a5a5a;
	text-transform:uppercase;
}
#list .help .red h2{
	padding-left:15px;
	line-height:1em;
	background:url("../images/bg_help_h2_r.jpg") no-repeat scroll 0 0 transparent;
}
#list .help .orange h2{
	padding-left:15px;
	line-height:1em;	
	background:url("../images/bg_help_h2_o.jpg") no-repeat scroll 0 0 transparent;
}
#list .help .red h2 span{
	color:#b4201d;
}
#list .help .orange h2 span{
	color:#e4802d;
}
#list .help ul{
	padding-left:1.2em;
	list-style-type:none;
}
#list .help ul li{
	margin-bottom:0.55em;
}
#list .help ul li a{
	padding-left:15px;	
	font-size:1em;
	line-height:1.05em;
	text-decoration:underline;
	color:#4b4a4d;
}
#list .help .red ul li a{
	background:url("../images/bg_puce_r.jpg") no-repeat scroll 0 0 transparent;
}
#list .help .orange ul li a{
	background:url("../images/bg_puce_o.jpg") no-repeat scroll 0 0 transparent;
}
#list .help .red ul li a.selected{
	color:#b4201d;
	font-style:italic;
}
#list .help .orange ul li a.selected{
	color:#e4802d;
	font-style:italic;
}

#list .pagger{
	height:31px;
	padding:8px 13px;
	margin-bottom:1.5em;
	background:#e6e3cf;
}
#list .pagger h1{
	font-family:"Avant Garde","Century Gothic",sans-serif;
	font-size:1.5em;
	line-height:0.75em;
	color:#4b4a4d;
}
#list .pagger h2{
	font-size:1em;
	font-family:Arial, sans-serif;
	font-weight:700;
	color:#4b4a4d;
}
#list .pagger .left{
	display:block;
	float:left;
	width:200px;
	padding:4px 0;		
}
#list .pagger .left h3 a{
	padding-left:31px;
	background-image:url(../images/bg_puce_r_l.jpg);
	font-size:1em;
	
}
#list .pagger .paginate{
	display:block;
	float:left;
	width:310px;	
	text-align:center;
	padding:5px 0;	
}
#list .pagger .paginate p a{
	color:#5a5a5a;
	text-decoration:underline;
}
#list .pagger .right{
	display:block;
	float:left;
	width:200px;	
	padding:4px 0;	
}
#list .pagger .right h3 a{
	padding-right:31px;
	background-position:right center;
	font-size:1em;
}
#list .pagger .paginate ul{
	list-style:none;
	height:20px;
	display: inline;

}
#list .pagger .paginate ul li{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
	margin:0;
	height:21px;
	*display: inline;
	*margin-right:1px;
	zoom: 1;

}
#list .pagger .paginate ul li a{
	color:#FFF;
	padding:0;
	font-size:1.05em;
	font-weight:700;
	display:block;
	width:20px;
	height:20px;
	line-height:1.45em;	
	background:#b4201d;
	text-decoration:none;
}
#list.orange .pagger .paginate ul li a{
	background:#de6d07;
}
#list.grey .pagger .paginate ul li a{
	background:#666;
}
#list .pagger .paginate ul li span{
	color:#FFF;
	font-size:1.05em;
	font-weight:700;
	display:block;
	width:20px;
	height:20px;
	line-height:1.45em;	
	background:#4b4a4d;
}
#list .pagger span.text{
	float:right;
	padding:5px 2px;
	font-weight:700;
}
#list .pagger .selector{
	width:80px;
}
#list .pagger .selector span{
	width:55px;
}
#list #page{
	
}
#list #page .left{
	float:left;
	display:block;	
	width:354px;
	height:160px;
	margin-right:10px;
	margin-bottom:22px;
	border-bottom:15px solid #E6E3CF;
}
#list #page .right{
	float:right;
	display:block;
	width:354px;
	height:160px;	
	margin-left:10px;	
	margin-bottom:22px;	
	border-bottom:15px solid #E6E3CF;	
}

#list #page.special .left,#list #page.special .right{
    height: 215px;
}

#list .media{
	float:left;
	display:block;
	width:174px;
	height:113px;	
	overflow:hidden;
	text-align:center;
}
#list .summary{
	float:left;
	display:block;
	width:170px;
	height:113px;	
	overflow:hidden;
	text-align:left;
	padding:0 0 0 10px;
}
#list .summary h1{
	padding-top:1em;
}
#list .summary h1 a{
        display: block;
	font-family:Arial, sans-serif;
	font-size:1em;
	color:#888888;
	text-transform:uppercase;
	font-weight:300;
	padding-left:17px;
        line-height: 22px;
	background:transparent url(../images/bg_edito-col-offer_p_o.jpg) no-repeat top left; 		
}
#list .summary h2{
	font-family:Arial, sans-serif;
	font-size:1em;
	color:#888888;
	font-weight:300;
	padding-left:17px;	
	height:20px;
	overflow:hidden;
}
#list .summary span.relevance{
	float:left;
	display:block;
	font-weight:700;
	width:112px;
	background:transparent url(../images/bg_relevance.jpg) no-repeat bottom left; 		
	margin:0;
	padding-left:1px;	
	padding-bottom:1px;
}
#list .summary span.relevance b{
	display:block;
	width:50%;
	height:9px;
	margin-top:0.35em;
	background:#df6d07; 		
}
#list .summary span.sia{
	float:right;
	display:block;
	width:37px;
	height:29px;	
	background:transparent url(../images/bg_sia.jpg) no-repeat top left;
	margin-bottom:0.35em; 	
}
#list .summary span.price{
	float:left;
	display:block;
	font-size:1.3em;
	color:#df6d07;
	font-weight:700;	
	padding:0px 0 0 15px;
}
#list .tool{
	float:left;
	width:100%;
	padding:0;
}
#list .tool a{
	font-size:1em;
	font-weight:700;
	color:#888888;
	text-decoration:underline;	
	float:left;
	display:block;
	width:128px;
	height:21px;
	line-height:1.3em;
	padding:10px 0 0 22px;
	background:transparent url(../images/bg_tool_summary.jpg) no-repeat center left; 	
}
#list .tool a.add{
	font-size:0.95em;
	font-weight:300;	
	text-decoration:none;	
	width:178px;
	line-height:1.3em;	
	padding:10px 0 0 22px;
	background:transparent url(../images/bg_tool_add.jpg) no-repeat center left; 	
}
#list .tool a.added{
	font-size:0.95em;
	font-weight:300;	
	text-decoration:none;	
	width:178px;
	line-height:1.3em;	
	padding:10px 0 0 22px;
	background:transparent url(../images/bg_tool_added.jpg) no-repeat center left; 	
}
#list .listAll{
	float:left;
}
#list .listAll ul{
	list-style-type:none;
}
#list .listAll li{
	float:left;
	line-height:1.05em;	
	margin-bottom:0.45em;	
}
#list .listAll li a{
	float:left;
	font-size:1em;
	color:#5a5a5a;
	width:350px;
	line-height:1.05em;
	padding-left:17px;
}
#list .listAll ul.red li a{
	background:transparent url(../images/bg_puce_r.jpg) no-repeat top left; 
}
#list.red .listAll ul.red li a{
	background:transparent url(../images/bg_puce_r.jpg) no-repeat top left; 
}
#list .listAll ul.orange li a{
	background:transparent url(../images/bg_puce_o.jpg) no-repeat top left; 
}
#list.orange .listAll ul.red li a{
	background:transparent url(../images/bg_puce_o.jpg) no-repeat top left; 
}
#list .tool a:hover{
	color:#df6d07;
}
/*OVERWRITE FOR RED*/
#list.red  .summary span.price{
	color:#B4201D;
}
#list.red .tool a{
	background-image:url(../images/bg_puce_r.jpg); 
}
#list.red .tool a:hover{
	color:#b4201d;
}
#list.red .tool a.add{
	background-image:url(../images/bg_tool_add.jpg); 	
}
#list.red .tool a.added{
	background-image:url(../images/bg_tool_added_r.png); 	 	
}
#list.red .summary span.relevance b{
	background:#B4201D; 		
}
#list.red .summary h1 a{
	background-image:url(../images/bg_edito-col-offer_p_r.jpg);
}
/*OVERWRITE FOR GREY*/
#list.grey  .summary span.price{
	color:#4b4b4d;
}
#list.grey .tool a{
	background-image:url(../images/bg_puce_b.jpg); 
}
#list.grey .tool a:hover{
	color:#3b3a3d;
}
#list.grey .tool a.add{
	background-image:url(../images/bg_tool_add.jpg); 	
}
#list.grey .tool a.added{
	background-image:url(../images/bg_tool_added_b.png); 	 	
}
#list.grey .summary span.relevance b{
	background:#4b4b4d; 		
}
#list.grey .summary h1 a{
	background-image:url(../images/bg_edito-col-offer_p_b.jpg);
}
/*DETAIL OFFER*/
#list .offer{
	float:left;
}
#list .offer .title{
	float:left;
	width:442px;
	padding-left:24px;
	text-align:left;
	background:transparent url(../images/bg_detail_h1.jpg) no-repeat top left; 	
}
#list.red .offer .title{
	background:transparent url(../images/bg_detail_h1_r.jpg) no-repeat top left; 	
}
#list .offer .price{
	float:left;
	width:252px;
	padding:0 0 0 18px;
	vertical-align:baseline;
}
#list .offer .detail{
	float:left;
	width:100%;
}
#list #page .detail .left{
	float:left;
	width:466px;
	height:auto;	
	border-bottom:none;
}
#list #page .detail .right{
	float:right;
	width:250px;
	height:auto;
	margin:0;
	padding:0 0 0 10px;
	border-bottom:none;
}
#list #page .detail .right p,#list #page .detail .left p{
	line-height:0.85em;
	margin:0;
	padding:0;
	margin-top:0.85em;
}
#list #page .detail .left p.desc{
	font-size:1em;
	color:#888;
	text-align:justify;
	line-height:1.2em;
	margin:0;
	padding:0;
	margin-top:0.85em;
}

#list .offer .title h1{
	text-align:left;
	font-size:1.6em;
	font-weight:300;
	text-transform:uppercase;
	color:#888;
	float:left;
	display:block;
	background:none;
	width:100%;	
	height:auto;
	padding:0;
	clear:left;
}
#list .offer .title h2{
	font-family:Arial,verdana,sans-serif;
	font-size:1.4em;
	font-weight:300;	
	color:#888;
	line-height:1.1em;	
	float:left;
	display:block;
}

#list .offer .price h3{
	font-size:2em;
	color:#df6d07;
	float:right;
	width:auto;
	display:block;
	height:29px;	
	line-height:1.6em;
	padding-right:10px;
}
#list.red .offer .price h3{
	color:#b4201d;
}
#list.red .offer .tool a{
	background-image:url(../images/bg_tool_summary_r.jpg);	
}
#list.red .offer .tool a:hover{
	color:#b4201d;
}
#list .offer .price span.sia{
	float:right;
	display:block;
	width:37px;
	height:29px;	
	background:transparent url(../images/bg_sia.jpg) no-repeat top left;	
}

#list .offer .detail ul{
	list-style-type:none;
}

#list .offer ul.tool,#list .offer ul.tool li,#list .offer ul.tool li a{
	float:none;
	height:auto;
	padding-top:3px;
	padding-bottom:3px;
	line-height:1em;
	width:auto;
}
#list .offer ul li.margintop{
	margin-top:0.35em;
}
#list .offer ul li.marginbottom{
	margin-bottom:0.35em;
}
#list .offer .detail ul.details{
	color:#d9d5b7;
	list-style-type:square;
	padding-left:2em;
}
#list .offer .detail ul.details li{
	padding:2px 0;
}
#list .offer .detail ul.details li b{
	color:#5a5a5a;
}
#list .offer .detail ul.details li em{
	font-style:normal;
	color:#888;
}

#list .offer .detail h1{
	padding:0;
	height:auto;
	font-size:1.2em;
	color:#888;
	text-transform:uppercase;
	background:transparent; 
	text-align:left;
	margin-bottom:0.55em;
}
#list .offer .detail ul li.icon_tel{
	font-size:1em;
	margin:0;	
	padding-left:19px; 
	font-weight:700;
	text-decoration:none;
	background:transparent url(../images/bg_icon-tel.jpg) no-repeat center left; 
}
#list .offer .detail ul li.icon_mail a{
	font-size:1em;
	margin:0;	
	padding-left:19px; 
	font-weight:300;
	text-decoration:none;	
	background:transparent url(../images/bg_icon-mail.jpg) no-repeat center left; 
}
#list .offer .detail a.visit{
	background:transparent url(../images/bg_puce_o.jpg) no-repeat center left; 
	padding-left:19px;
	color:#888;
	text-decoration:underline;
}
#list .offer .detail #map{
	float:left;
	display:block;
	width:459px;
	height:325px;
	border:3px solid #e6e3cf;
}
#list .offer .detail .right h2{
	color:#4b4a4d;
	font-family: "Avant Garde", "Century Gothic", sans-serif;
	font-size:1.6em;
	font-weight:700;
	line-height:1.45em;
	margin-bottom:1.4em;
}
#list .offer .detail .right h3{
	color:#4b4a4d;
	font-family: Arial, verdana, sans-serif;	
	font-size:1em;
	font-weight:700;
	line-height:1em;
	margin:0;
	height:auto;		
}
#list .offer .detail .form {
	padding:0;
}
#list .offer .detail .form input.full{
	padding:0 3px;
	font-style:italic;
	width:95%;
	margin-bottom:0.55em;
}
#list .offer .detail .form button.direction{
	float:right;
	display:block;
	cursor:pointer;
	width:143px;
	height:31px;
	border:none;
	text-indent:-9999px;
	margin-top:0.35em;
	margin-bottom:0.75em;	
	margin-right:0.35em;
	background:transparent url(../images/bg_direction.jpg) no-repeat 0 0; 
}
#list .offer .detail h3.directionSummary{
	border-top:1px solid #e6e3cf;
	padding-top:0.95em;
	height:auto;
}
#list .offer .detail div.directionSummary{
	font-family: Verdana, sans-serif;	
	font-size:1.4em;
	font-weight:700;
	color:#e4802d;
	display:block;
	background:#e6e3cf;
	padding:5px 7px;
	text-align:center;
	margin-top:0.35em;
}
#list .offer #diagnostic{
    display: block;
    width: 100%;
    height: 271px;
}

#list .offer #diagnostic .lefter{
    float: left;
    background: transparent url('../images/contentOfferDetailDiagBloc.png') no-repeat 0 0;
    display: block;
    width: 321px;
    height: 271px;
    padding: 0 20px;
}

#list .offer #diagnostic .righter{
    float: right;
    background: transparent url('../images/contentOfferDetailDiagBloc.png') no-repeat 0 0;
    display: block;
    width: 321px;
    height: 271px;
    padding: 0 20px;
    border:none;
}

#list .offer #diagnostic  .left{
    width: 100%;
}

#list .offer #diagnostic  h5{
    color: #000000;
    font-weight: 700;
    font-style: italic;
    font-size: 1.2em;
    text-align: left;
    float: left;
    margin: 0.2em 0;
}

#list .offer #diagnostic  h5 em{
    font-size: 12px;
    font-weight: normal;
}

#list .offer #diagnostic  #diagLegend {
    color: #000000;
    font-weight: 700;
    font-size: 1.2em;
    text-align: right;
    float:right;
    width: 83px;
    margin: 0.2em 0;
}

#list .offer #diagnostic  div.progress-container {
    text-align: right;
    width: 100%;
    margin: 0;
    float: left;
}

#list .offer #diagnostic  div.progress-container span{
    color: #000000;
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    display:inline-block;
    width: 70px;
    height: 27px;
    line-height: 1.6em;
}
#list .offer #diagnostic  div.progress-container div{
    text-align: right;
    color: #000000;
    font-weight: 700;
    font-size: 1em;
    line-height: 2em;
    float: left;
    padding-left: 0.3em;
    height: 28px;
}

#list .offer #diagnostic  div.progress-container div div{
    text-align: left;
    word-wrap:none;
    float:left;
}
#list .offer #diagnostic  #eco div.progress-container div  span{
    font-size: 1.3em;
    text-align: left;
    display:-moz-inline-stack;
    display: inline-block;
    zoom:1;
    *display:inline;
    padding-right: 0.5em;
    width:18px;
    height: 28px;
}

#list .offer #diagnostic  #ges div.progress-container div  span{
    font-size: 1.3em;
    text-align: left;
    display:-moz-inline-stack;
    display: inline-block;
    zoom:1;
    *display:inline;
    width:18px;
    height: 28px;
}

#list .offer #diagnostic div.progress-container span.pointer2{
    display: block;
    margin-top: 30px;
    color: red;
}

#list .offer #diagnostic  div.progress-container.hardGreen div {
    width:15%;
    background: transparent url('../images/contentOfferDetailDiagBarHardGreen.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.hardGreen div span{
    background: transparent url('../images/contentOfferDetailDiagBarHardGreenArrow.png') no-repeat  right top;
}

#list .offer #diagnostic  div.progress-container.hardGreen.selected {
    background: transparent url('../images/contentOfferDetailDiagBarHardGreenLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.hardGreen.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarHardGreenRight.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.hardGreen.selected{
    background: transparent url('../images/contentOfferDetailDiagBarHardGreenLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Green div{
    width:25%;
    background: transparent url('../images/contentOfferDetailDiagBarGreen.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Green div span{
    background: transparent url('../images/contentOfferDetailDiagBarGreenArrow.png') no-repeat  right top;
}

#list .offer #diagnostic  div.progress-container.Green.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarGreenRight.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.Green.selected{
    background: transparent url('../images/contentOfferDetailDiagBarGreenLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.softGreen div{
    width:35%;
    background: transparent url('../images/contentOfferDetailDiagBarSoftGreen.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.softGreen div span{
    background: transparent url('../images/contentOfferDetailDiagBarSoftGreenArrow.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.softGreen.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarSoftGreenRight.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.softGreen.selected{
    background: transparent url('../images/contentOfferDetailDiagBarSoftGreenLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Yellow div{
    width:45%;
    background: transparent url('../images/contentOfferDetailDiagBarYellow.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Yellow div span{
    background: transparent url('../images/contentOfferDetailDiagBarYellowArrow.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.Yellow.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarYellowRight.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.Yellow.selected{
    background: transparent url('../images/contentOfferDetailDiagBarYellowLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.hardYellow div{
    width:55%;
    background: transparent url('../images/contentOfferDetailDiagBarHardYellow.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.hardYellow div span{
    background: transparent url('../images/contentOfferDetailDiagBarHardYellowArrow.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.hardYellow.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarHardYellowRight.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.hardYellow.selected{
    background: transparent url('../images/contentOfferDetailDiagBarHardYellowLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Orange div{
    width:65%;
    background: transparent url('../images/contentOfferDetailDiagBarOrange.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Orange div span{
    background: transparent url('../images/contentOfferDetailDiagBarOrangeArrow.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.Orange.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarOrangeRight.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.Orange.selected{
    background: transparent url('../images/contentOfferDetailDiagBarOrangeLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Red div{
    color: #FFFFFF;
}

#list .offer #diagnostic  div.progress-container.Red div{
    color: #FFFFFF;
    width:75%;
    background: transparent url('../images/contentOfferDetailDiagBarRed.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.Red span{
    color: #FFFFFF;
    background: transparent url('../images/contentOfferDetailDiagBarRedArrow.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.Red.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarRedRight.png') no-repeat right top;
}

#list .offer #diagnostic  div.progress-container.Red.selected{
    background: transparent url('../images/contentOfferDetailDiagBarRedLine.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple5 div {
    width:14%;
    background: transparent url('../images/contentOfferDetailDiagBarPurple5.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple6 div {
    width:24%;
    background: transparent url('../images/contentOfferDetailDiagBarPurple6.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple11 div {
    width:34%;
    background: transparent url('../images/contentOfferDetailDiagBarPurple11.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple21 div {
    width:44%;
    background: transparent url('../images/contentOfferDetailDiagBarPurple21.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple36 div {
    width:54%;
    background: transparent url('../images/contentOfferDetailDiagBarPurple36.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple56 div {
    width:64%;
    background: transparent url('../images/contentOfferDetailDiagBarPurple56.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple80 div {
    color: #FFFFFF;
    width:74%;
    background: transparent url('../images/contentOfferDetailDiagBarPurple80.png') repeat-x 0 0;
}

#list .offer #diagnostic  div.progress-container.purple80 div span{
    color: #FFFFFF;
}

#list .offer #diagnostic  #ges div.progress-container.selected span.pointer{
    background: transparent url('../images/contentOfferDetailDiagBarPurpleRight.png') no-repeat right top;
}

#list .offer #diagnostic  #ges  div.progress-container.selected{
    background: transparent url('../images/contentOfferDetailDiagBarPurpleLine.png') repeat-x 0 0;
}
#list a.orange{
	color:#5a5a5a;
	text-decoration:underline;
	padding-left:19px;
	background:transparent url(../images/bg_puce_o.jpg) no-repeat top left; 
}
#list.red a.orange{
	background:transparent url(../images/bg_puce_r.jpg) no-repeat top left; 
}
#list ul.other{
	float:left;
	padding-left:0;
	width:100%;
	height:79px;
	margin-bottom:0.55em;
	list-style-type:none;
}
#list ul.other li{
	float:left;
	width:33%;
}
#list ul.other li p.img{
	float:left;
	width:122px;
	height:70px;
	overflow:hidden;
}
#list ul.other li div{
	padding-left:17px;	
	margin-left:125px;
	background:transparent url(../images/bg_edito-col-offer_p_o.jpg) no-repeat top left; 	
	margin-top:0.55em;
}
#list.red ul.other li div{
	background:transparent url(../images/bg_edito-col-offer_p_r.jpg) no-repeat top left; 
}
#list ul.other li a{
	font-size:0.95em;
	color:#888;
	background:none;
	padding:0;
	text-decoration:none;
}
#list ul.other li a.city{
	text-transform:uppercase;
}
#list ul.other li span{
	float:left;
	font-size:1.2em;
	font-weight:700;
	color:#df6d07;
	margin-top:0.55em;
}
#list.red ul.other li span {
	color:#b4201d;
}
/*END DETAIL OFFER*/

/*PROPERTY*/
#list ul.property{
	list-style-type:none;
}
#list ul.property li{
	float:left;
	padding-bottom:1.2em;
	margin-bottom:1.2em;
	border-bottom:15px solid #E6E3CF;
}
#list ul.property li img{
	float:left;
}
#list ul.property li div{
	margin-left:185px;
	margin-top:0.55em;
	padding-left:23px;
	background:transparent url(../images/bg_property.jpg) no-repeat top left; 	
}
#list ul.property h2{
	font-size:1em;
	font-weight:300;
	color:#888;
	text-transform:uppercase;
	vertical-align:baseline;	
}
#list ul.property span{
	float:right;
	font-size:1em;
	color:#a19a70;
}
#list ul.property span b{
	font-weight:700;
	font-size:1.3em;
	vertical-align:baseline;
}
#list ul.property p{
	margin-bottom:0.75em;		
}
#list ul.property a{
	color:#5a5a5a;
	text-decoration:underline;
	float:left;
	width:100%;
	padding-left:19px;
	margin-bottom:0.35em;
	background:transparent url(../images/bg_puce_l_l.jpg) no-repeat top left; 		
}
#list ul.property a:hover{
	color:#a19a70;
}
/*END PROPERTY*/


/*AGENCY*/
#list ul.agency{
	padding:0;
	list-style-type:none;
}
#list ul.agency li{
	float:left;
	width:410px;
	padding-bottom:1.2em;
	margin-bottom:1.2em;
	color:#888;	
}
#list ul.agency li.first{
	margin-right:15px;
}
#list ul.agency li ul {
	list-style-type:none;
	padding:0;
}
#list ul.agency li ul li{
	margin:0;
	padding-top:0;
	padding-bottom:0;
}
#list ul.agency li img{
	float:left;
}
#list ul.agency li img.plan{
	float:right;
	margin-top:0.85em;	
}
#list ul.agency li div{
	float:left;
	width:225px;
	margin-top:0.55em;
}
#list ul.agency h2{
	font-size:1.2em;
	font-weight:700;
        width:300px;
	color:#5a5a5a;
	text-transform:uppercase;	
	margin:0;
}
#list ul.agency p{
	margin-bottom:0.75em;		
}
#list ul.agency a{
	color:#888;
	padding-left:19px;	
}
/*END AGENCY*/

/*PORTFOLIO*/
#list ul.portfolio{
	list-style-type:none;
	padding:0;
	margin-bottom:0.75em;		
}
#list ul.portfolio li{
	float:left;
	width:351px;	
	height:415px;
	overflow:hidden;
	padding-bottom:0.75em;
	margin-bottom:2em;
	border-bottom:15px solid #E6E3CF;	
}
#list ul.portfolio li.left{
	margin-right:17px;		
}
#list ul.portfolio li.right{
	margin-left:17px;		
}
#list ul.portfolio li div{
	float:left;
	margin-top:0.75em;	
	padding-left:19px;	
	background:transparent url(../images/bg_portfolio.jpg) no-repeat top left; 		
}
#list ul.portfolio li h2{
	font-size:1em;
	text-transform:uppercase;
	color:#888;
	font-weight:300;
	padding-top:0.75em;
}
/*END PORTFOLIO*/
#list .large div.selector{
	float:left;
	clear:left;
}
#list .mini form{
	width:350px;
}
/*END LIST*/

/*BEGIN POPUP*/
#popup{ 
	text-align:left;
}
#popup div#popup-main{ 
	padding:10px;
}
#popup h2{ 
	text-align:center;
	font-size:1.3em;
}
#popup p{ 
	text-align:justify;
	line-height:1.2em;
}
#popup ul{ 
	padding-top:1.2em;
	padding-left:1em;
	list-style:circle;
}
#popup p.info{ 
	padding:1em;
	text-align:center;
	color:#b4201d;
	font-weight:700;
	font-size:1.1em;	
}
#popup .form{
	margin-top:1em;
	padding:0;
}

#popup .form label{
	float:left;
}
#popup .form span label{
	float:left;
	width:auto;
	margin:0;
	margin-right:0.85em;
	cursor:pointer;
}
#popup .formspan label:focus{
	color:#5a5a5a;
}
#popup .form  p{
	width:35%;
	float:left;
	line-height:1.6em;	
	margin-bottom:0.15em;
}
#popup .form .formsubmit{
	width:450px;
	clear:left;
}


#popup .form input,#popup .form textarea{
	float:left;
	font-family:Arial,verdana,sans-serif;
	font-size:1em;
	height:26px;
	padding:0;
	border:1px solid #c9c6c6;
	line-height:1.6em;
	color:#888;	
}
#popup .form input:focus{
	color:#4d4d4d;
}
#popup .form input.half{
	width:150px;
}
#popup .form input.medium{
	width:250px;
}
#popup .form input.full{
	width:250px;
}
#popup .large input.half{
	width:250px;
}
#popup .form input.full{
	width:100%;
}
#popup .form textarea.full{
	width:100%;
	height:50px;
}
#popup  .form p.lefter {
	float:left;
	width:100%;
	text-align:left;
}
#popup .form p.lefter input.full{
	float:left;
	clear:left;
}
#popup button{
	font-family:Arial,verdana,sans-serif;
	font-size:1em;
	padding:0.55em;
	width:300px;
	margin:1em auto;
	background:#b4201d;
	color:#FFF;
	font-weight:700;
	border:medium none;
	cursor:pointer;
	display:block;
}

#barre{
	float: left;
	display: inline;
	width: 558px;
	height: 8px;
	background-color: #a50303;
	margin: 7px 0 0 5px;
}
/* -------------- calculatrice ----------------*/
#calculatrice{
	float: left;
	display: inline;
	width: 564px;
	height: 620px;
	background: url(../images/simulateur/simulateur.jpg) no-repeat left top;
}
#calculatrice h1{
	font-family: verdana;
	font-size: 18px;
	color: #a50303;
	margin-top: 17px;
	margin-left: 25px;
}
#calculatrice p{
	float: left;
	display: inline;
	clear: left;
	width: 400px;
	margin: 15px 0 0 30px;
	font-family: verdana;
	font-size: 12px;
	color: #858687;
}
#calculatrice #cadre1{
	float: left;
	display: inline;
	width: 481px;
	height: 193px;
	background: url(../images/simulateur/cadre1.jpg) no-repeat left top;	
	margin: 0px 0 0 40px;
	visibility: visible;
}
#calculatrice #cadre2{
	float: left;
	display: inline;
	width: 481px;
	height: 170px;
	background: url(../images/simulateur/cadre1.jpg) no-repeat left top;	
	margin: 5px 0 0 40px;
	visibility: visible;
}
#calculatrice #cadre3{
	float: left;
	display: inline;
	width: 481px;
	height: 193px;
	background: url(../images/simulateur/cadre1.jpg) no-repeat left top;	
	margin: 0px 0 0 40px;
	visibility: visible;
}
#calculatrice h2{
	font-family: verdana;
	font-size: 14px;
	color: #a50303;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 15px;
}
#calculatrice label{
	float: left;
	display: inline;
	width: 150px;
	font-family: verdana;
	font-size: 12px;
	color: #858687;
	line-height:auto;
	background: url(../images/simulateur/puce.jpg) no-repeat left 3px;
	padding: 0 0 0 15px;
}
#calculatrice p input{
	float: left;
	display: inline;
	width: 150px;
	margin-left: 20px;
	margin-right: 5px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}
#calculatrice p select{
	float: left;
	display: inline;
	width: 100px;
	margin-left: 20px;
	margin-right: 5px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}
#calculatrice input#calculer{
	float: right;
	width: 98px;
	height: 29px;
	margin: 10px 90px 0 0;
	border: 0;
	font-family: verdana;
	font-size: 12px;
	color: #858687;
	background: url(../images/simulateur/bt-calculer.jpg) no-repeat left top;
}
#calculatrice #cadreresult{
	float: left;
	display: inline;
	width: 481px;
	margin: 10px 0 0 40px;
}
#calculatrice #cadreresult p{
	margin: 15px 0 0 50px;
	font-family: verdana;
	font-size: 12px;
	color: #858687;
	font-weight: bold;
}
#calculatrice table{
	float: left;
	display: inline;
	width: 400px;
	text-align: center;
	color: #858687;
	font-size: 13px;
	margin: 15px 0 0 50px;
	border: 1px solid #858687;
}
#calculatrice table td{
	width: 100px;
}
#calculatrice table tr{
	color: #FFFFFF;
	font-family: verdana;
	background-color: #2b7dc0;
}
#calculatrice table th{
	font-size: 12px;
}
#calculatrice #cadreresult a{
	float: left;
	display: inline;
	margin: 15px 0 0 50px;
	font-family: verdana;
	font-size: 12px;
	color: #858687;
	font-weight: bold;
	text-decoration: none;
}
#calculatrice #cadreresult a span{
	font-size: 9px;
}
/*END POPUP*/