@charset "utf-8";

/***********************
 *
 * Page:   940px
 * Column: 150px (1) 250px (3)
 * Gutter: 10px
 * Margin: 10px auto 10px 10px
 *
 ***********************/

* {
	margin:0px;
	padding:0px;
}

/* useful if content is centered (avoid lateral jump when scrollbar appears)*/
html { overflow-y: scroll; }


body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background-color:#1e648c;
}

/* Firefox trick: avoid extra vertical space between li with image */
li img { vertical-align:middle}

img {border:0}

a {
	outline:0 none;
	color: #21409A; 
	text-decoration: none; 
}

a:hover {
	color: #2681b4;
}
table {
	border-collapse:collapse;
}

.smalltxt{
	font-size:11px;
	line-height:15px;
}

.nodisplay, #rcPrintHeader, #rcPrintFooter {
	display:none;
}

.noprint {
	
}


.nomargin {
	margin:0px;
}

.nopadding {
	padding:0px;
}

.rcColor {
	color: #21409A; 
}
#rcBody { width: 940px; padding: 0px 0px 0px 10px; margin: 10px auto 10px auto;  text-align: left; /* this overrides the text-align: center on the body element. */}

p.white {
	color:#FFF; 
	text-align:left;
	font-weight:bold;
	font-size:10px;
	width:150px;
	margin-bottom:10px;
}

#rcMenu ul {
	font-size:11px;
	list-style:none;
}
#rcMenu ul.main {
	width:160px;
	margin:0px 0px 40px 0px ;
	position: relative ; /* IE7 relative position the ul otherwise the list items are positioned relative to the viewport, ignoring the overflow on their parent */
}

#rcMenu ul.sub {
	width:160px; 
	padding-left:15px; 
	margin-bottom:5px;
	display: block;
/*	list-style:url(images/li_circle.png);*/
	list-style-type:disc;
	list-style-position:outside;
}

#rcMenu ul.sub ul.sub {
	width:140px; 
	padding-left:15px; 
	margin-bottom:5px;
	display: block;
	list-style-type:disc;
/*	list-style:url(images/li_arrow.png);*/
}
#rcMenu ul.sub ul.sub ul.sub {
	width:120px; 
	padding-left:15px; 
	margin-bottom:5px;
	display: block;
	list-style-type:disc;
/*	list-style:url(images/li_arrow.png);*/
}
#rcMenu ul li {
	outline:0 none;
	color: #fff;
	text-decoration: none; 
	cursor: pointer;
}
#rcMenu ul li:hover {
	color: #fff; 
}
#rcMenu ul li.selected {
	color: #fff; 
}
#rcMenu ul.sub li.selected {
	list-style:url(images/li_selected.png);
}

#rcBanner h1 {
	font-weight:normal;
	margin-left:30px;
	line-height:45px;
	font-size:1.4em;
	color:#FFF;
}
#rcBanner img {
	margin-top:25px; 
	float:right;
}
#rcBanner p {
	margin:25px 10px 0px 0px; 
	float:right;
	font-size:13px;
}
.banner {height:45px; background-image:url(images/blue.png); overflow:hidden;}


#rcShadow {
	background-image:url(images/shadow10px.png); 
	background-repeat:repeat-x; 
	position:absolute;
	margin-top:45px; 
	height:20px; 
	z-index:10; 
}
.shadow {
	background-image:url(images/shadow10px.png); 
	background-repeat:repeat-x; 
	width:230px; 
	height:20px; 
	z-index:10; 
}
#rcHome {
	background-image:url(images/bg_home.jpg); 
	background-repeat:no-repeat; 
	height:515px;
}
#rcLocation {
	background-image:url(images/bg_location_full.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:#060a13;
}
#rcVente {
	background-image:url(images/bg_vente_full.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:#1a1a1a;
}
#rcServices {
	background-image:url(images/bg_services_full.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:#193a03;
}

#rcPromotions {
	background-image:url(images/bg_promotions_full.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:#40483b;
}

#rcStandard {
	background-color:#1e648c;
}

#selectionObject {
	margin:0px;
	padding:0px;
}
.prestigeBg {
	background:url(images/prestige.png);
	width:20px;
	height:20px;
}
.selectionAddBg {
	background:url(images/selection_add.png);
	width:20px;
	height:20px;
	cursor:pointer;
}
.selectionDelBg {
	background:url(images/selection_del.png);
	width:20px;
	height:20px;
	cursor:pointer;
}
.ficheBg {
	background:url(images/fiche.png);
	width:20px;
	height:20px;
	cursor:pointer;
}
.homeMenu {
	width:150px; 
	height:60px; 
	margin:0px 60px 450px 50px; 
	padding-top:25px; 
	text-align:center;
	z-index:2;
}
.homeMenu h1 {
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}
.homeMenu a {
	color:#FFF;
}
.homeMenu a:hover {
	text-decoration:underline;
}
#rcHome .homeLocation,   #rcLocation #listSelection, #rcLocation .intro, #rcLocation ul.sub p, #rcLocation ul.sub ul.sub p, #rcLocation h3 , #rcLocation h5 {
	background-color:#9190B3; 
}
.extraLocation ul, .extraLocation li {
	padding:0px 0px 5px 0px;
	margin-left:0px;
	list-style:circle;
}
#rcHome .homeVente,   #rcVente #listSelection,  #rcVente .intro, #rcVente ul.sub p, #rcVente ul.sub ul.sub p, #rcVente h3 , #rcVente h5  {
	background-color:#B5B399; 
}
#rcPromotions #listSelection,  #rcPromotions .intro, #rcPromotions ul.sub p, #rcPromotions ul.sub ul.sub p, #rcPromotions h3 , #rcPromotions h5  {
	background-color:#B5B399; 
}
#rcHome .homeServices, #rcServices .intro, #rcServices ul.sub p, #rcServices ul.sub ul.sub p, #rcServices h3 , #rcServices h5 {
	background-color:#436865; 
}
#rcStandard .intro, #rcStandard ul.sub p, #rcStandard ul.sub ul.sub p, #rcStandard h3 , #rcStandard h5 {
	background-color:#2681b4; 
}

#rcLocation ul.sub p.selected, #rcLocation ul.sub ul.sub p.selected, #rcLocation ul.sub p:hover, #rcLocation ul.sub ul.sub p:hover, #rcLocation .intro h4, #rcLocation .txt h5 {
	background-color:#008c87;
}

#rcVente ul.sub p.selected, #rcVente ul.sub ul.sub p.selected, #rcVente ul.sub p:hover, #rcVente ul.sub ul.sub p:hover, #rcVente .intro h4 , #rcVente .txt h5 {
	background-color:#FF994D;
}

#rcPromotions ul.sub p.selected, #rcPromotions ul.sub ul.sub p.selected, #rcPromotions ul.sub p:hover, #rcPromotions ul.sub ul.sub p:hover, #rcPromotions .intro h4 , #rcPromotions .txt h5 {
	background-color:#FF994D;
}

#rcServices ul.sub p.selected, #rcServices ul.sub ul.sub p.selected, #rcServices ul.sub p:hover, #rcServices ul.sub ul.sub p:hover, #rcServices .intro h4 , #rcServices .txt h5 {
	background-color:#D96180;
}
#rcStandard ul.sub p.selected, #rcStandard ul.sub ul.sub p.selected, #rcStandard ul.sub p:hover, #rcStandard ul.sub ul.sub p:hover, #rcStandard .intro h4, #rcStandard .txt h5 {
	background-color:#004494;
}

#rcContent {
	color:#FFF;
}
#rcContent ul {
	list-style:none;
	overflow:hidden;
}
#rcContent ul.std {
	padding-left:15px; 
	margin:0px 10px 10px 20px;
	display: block;
	line-height:15px;
	list-style:disc;
	list-style-position:outside;
/*	text-align:justify; */
}
#rcContent ul.sub {
	width:230px; 
	padding-left:0px; 
	display: block;
	margin-top:-10px;
}

#rcContent ul.sub ul.sub {
	width:210px; 
	margin-top:0px;
	padding-left:20px; 
	display: block;
}
#rcContent ul.sub p {
	text-transform:uppercase;
	font-size:13px;
	line-height:30px;
	padding:0px 0px 0px 20px ;
	margin: 10px 0px 0px 0px; 
	cursor: pointer;

}
#rcContent ul.sub ul.sub p {
	text-transform:None;
	font-size:12px;
	line-height:25px;
	padding:0px 0px 0px 20px ;
	margin: 10px 0px 0px 0px; 
	cursor: pointer;
}
.pageContent {
	width:500px; 
	margin-top:20px;
	text-align:left;
}
.pageMenu {
	width:230px; 
	margin:0px 10px 0px 10px; 
	text-align:left;
}
.pageMenu a {
	color:#FFF;
}
.pageMenu a:hover {
	text-decoration:underline;
}
.pageMenu h2 {
	font-weight:normal;
	font-size:13px;
	padding:0px 20px 0px 20px;
	margin-top:7px;
/*	text-align:justify; */
}
.pageMenu h3 {
	font-weight:normal;
	font-size:13px;
	padding:0px 20px 0px 20px ;
	margin-top:10px;
}
.pageMenu h4 {
	font-weight:normal;
	font-size:13px;
	line-height: 30px ;
	padding:0px 20px 0px 20px;
	margin:0px 0px 10px 0px ;
	text-transform:none;
}
.pageMenu h5 {
	font-weight:normal;
	font-size:13px;
	line-height: 30px ;
	padding:0px 20px 0px 20px;
	margin:10px 0px 0px 0px ;
	text-transform:none;
}
.pageMenu h6 {
	font-weight:normal;
	font-size:11px;
	padding:0px 20px 0px 20px ;
	margin-top:10px;
/*	text-align:justify; */

}
.pageMenu input.txtfield {
	width:80px;
	height:13px;
	line-height:13px;
	font-size:10px;
	color:#666;
	outline:none;
}
div.intro {
	padding:20px 0px 20px 0px;
}
.pageMenu table {
	margin-left:20px;
}
.pageMenu table td {
	border-bottom:#ccc 1px dotted;
	padding:4px 0px 10px 0px;
}
#listObjects, #detailObject, .pageContent div.txt {
	background-color:#FFF;
	padding-bottom:10px;
	margin-bottom:10px;
}

#rcStandard .pageContent div.txt {
	background-color:#FFF;
	padding-bottom:10px;
	margin-bottom:0px;
}
#listObjects p, #detailObject p {
	padding:10px 10px 0px 10px ;
	line-height:15px;
}
.pageContent div.txt p {
	padding:0px 0px 10px 20px ;
	line-height:15px;
}
.pageContent h4 {
	font-weight:normal;
	font-size:13px;
	line-height: 30px ;
	padding:0px 10px 0px 20px;
	margin:0px 0px 10px 0px ;
	text-transform:uppercase;
	color:#FFF;
}
.pageContent h5 {
	font-weight:normal;
	font-size:13px;
	line-height: 30px ;
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px ;
	color:#FFF;
	text-transform:uppercase;
}
.pageContent td h5, .pageContent th h5{
	font-weight:normal;
	font-size:11px;
	line-height: 20px ;
	padding:0px 0px 0px 10px;
	color:#FFF;
	text-transform:none;
}
.pageContent td a:hover, .pageContent th a:hover{
	text-decoration:none;
}
.pageContent h6 {
	font-weight:bold;
	font-size:11px;
	line-height: 15px ;
	padding:0px 10px 0px 10px;
}
.pageContent a {
	font-weight:bold;
	text-decoration:none;
}
.pageContent a:hover {
	text-decoration:underline;
}
img.topImg {
	padding:20px;
}
.txt h5, .txt h6 {
	padding:0px 10px 0px 20px;
}
.pageContent table {
	line-height: 20px ;
}
#detailObject table, #detailObject table h5{
	line-height: 15px ;
}
#detailObject table.navigation{
	margin:10px 20px;
	width:460px;
}
.pageContent th{
	padding:0px 0px 0px 10px;
	text-align:left;
	font-weight:normal;
}
.pageContent td.borderbot, .pageContent th.borderbot {
	border-bottom:#ccc solid 0px;
}
#rcLocation .bgalt {
	background-color:#e8e8f4;
}
#rcVente .bgalt {
	background-color:#E7E7D8;
}
#rcPromotions .bgalt {
	background-color:#E7E7D8;
}

#rcLocation .highlighted , #rcLocation table h5:hover{
	background-color:#008c87;
}
#rcVente .highlighted, #rcVente table h5:hover{
	background-color:#FF994D;
}
#rcPromotions .highlighted, #rcPromotions table h5:hover{
	background-color:#FF994D;
}

#rcContent ul.ulSelection {
	list-style-type:disc;
	overflow:hidden;
	padding-left:30px; 
	padding-bottom:10px;
	display: block;

}
#listSelection p {
	padding-left:20px; 
	padding-bottom:10px;
}
table.presse {
	padding:10px; 
}
.pageContent table.presse p {
	padding:0px 10px 10px 10px; 
	margin:0px; 
}
.colorBlue {
	color: #2681b4;
}
.colorGreen {
	color: #008c87;
}
.colorOrange {
	color: #FF994D;
}
.colorRed {
	color: #d96180;
}
.sup {
	font-size: 0.75em; 
	line-height: 0.75em;
	vertical-align:super;
}  
.colxTxt p {
/*	text-align:justify; */
}
.agence_off {
	background:#ffffff;
	border:1px #21409A solid;
	width:5px;
	height:5px;
	cursor:pointer;
}
.agence_on {
	background:#21409A;
	border:0px #fff solid;
	width:7px;
	height:7px;
	cursor:pointer;
}
.agence_txt {
	background:#21409A;
	border:1px #FFF solid;
	color:#FFF;
	padding:0px 5px;
	font-size:10px;
	z-index:10;
}
.annonce {
	color:#F00;
	font-weight:bold;
}
table.formulaire th {
	padding:2px 5px 2px 0px;
}
table.formulaire textarea, table.formulaire input[type=text]  {
	width:145px;
	border:1px solid #CCC;
	font-size:11px;
	line-height:15px;
}
table.formulaire input[type=button] {
	width:147px;
	border:1px solid #333;
	margin-top:5px;
}
table.formulaire select {
	width:147px;
	border:1px solid #CCC;
	margin-bottom:5px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.agence {font-size:9px;}
.fullw { width:100%; }

.relative {position:relative;top:0px;left:0px;}		/* allow to move the object with javascript: this.style.left='-100px' */


/* Use the '.column' class below to prepare divs to act like columns.
 The result is 'inline-block like' behaviour */

/* When combined with a '.colx#' or '.x#' class, the columns will sit next to each other.
 Otherwise, the column will take up as much room as it's content requires */
.column { float: left; display:inline; }

/* Use the '.last' class to strip the extra gutter margin from the last column */
.last { margin-right: 0 !important; }

/* Use the '.mbot' class to create a block element with a height separation equal to the gutter width */
.pbot { padding-bottom: 10px; }
.mbot { margin-bottom: 10px; }
.mright { margin-right: 10px; }
.mleft { margin-left: 10px; }
.mtop { margin-top: 10px; }

/* column units */

.colx0 { width: 170px; margin-right: 0px;}
.colx1 { width: 250px; margin-right: 10px;}
.colx2 { width: 510px; overflow: hidden; }
.colx3 { width: 770px; overflow: hidden; }
.colx4 { width: 940px; overflow: hidden; }

.colxTxt { width: 245px; padding: 0px 0px 0px 0px;}



/* add space to the right of elements equal to column divisions */

.rt-colx0 { margin-right: 160px; }
.rt-colx1 { margin-right: 260px; }
.rt-colx2 { margin-right: 520px; }
.rt-colx3 { margin-right: 780px; }


/* add space to the left of elements equal to column divisions */

.lt-colx0 { margin-left: 160px; }
.lt-colx1 { margin-left: 260px; }
.lt-colx2 { margin-left: 520px; }
.lt-colx3 { margin-left: 780px; }

.loading { padding:230px; }