@import url("menu.css");
/* CSS Document */

h1 a {
	text-decoration:none;
}

h1 a:hover {
	text-decoration:none;
}

#footer2 a { text-decoration: none; color: #14539A; }

#footer2 a:hover { text-decoration: underline; }

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:320px;
	height:125px;
	z-index:1;
}

#titre {
	position:absolute;
	left:326px;
	top:64px;
	width:525px;
	height:125px;
	z-index:1;
	color:#FFFFFF;
	font-size:30px;
	line-height:26px;
	font-weight:bold;
}

#titre h1{
	color:#FFFFFF;
	font-size:30px;
	line-height:26px;
}

#titre .petit{
	font-size:16px;
	/*line-height:16px;*/
}

p.divider {
	margin-bottom:30px;
}

p.calcul {
	display : block;
	text-align: justify;
	color:#fff;
	background : #bbbbbb;
    border-left: 15px solid #939393;
    margin: 10px 0 0 50px;
    padding: 5px 10px 5px 15px;
}

p.calcul img {
	float:left;
}

#texteComplet p {
	text-align:justify;
}

#texteComplet h3 {
	background-color:#04659A;
	padding:4px;
	color:#fff;
}

blockquote.citationBleue {
	display : block;
	text-align: center;
	background : url('../images/template/quotation_background.png') no-repeat top left #ffffff;
    border-top: 3px solid #1F76D7;
	border-bottom: 3px solid #1F76D7;
	border-left:0;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
    margin: 5px 0 5px 10px;
    padding: 5px 10px 5px 15px;
}

blockquote.citationRouge {
	display : block;
	text-align: center;
	background : url('../images/template/quotation_background.png') no-repeat top left #ffffff;
    border-top: 3px solid #ce0000;
	border-bottom: 3px solid #ce0000;
	border-left:0;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
    margin: 5px 0 5px 10px;
    padding: 5px 10px 5px 15px;
}

blockquote.citationRouge p{
	text-align: center;
}

blockquote {
	display : block;
	text-align: justify;
	background : url('../images/template/quotation_background.png') no-repeat top left #ffffff;
    border-left: 15px solid #BBB;
    margin: 10px 0 0 50px;
    padding: 5px 10px 5px 15px;
}

blockquote.enValeurGris {
	display : block;
	text-align: justify;
	background : #777;
	color:#ddd;
    border-left: 15px solid #333;
    margin: 10px 0 0 50px;
    padding: 5px 10px 5px 15px;
}

blockquote small {
    color: #B8B8B8;
    display: block;
    line-height: 20px;
}

blockquote small:before {
    content: "— ";
}

.options {
	font-size:16px;
	color:#99cd2c;
	margin-right:26px;
}

#colonneGauche {
	float:left;
	width:228px;
	text-align:left;
}

#contacts {
	width:229px;
	height:334px;
	background-image:url(../images/template/colonneGaucheFondContacts.jpg);
	background-repeat:no-repeat;
	padding-top:46px;
	padding-left:9px;
}

#colonneCentre {
	margin-left:230px;
	text-align:left;
	background-color:#ECF4F6;
}


.cocheBlanche {
	padding-left:21px;
	background-image:url(../images/template/cocheBlanche.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	margin-bottom:17px;
}

.cocheBleue {
	padding-left:21px;
	background-image:url(../images/template/cocheBleue.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	color:#365C86;
	margin-bottom:17px;
}

.cocheBleue2 {
	padding-left:21px;
	background-image:url(../images/template/cocheBleue2.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	color:#365C86;
	margin-bottom:17px;
}

span.texteBleuFonce {
	color:#365C86;
}

.texteBleu {
	color:#1F76D7;
}

.texteBlanc {
	color:#FFFFFF;
}

.texteVert {
	color:#70942E;
}

.texteRouge {
	color:#CC0033;
}

.texteRougeFondBlanc {
	color:#FFFFFF;
	background-color:#CC0033;
}

.paveTexteRouge {
	border:#CC0033;
	border-style:dashed;
	border-width : 2px;
	color:#CC0033;
}

.titreBleuFonce {
	font-size:16px;
	color:#365C86;
}

.lienBleuBlanc {
	color:#365C86;
	text-decoration:none;
}

.lienBleuBlanc:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.lienBlanc {
	color:#FFFFFF;
	text-decoration:underline;
}

#autresAppartements {
	float:right;
	width:auto;
	margin-left:10px;
	/*margin-bottom:10px;*/
	padding-left:5px;
	border-left-color:#365C86;
	border-left-width:3px;
	border-left-style:dotted;
}

/*******************************************************
ACCUEIL   -    DEBUT
********************************************************/
#recherche {
	width:989px;
	height:219px;
	background:url(/images/template/formRechercheBackground.png) no-repeat;
	padding-top:12px;
	padding-left:8px;
}

#recherche h1 {
	color:#1f76d7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	text-align:left;
	margin-top:0px;
	margin-bottom:14px;	
}

#recherche #titre1 {
	font-size:16px;
	color:#818181;
	display:block; 
	width:286px; 
	padding-bottom:4px; 
	border-bottom:solid #adadad 2px;
}

#recherche #titre2 {
	font-size:16px;
	color:#818181;
	display:block; 
	width:410px; 
	padding-bottom:4px; 
	border-bottom:solid #adadad 2px;
}

#recherche #titre3 {
	font-size:16px;
	color:#818181;
	display:block; 
	width:200px; 
	padding-bottom:4px; 
	border-bottom:solid #adadad 2px;
}

#recherche .labelInput {
	background-image:url(/images/template/formRechercheFleche.png);
	background-repeat:no-repeat;
	background-position: 0px;
	padding-left:6px;
	display:block;
	margin-bottom:10px;
}

#recherche input {
	margin-bottom:10px;
}

/*******************************************************
ACCUEIL   -    FIN
********************************************************/
/*******************************************************
LISTE DES PROGRAMMES   -    DEBUT
********************************************************/

#listeProgrammesNew {

}

#listeProgrammesNew:after {
content: "";
display: block;
clear: both;
}

#listeProgrammes {
  width:630px;
  float:left;
}

#listeProgrammes:after {
content: "";
display: block;
clear: both;
}

#listeProgrammes .titre, #listeProgrammesNew .titre {
  color:#86c829;
  font-family:Arial, Helvetica, sans-serif;
  font-size:30px;
  border-bottom:solid #86c829 2px;
  margin-left:45px;
  text-align:left;
  margin-bottom:14px;
}

#listeProgrammes #programme {
	width:630px;
	height:160px;
	border-bottom:solid #e5eced 2px;
	padding-top:16px;
}

#listeProgrammes #programme #vignette {
	width:200px;
	height:128px;
	border:solid #818181 1px;
	float:left;
}

#listeProgrammes #programme #detailProgramme {
	margin-top:0;
	padding-top:0;
	margin-left:208px;
}

#listeProgrammes #programme #detailProgramme .sousTitre {
	line-height:20px;
	font-size:20px;
	color:#025584;
	font-weight:bold;
}

#listeProgrammes #programme #detailProgramme .sousTitre a{
	color:#025584;
	text-decoration:none;
}

#listeProgrammes #programme #detailProgramme .sousTitre a:hover{
	color:#025584;
	text-decoration:none;
}

#listeProgrammes #programme #detailProgramme .infos {
	font-size:14px;
	color:#86c829;
	font-weight:bold;
}

#listeProgrammes #programme #detailProgramme .livraison {
	font-size:14px;
	color:#e00000;
	font-weight:bold;
}

#listeProgrammes #programme #detailProgramme .livraison a {
	font-size:14px;
	color:#e00000;
	font-weight:bold;
	text-decoration:none;
}

#listeProgrammes #programme #detailProgramme .livraison a:hover{
	font-size:14px;
	color:#e00000;
	font-weight:bold;
	text-decoration:underline;
}
/*******************************************************
LISTE DES PROGRAMMES   -    FIN
********************************************************/
/*******************************************************
TEMPLATE PROGRAMME   -    DEBUT
********************************************************/

#templateColonneGauche {
  width:754px;
  margin-right:2px;
  float:left;	
}

#headerTemplate {

}

#headerTemplate #divVignette {
	background-image:url(/images/template/vignetteTemplateBackground.jpg);
	background-repeat:no-repeat;
	float:left;
	width:228px;
}

#headerTemplate #divVignette img {
	border:1px solid #888888;
	margin-bottom:6px;
}

#headerTemplate #divAdresseTexte {
	margin-left:228px;
}

#headerTemplate #divAdresseTexte h1 {
	margin-top:0px;margin-bottom:4px;
}

#headerTemplate #divAdresseTexte h1 {
	margin-top:0px;margin-bottom:4px;
}

#headerTemplate #divAdresseTexte #divAdresse {
	padding-top:15px;
}

#mapOverlay {
	margin-bottom:12px;
	display:block;
	width:223px;
	height:130px;
	border:1px #777788 solid;
}

#formulaireContact {
	padding-left:8px;
	padding-right:8px;
	padding-top:6px;
	border:1px #777788 solid;
	background-color:#FFFFFF;
}

#formulaireContact .titre {
	font-size:14px;
	color:#1f76d7;
}

#formulaireContact img {
	margin-right:6px;
}

#formulaireContact p {
	text-align:justify;
}

#formulaireContact .titreRubrique {
	color:#1f76d7;
	border-bottom:2px #1f76d7 solid;
	margin-bottom:4px;
	margin-top:5px;
	display:block;
	width:207px;
}

.etoiles {
	background: url("/images/template/etoiles.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 15px;
	width: 87px;
}

.etoile1 {
	background-position: right -15px;
}

.etoile2 {
	background-position: right -30px;
}

.etoile3 {
	background-position: right -45px;
}

.etoile4 {
	background-position: right -60px;
}

.etoile5 {
	background-position: right -75px;
}

.etoile6 {
	background-position: right -90px;
}
/*********************************************************/

/* tableau biens neufs */
table.programmesNeufs{width: 100%; background: #e4e4e4; border-top: 1px solid #888; border-bottom: 1px solid #888; margin: 0 0 1em 0;}
table.programmesNeufs td{padding: 5px 0; border-bottom: 1px dashed #888; text-align: center; vertical-align: middle;}
table.programmesNeufs td.ttlBien{font-weight: bold; padding: 5px 0 5px 0;}
table.programmesNeufs td.ttl{font-weight: bold; padding: 5px 0 5px 0;}
table.programmesNeufs td.sttl{font-weight: normal; padding: 0 0 5px 5px;}

/* tableau biens neufs */
table.appartements{background: #e4e4e4; border-top: 1px solid #888; border-bottom: 1px solid #888; margin: 0 0 1em 0; padding:3px;}
table.appartements td{padding: 5px; border-bottom: 1px dashed #888; text-align: center; vertical-align: middle;}
table.appartements td.ttlBien{font-weight: bold; padding: 5px;}
table.appartements td.ttl{font-weight: bold; padding: 5px;}
table.appartements td.sttl{font-weight: normal; padding: 5px;}

/*******************************************************/


/*******************************************************
TEMPLATENEW PROGRAMME   -    DEBUT
********************************************************/
#contenuColonneGauche {
	float:left;
}

#blocPhotos {
	text-align:center;
	width:234px;
	/*padding:0 14px 14px 14px;*/
	border: #888888 1px solid;	
	margin-bottom:10px;
	background:#e4e4e4;
	height:410px;
}

#conteneurImages {
	margin: 0px 0px 14px 16px;
	padding:0;
}

#conteneurImages li{
	width:94px;
	height:94px;
	border:#FFF 1px solid;
	margin: 0px 8px 8px 0px;
	padding:0;
	float:left;
}

#conteneurImages img{
	width:94px;
	height:94px;
}

#blocNotation {
	width:234px;
	/*padding:0 14px 14px 14px;*/
	border: #888888 1px solid;	
	margin-bottom:10px;
	background:#e4e4e4;
}

#blocNotation table {
	margin-left:4px;
}

#blocNotation table td {
	padding:5px 0px 5px 10px;
}

#contenuColonneDroite {
	padding-left:254px;
}

.blocColonneDroite {
	padding:0 8px 8px 8px;
	border: #444 1px solid;	
	margin-bottom:10px;
	background:#FFF;
}

#pave2 {
	padding:0 8px 0 8px;
	border: #444 1px solid;
	margin-bottom:10px;
	background:#FFF;
}

.justifie {
	text-align:justify;
}

#blocProgramme .titre {
	font-size:24px;
	color:#1F76D7;
	margin-top:2px;
	margin-bottom:0px;
	font-weight:bold;
	width:100%;
	height:37px;
	background:url('/images/template/pointilles.png') repeat-x scroll 0 5px transparent;
}

#blocProgramme .icone {
	background: url("/images/template/iconeProgramme.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	width: 26px;
	height:31px;
}

#blocProgramme table td.label {
	width:145px;
	height:34px;
}

#blocProgramme table td.item {
	width:211px;
	height:34px;
	font-weight:bold;
}

#blocResume .titre {
	font-size:18px;
	color:#888888;
	margin-top:4px;
	margin-bottom:0px;
	font-weight:bold;
	width:100%;
	height:31px;
	background:url('/images/template/pointilles.png') repeat-x scroll 0 0px transparent;
}

#blocResume table td {
	width:238px;
	height:34px;
}

#blocResume .informations {
	float:right;
}

#texteComplet {
	text-align:left;
}

#blocPrix .titre {
	font-size:18px;
	color:#888888;
	margin-top:4px;
	margin-bottom:10px;
	font-weight:bold;
	width:100%;
	height:31px;
	background:url('/images/template/pointilles.png') repeat-x scroll 0 0px transparent;
}

#blocContact .titre {
	font-size:18px;
	color:#888888;
	margin-top:4px;
	margin-bottom:10px;
	font-weight:bold;
	width:100%;
	height:31px;
	background:url('/images/template/pointilles.png') repeat-x scroll 0 0px transparent;
}

/*******************************************************
TEMPLATENEW PROGRAMME   -    FIN
********************************************************/


/*******************************************************
TEMPLATE PROGRAMME   -    FIN
********************************************************/


/*******************************************************
ARTICLE/CONTENU   -    DEBUT
********************************************************/

#contenuArticlePaveHorizontal {
	background: #fff repeat-y scroll 0 0;
	border: 1px solid #888888;
	margin-bottom: 16px;
	padding: 0;
	width: 665px;
	box-shadow: 0 0 5px #757575;
}

/*******************************************************
ARTICLE/CONTENU   -    FIN
********************************************************/


#divFormContact {
	text-align:left;
	background-color:#E4E4E4;
	border:1px solid #888888;
	padding-left:10px;
	padding-top:6px;
	width:400px;
}

.labelFormContact {
	float:left;
	width:110px;
	display:block;
	padding-top:2px;
}

#formContact input {
	margin-bottom:4px;
}

#formContact textarea {
	width:370px;
}

#formContact .submit {
background:transparent url(../images/template/boutonEnvoyer.jpg) repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:40px;
width:150px;
float:left;
margin-right:20px;
}

/*******************************************************/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 background-color:#FFFFFF;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 /*display:none;*/
}
.tabberlive .tabbertab h3 {
 /*display:none;*/
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}