
/*------------------ Proprietes globales --------------------*/
body {	
	background-color:#000000;	
	margin: 0; 
    
}

/* Definit la police pour toutes les balises  , Arial, Helvetica, sans-serif*/
* {	
	font-family:Verdana; 
	font-size:11px;
	color:#555555
}

a{
	color:#285483;
	text-decoration:none;
}

a:hover{
	color:#285483;
	text-decoration:underline;
}

img{
	border:0;
}

hr {
	color: #999999;	
	height: 1px;	
}

li {
	padding:2px;	
}

.dashed_top {
	border-top: 1px dashed #A5ACB2;	
}

.dashed_bottom {
	border-bottom: 1px dashed #A5ACB2;	
}

/* --------------------- TITRE ET TEXTE ---------------------*/

.titrePage, .titrePage h1{
	text-align:left;
	font-size:15px;
	color:#285483;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

.homepage_title{
	font-size:16px;
	text-align:center;
}

.title_level01 {
	/*color:#808080;	*/
	color:#285483;
	font-weight:bold;
	font-size:14px;	
}

.title_level02 {
	color:#333333;	
	font-weight:bold;
}

.paragraphe_01 {
	padding-left:15px;
	padding-right:5px;
}

.style02{
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
}



.title_level03 {
	color:#285483;	
	font-weight:bold;
	margin-bottom: 5px;
}

.discreet {
	color:#C0C0C0;
	font-weight:normal;
	font-size:10px;
	font-style:italic;
	text-decoration:underline;
	margin-left:10px;
}

.discreet a {
	color:#B0B0B0;
}

.discreet a:hover {
	color:#A0A0A0;
}

.alert_message{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
/*------------ LINK ------------*/

.homeLink {
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.homeLink:hover{		
	font-weight:bold;
	text-decoration:underline;
}

.blueLinkEmail {
	color:#285483;
	font-weight:bold;
	text-decoration:none;
}
.blueLinkEmail:hover{
	color:#285483;
	font-weight:bold;
	text-decoration:underline;
}

.blueLink {
	color:#285483;
	text-decoration:none;
}
.blueLink:hover{
	color:#285483;
	text-decoration:underline;
}

.invisibleLink{
	cursor:pointer;	
}

/*------------------ Proprits globales --------------------*/


.main_design{	
	width:760px;
	padding-top:0px;
}

/* ----------------------- header -------------------------- */
TABLE.main_header{
	height:105px;
	width:100%;
	background-color:#000000;
}

/* ----------------------- body ---------------------------- */

.color_bg_main_body{
	background-color:#E8E4CF;
}

.main_body{
	padding-top:15px;
	padding-left:30px;
	padding-bottom:20px;
	vertical-align:top;
	background-color:#E8E4CF;
	/*E1DCC3 */
}

TD.main_body_bottom{
	height:25px;
	
	background-image:url(../pic/bottom-end.png);
	
}

TABLE.menu_top{
	width:100%;
	height:25px;
}

TD.menu_top{
	background-color:#285483;
	width:100%;
	color:#000000;
	text-align: center;		
}

.color_bg_menu_top{
	background-color:#285483;
}

.menu_top a{	
	color:#FFFFFF;			
}

.menu_top a:hover{	
	color:#FFFFFF;	
	text-decoration:underline;		
}


.main_style{
	width:700px;
}

/* ------------- design global ------------ */

.block_enlight{
	border:1px #CFC99C solid; 
	padding:3px; 
	margin-top:5px; 
	background-color:#F4F3EA;
}

/*-------- Texte presentation -------*/
DIV.presentation{
	width:700px;
}

.seach_button {
	color:#FFFFFF;
	font-weight:bold;		
}

.news_text {
	font-size:10px;
	text-align:justify;
	padding-right:5px;
}

/*----- SECTOR VIGNETTE ----------*/
.sector_vign_title {
	color:#285483;	
	font-size:11px;
	font-weight:bold;
	/*text-align:left;*/
/*	white-space:nowrap;*/
}

.sector_vign_title a {
	color:#285483;	
	font-size:11px;
	font-weight:bold;
}

.sector_vign_sub_title {
	font-size:10px;
	font-weight:none;
	/*text-align:left;*/
}

.sector_vign_sub_title a {
	font-size:8px;
	color:#555555;
	font-weight:none;	
}

.sector_vign_text {
	font-size:10px;
	font-style:italic;
	/*text-align:left;*/
}

.sector_vign_text a {
	font-size:9px;
	color:#555555;
	font-style:italic;	
}

.sector_vign_image {
	/*text-align:left;*/
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:5px;
}

/* -- footer -- */

.main_footer{		
	width:100%;	
	background-color:#000000;
	padding-top: 7px;
	padding-left:20px;		
}

.main_footer_text{		
	color:#999999;
}

.main_footer_text a{		
	color:#999999;
}

DIV.footer_link{
	width:650px;
	color:#999999;
	padding-top:10px;
	text-align:center;
}

DIV.footer_link a{
	color:#999999;
}

DIV.footer_link a:hover, u{
	color:#777777;
}

/*--------- selection -------------*/

DIV.selection_button{
	text-align: right;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 0px;
	margin: 0px;
}

.selection_confirm_box {	
	border: solid 1px #000000;
	background:#FFFFFF;	
	text-align: center;
	
	top: 200px;
	width: 400px;                
	margin-left: -200px;      
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
	height:190px;
		
}


/*--------- Agence -------------*/

.agence-card {
	background-color:#FFFFFF;	
	height:170px;
	width:300px;
	border: solid 1px #00254C;
}


/* --------- Produit --------- */

TABLE.product_group{
	width:700px;
}

td.product_img_list{
	width:190px;
	text-align:center;	
	vertical-align: top; 
}

td.product_text_list{
	text-align:left;
	vertical-align: top; 
}

DIV.product_title{	
	padding-top:5px;
	padding-bottom:4px;
	padding-left:5px;
}

DIV.product_subtitle{	
	padding-top:0px;
	padding-bottom:3px;
	padding-left:5px;
}

A.product_title{
	color:#555555;
	font-size:15px;
	font-weight:bold;
}

A.product_title:hover{
	color:#222222;
	font-size:15px;
}

DIV.product_loc{
	padding-left:5px;
}

A.product_loc{
	color:#285483;
	font-weight:bold;
	font-size:14px;
}

DIV.product_contact{
	padding-left:5px;
}

A.product_contact{
	color:#285483;
	font-weight: none;
	font-size:11px;
}

DIV.product_info{
	text-align:justify;
	padding-left:5px;
}

.productList_description{
	font-style:italic;
	margin-top:5px;
}

DIV.product_spotlight{
	text-align:justify;
	padding-left:5px;
}

.product_spotlight ul{	
	margin: 0px;
	padding-left: 10px;	
}

.product_spotlight li{	
	color: #555555;
	font-size:12px;
	font-weight:bold;
	margin: 0px;
	padding-top:3px;	
	padding-left: 0px;
}

.productList_spotlight{
	margin-top:5px;
	/*border:1px solid #CCCCCC;
	background-color:#EFEBD1;*/
}

.productList_spotlight ul{
	display:block;
	padding-left:10px;
	line-height:10px;
}

.productList_spotlight li, .productList_spotlight a{
	font-size:9px;
	line-height:10px;
}

.product_subtitle{	
	color: #000000;	
	font-weight:bold;
	margin: 0px;
	padding: 0px;	
}

.img_sector{
	border: solid 2px #FFFFFF;	
}

.img_productWeb{
	border: solid 2px #FFFFFF;	
}

.img_sale{
	border: solid 1px #000000;	
}

.title_box {
	border: solid 1px #A5ACB2;
	background:#FFFFFF;	
	padding-top:1px;
	padding-left:1px;
	padding-bottom:1px;
	padding-right:1px;
}

.service_box {
	border: solid 1px #A5ACB2;
	background:#FFFFFF;	
	padding-top:4px;
	padding-left:3px;
	padding-bottom:4px;
	padding-right:3px;	
}


.productList_service_box{
	margin-top:5px;
}

.productList_service_box div, .productList_service_box b{
	font-size:9px;	
	line-height:10px;
}


.service_element{	
	margin: 4px;	
	white-space: nowrap;
}

.linkButton {
	background:transparent;
	border:0px;
	color:#285483;
}

.linkButton:hover {
	text-decoration:underline;
}

/*--------- Vignette --------*/
TABLE.thumb_group{
	width:670px;
}

TD.thumb_img{
	padding-bottom:20px;
}

A.thumb_local{
	color:#666666;
	font-weight:bold;
}

A.thumb_local:hover{
	color:#555555;
	font-weight:bold;
}

A.thumb_title{
	color:#285483;
	font-weight:bold;
}

.thumb_info{
	text-align:justify;
	padding-right:20px;
}

A.thumb_info{
	color:#555555;
}

A.thumb_more{
	color:#666666;
}

/*--------- Contact -----------*/

.confirm_alert{
	color:green;
	font-size:11px;	
	font-weight:bold;
	text-align:center;	
}

.error_alert{
	color:red;
	font-size:11px;	
	font-weight:bold;
	text-align:center;	
}

.require_field{
	color:#FF0000;
	font-size:11px;	
}

/*------------ RECHERCHE PRODUIT ----------------------*/
.search_form{
	background-color:#DFD9B5;
	border:1px outset #FFFFFF;
}
.search_label{
	font-weight:bold;
}

.search_content{

}

.search_vseparator{
	border-right:1px solid #FFF;
}

#productSectorDiv select {
	width:200px;
}
#productSubSectorDiv select {
	width:200px;
}
/*------------ CALENDAR ------------*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #777;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	position: absolute;
	z-index: 32767;
	padding:1px;
}



.ds_tbl {
	background-color: #eee;
}

.ds_head {
	background-color: #285483;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1px;
}

.ds_subhead {
	background: #ccc;
	color: #000000;
	text-align: center;
	width: 18px;
	border-bottom:solid 1px white;
}

.ds_cell {
	color: #555555;
	text-align: center;
	padding: 3px;
	cursor: pointer;
}

.ds_cell_actif {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
	cursor: pointer;
	-moz-border-radius:4px;
}

.ds_footer {
	border-top:solid 1px #A5ACB2;
	color: #2e7002;
	font-weight: none;
	text-align: center;
	letter-spacing: 2px;
	cursor: pointer;
}

.ds_cell:hover , .ds_box a:hover{
	
	color: #000000;
	-moz-border-radius:4px;
}
.ds_cell:hover {
	background-color: #ddd;
}/* This hover code won't work for IE */

/* CALENDAR END */


/*------------------ SLIDE PICTURE -------------------*/

#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 117px;	/* IE 5.x */
		width/* */:/**/111px;	/* Other browsers */
		width: /**/111px;
		
		/* CSS HACK */
		height: 77px;	/* IE 5.x */
		height/* */:/**/71px;	/* Other browsers */
		height: /**/71px;
		
		background-color:#000;
		border: solid 2px #FFFFFF;	
		position:relative;	/* Never change this value */
				
	}
	.imageInGallery{		
		width:111px;
		height:71px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}

/*------------------ SEO -------------------*/


div.text_copy a, 
div.text_copy a:link, 
div.text_copy a:active, 
div.text_copy a:visited {color:#555555; text-decoration:none;}
div.text_copy a:hover {color:#285483; text-decoration:underline;}

div.text_copy_main {vertical-align:top; text-align:justify; color:#555555; font-family: Verdana; font-size:11px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
div.text_copy_main p {text-align:justify; color:#555555; font-family: Verdana; font-size:11px; padding-right:30px; padding-top:0px; padding-bottom:0px;}
div.text_copy_main a, 
div.text_copy_main a:link, 
div.text_copy_main a:active, 
div.text_copy_main a:visited {color:#555555; text-decoration:none;}
div.text_copy_main a:hover {color:#285483; text-decoration:underline;}

.img_right	{ margin: 0px; padding:  0px; margin-top: 4px; margin-bottom: 0px; margin-left: 6px; margin-right: 0px; padding-right:0px; float: right;}
.img_left	{ margin: 0px; padding:  0px; margin-top: 4px; margin-bottom: 0px; margin-right: 6px; margin-left: 0px;float: left;} 


div.msf_map{padding-left:45px;}

div.table_keeper{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}

table.main_msf_table{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}
table.main_msf_table td{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}

table.main_msf_table tr{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}


table.main_msf_table td.msf_table_td  {padding:0px; margin:0px; text-align:left; vertical-align:top; padding-bottom:0px; padding-top:0px; margin-bottom:0px; margin-top:0px; border:0px;}

table.main_msf_table td.msf_table_td  div.text_copy_main {padding:0px; margin:0px; text-align:left; vertical-align:top; padding-bottom:0px; padding-top:0px; margin-bottom:0px; margin-top:0px;}

table.main_msf_table td.msf_table_td  div.text_copy_main p {padding:0px; margin:0px; text-align:justify; vertical-align:top; padding-bottom:7px; padding-top:0px; margin-bottom:0px; margin-top:0px; padding-right:20px;}


table.main_msf_table td.msf_table_td  div.text_copy_main h1{padding-top:6px; padding-bottom:3px; margin-top:6px; margin-bottom:0px;}
table.main_msf_table td.msf_table_td  div.text_copy_main h2{padding-top:6px; padding-bottom:3px; margin-top:6px; margin-bottom:0px;}
table.main_msf_table td.msf_table_td  div.text_copy_main h3{padding-top:6px; padding-bottom:3px; margin-top:6px; margin-bottom:0px;}


div.table_keeper2{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}

table.main_msf_table2{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}
table.main_msf_table2 td{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}
td.msf_table_td2{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}

div.table_keeper{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}

table.main_msf_table{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}
table.main_msf_table td{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}
td.msf_table_td{text-align:left; vertical-align:top; border:0px; padding:0px; margin:0px;}

table.main_msf_table td.msf_table_td {padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
table.main_msf_table2 td.msf_table_td2 {padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}

table.main_msf_table td.msf_table_td  div.text_copy_main h2{padding-top:6px; padding-bottom:0px; margin-top:6px; margin-bottom:0px;}
div.text_copy_main h3{padding-top:6px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}

table.main_msf_table2 td.msf_table_td2 div.text_copy_main p {padding-top:0px; padding-bottom:7px; margin-top:0px; margin-bottom:0px;}
table.main_msf_table td.msf_table_td div.text_copy_main p {padding-top:0px; padding-bottom:7px; margin-top:0px; margin-bottom:0px;}

table.search_table
{
	margin-top: 5px;
	width: 100%;
}
tr.srRow
{
	width: 100%;
}
td.search_label
{
	width: 30%;
}
td.search_fld
{
	width: 40%;
}



/* -------------------------- french-riviera-properties-to-buy-and-rent.php ---------------------- */
.landingImage {
	float:left;
	padding-bottom:20px;
}

.column1 {
	padding-right:20px;
}

.landingImage img{
	border:solid white 2px;
	width:300px;
}

/* -------------------------------- dynamic_page ---------------------------------------------- */
.dynamic_page_image_list {
	clear:both;
	margin-top:20px;
}

.dynamic_page_image_list div {
	width:320px;
	border:solid white 5px;
	float:left;
	margin-bottom:20px;
}
.dynamic_page_image_list div.col1 {
	padding-right:0;
	margin-right:20px;
}