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

  Général

*******************************************************************************/
body {
	background: white url('/images/frontend/header2.jpg') repeat-x 0 92px;
	color: #404040;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center; /* Pour centrer #container via les marges négatives sous IE 5.x */
	width: 100%;
}

a {
	color: #dc272c;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}



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

  Conteneurs
  
*******************************************************************************/
#bgContainer{
  background: url('/images/frontend/header.jpg') no-repeat 50% 204px;
}

#container {
	background: url('/images/frontend/background.gif') repeat-y;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	text-align: left;  
	width: 980px;
}



/*******************************************************************************
  
  Entête
  
*******************************************************************************/
#header {
	background: white url('/images/frontend/header3.jpg') no-repeat 0 92px;
	height: 357px;   
	margin: 0 -10px;
}

#logo {
	left: 40px;
  position: absolute;
  top: 5px;
}

#headerMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 30px;
	top: 85px;
}

#headerMenu li {
  background: url('/images/frontend/tab.jpg');
	display: block;
	float: left;   
	font-weight: bold;    
	height: 37px;
	line-height: 37px;
	border-right: 1px solid #c3cbdb;
	text-align: center;    
}

#headerMenu li.current{
  background: url('/images/frontend/tab_selected.jpg');
}

#headerMenu li.last {
  border: none;
}

#headerMenu li a {
	color: #e8e8e8;
	display: block;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
}

#headerMenu li a:hover {
	color: white;
  text-decoration: underline;
}

#headerMenu li.current a {
  color: white;
}

p#restrictedAccess {
	font-weight: bold;
  line-height: 22px;
  margin: 0;
  padding: 0 0 0 32px;	
  position: absolute;
  left: 30px;
  top: 204px;
}

p#restrictedAccess strong {
  font-size: 1.3em;
}

p.restrictedAccessLocked {
  background: url('/images/frontend/locked.gif') no-repeat 0 0;
}

p.restrictedAccessUnlocked {
  background: url('/images/frontend/unlocked.gif') no-repeat 0 0;
}

p#restrictedAccess strong a {
  color: #0D4BA6;
}

p#banner {
	left: 320px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 132px;
}



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

  Gauche

*******************************************************************************/
#left {
  /*float: left;*/
  margin-bottom: 14px;
  margin-top: -65px;
  width: 290px;
}

#left h2 {
	background: url('/images/frontend/box_title1.gif') no-repeat;
	color: white;
	font-size: 1.2em;
	line-height: 29px;
	margin: 0;
	padding-right: 30px;
	text-align: right;
}

#left h3 {
  font-size: 1.2em;
}

#left .box {
  background: #fef6d6 url('/images/frontend/separator2.gif') repeat-x left bottom;  
  padding: 10px 20px 27px 20px;
}

#left h2.box_title2 {
  background: url('/images/frontend/box_title2.gif') no-repeat !important;
}

#left h2 span {
  font-size: 1.2em;
}

#menuProgrammes {
  list-style-type: none;
  margin: 0;
  padding: 0 0 20px 30px;
}

#menuProgrammes ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menuProgrammes li {
  background: url('/images/frontend/puce1.gif') no-repeat left 8px;
  line-height: 20px;
  margin: 0 !important;
  padding: 5px 0 5px 20px;
}

#menuProgrammes li a {
  color: #404040;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}

#menuProgrammes li a:hover {
  color: black;
  text-decoration: underline;
}

#menuProgrammes li li {
  background: url('/images/frontend/puce3.gif') no-repeat left center;
  font-weight: normal !important;
  padding: 0 0 0 20px;
}

#menuProgrammes li li a {
  font-weight: normal;
}

#left li.separateur {
  background: url('/images/frontend/separator1.gif') repeat-x left top;
  font-size: 1px;
  height: 1px;
  line-height: 0;
  padding: 0;
}

#userMenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#userMenu li {
  background: url('/images/frontend/puce4.gif') no-repeat left center;
  line-height: 20px;
  margin: 0 !important;
  padding: 5px 0 5px 20px;
}

#userMenu li a {
  color: #404040;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}

#userMenu li a:hover {
  color: black;
  text-decoration: underline;
}

#dernieres_breves {
  background: #fef6d6 url('/images/frontend/separator2.gif') no-repeat left bottom;
  padding: 5px;
}

#catcher p {
  margin: 0 0 20px 0;
}

h2.box_title3 {
  background: url('/images/frontend/box_title3.jpg') no-repeat !important;
  height: 26px !important;
  margin: 0 !important;
}

#dernieres_breves h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#dernieres_breves p {
  margin: 0 0 20px 0;
}

#favoritePropertyProgramme p.image {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
}

#favoritePropertyProgramme ul.infos {
	font-style: italic;
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
}

#dernieres_breves .categorie {
  color: black;
  font-style: italic;
  font-weight: bold;
  margin: 5px 0 !important;
}

div#partnerCatcher p.map {
  margin: 0;
  padding: 0;
  text-align: center;
}



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

  Contenu

*******************************************************************************/
#content {
	float: right;
  padding: 0 20px 20px 0;
  width: 650px;
}

#content h1 {
  background: url('/images/frontend/title1.gif');
  color: white;
  height: 23px;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 19px;
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  text-align: left;
}

#content h1 .ville {
  font-size: 0.8em !important;
}

#content h2 {
  border-bottom: 3px solid #d7e0ec;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

#content h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}

#content p {
  font-size: 1em;
  line-height: 1.6em;
  margin: 0 0 20px 0;
  text-align: justify;
}

table {
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
}

* html table {
  margin-left: -3px;
}

th {
  background: #6ba2f3 url(../images/frontend/th.gif) repeat-x left bottom;
  border: 1px solid white;
  color: white;
  font-size: 1em;
  font-weight: bold;
  line-height: 20px;
  padding: 5px;
  text-align: center !important;
}

th.entete2 {
  background-color: #d7e0ec;
  color: black;
  letter-spacing: 0.2em;
  padding: 2px 5px !important;
  text-align: center !important;
}

tr.line1 td {
  background-color: #fef6d6 !important;
}

td {
  border-bottom: 1px solid white;
  padding: 2px 5px;
}

table .available {
  background-color: #99FF00;
}

table .option {
  background-color: #f7db13;
}

table .working {
  background-color: white;
}

table .sold {
  background-color: #f0f0f0;
  color: #a0a0a0;
  font-style: italic;
}

table .mine td {
  border-top: 3px solid red;
  border-bottom: 3px solid red;
}

table.sellingsState td {
  text-align: center;
}

table.sellingsState td.buyer,
table.sellingsState td.action {
  text-align: left;
}

table.sellingsState td.price {
  text-align: right;
}

table .mine td.number {
  border-left: 3px solid red;
}

table .mine td.action {
  border-right: 3px solid red;
}

table td.mine {
  border: 3px solid red;
}

table td.document {
  background: url('/images/frontend/document-save.gif') no-repeat left center;
  padding-left: 21px;
}

table td.number {
  font-weight: bold;
}

table.legend {
  width: auto;
}

table.legend td {
  font-style: italic;
  padding: 0 5px;
}

#content ul.default {
  list-style-type: none;
  margin: 0 0 20px 20px;
  padding: 0;
}

#content ul ul {
  margin: 0 0 0 20px !important;
}

#content ul.default li {
  background: url('/images/frontend/puce5.gif') no-repeat 0 5px;
  margin: 3px 0;
  padding-left: 14px;
}

#content dl {
  margin: 0 0 20px 0;
  padding: 0;
}

#content dt {
  color: #0D4BA6;
  width: 150px;
  float: left;
  text-align: right;
  background: url('/images/frontend/puce5.gif') no-repeat right 6px;
  margin-right: 10px;
  padding-right: 14px;
  font-weight: bold;
}

#content dd.haute {
  height: 35px;
}

#content dd {
  margin-left: 174px;
}

#content .cols2-1 {
  float: left;
  margin-right: 20px;
  width: 315px;
}

#content .cols2-2 {
  margin-left: 335px;
}

#content .cols3-1,
#content .cols3-2 {
  float: left;
  margin-right: 25px;
  width: 200px;
}

#content .cols3-3 {
  margin-left: 450px;
}

#content hr.spacer {
  clear: left;
  visibility: hidden;
}



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

  Fil d'Ariane

*******************************************************************************/
.breadCrumbs {
  font-size: 0.8em;
  list-style-type: none;
  margin: 0 0 16px 0 !important;
  text-align: right !important;
}

.breadCrumbs li {
  background: none !important;
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

.breadCrumbs li.lastCrumb {
  color: black;
  font-weight: bold;
}



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

  Pied de page

*******************************************************************************/
#footer {
  background: white url('/images/frontend/footer.jpg') no-repeat;
  clear: both;
  height: 120px;
  margin: 0 -10px;
  padding: 0 20px;
}

#isics {
  position: relative;
  top: 55px;
}

#copyright {
  color: white;
  display: block;
  font-size: 0.8em;
  position: relative;
  text-align: right;
  top: 40px;
}

#footerMenu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;    
  text-align: right;
  top: 60px;
}

#footerMenu li {
  display: inline;
  font-size: 0.8em;
  margin-left: 10px;
}



/*******************************************************************************
  
  Formulaire par défaut
  
*******************************************************************************/
.defaultForm {
  margin: 0 0 20px 0;
}

.defaultForm fieldset {
  border-top: 3px solid #d7e0ec;
  border-right: 1px solid #d7e0ec;
  border-bottom: 1px solid #d7e0ec;
  border-left: none;
  margin: 0 0 20px 0;
  padding: 5px 5px 0 5px;
}

.defaultForm p {
  margin-bottom: 5px !important;
}

.defaultForm span.form-help {
	color: #a0a0a0;
	display: block;
	font-size: 0.9em;
  margin: 0 0 5px 174px;
  position: relative;
  bottom: 4px;
}

.defaultForm legend {
  color: #0D4BA6;
  font-size: 1.2em;
  font-style: italic;
  font-weight: bold;
}

.defaultForm label {
  color: #0D4BA6;
  width: 150px;
  float: left;
  text-align: right;
  background: url('/images/frontend/puce5.gif') no-repeat right 8px;
  margin-right: 10px;
  padding-right: 14px;
  font-weight: bold;
}

.defaultForm textarea {
	font-size: small;
	background: #fff;
	border: 1px solid #d7e0ec;
	padding: 3px;
}

.defaultForm .qte {
  text-align: right;
  vertical-align: top;
  width: 25px;
}

input.textField, select {
	background:#fff;
	border: 1px solid #d7e0ec;
	padding: 1px;
}

input:focus, textarea:focus, select:focus {
	background-color: #fef6d6;
}

.defaultForm .asterisk {
   color: red;
   font-size: 1em;
   font-weight: bold;
   vertical-align: top;
}

.defaultForm .requiredField {
	color: red;
	font-style: italic;
	font-weight: bold;
   margin: 0 !important;
   padding: 0;
   text-align: right !important;
}

.form-errors {
  margin-bottom: 10px;
  border: 1px solid red;
  background-color: #ffc;
}

.form-errors p {
  background: red;	
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
}

.form-errors dl {
  padding: 5px;
}

.form-errors dt {
  font-weight: bold;
  float: left;
  padding-right: 5px;
}

.form-errors dd {
  margin: 0;
}

p.form-error {
	background: url(../images/frontend/error.gif) no-repeat left center;
  color: red;
  font-weight: bold;
  margin: 0 0 0 174px !important;
  padding-left: 15px;
}



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

  Diaporama

A SUPPRIMER !!!

*******************************************************************************/
/*.diaporama {
   text-align: center !important;
}

.diaporama p {
    font-weight: bold;
    text-align: center !important;
}

.diaporama a.agrandir {
   background: url('/images/frontend/loupe.gif') no-repeat center left;
   padding-left: 21px;
}

.diaporama a.image {
   display: block;
   margin: 5px 0;
}

.diaporama a.image img {
   border: 1px solid #d7e0ec;
}

.diaporama ul {
  list-style-type: none;
  margin: -5px 0 10px 0 !important;
  padding: 0 !important;
}

.diaporama li {
  background: none !important;
  display: inline;
  margin: 0 5px !important;
  padding: 0 !important;
}

.diaporama li.courant {
  font-size: 150%;
  font-weight: bold;
}*/



/*******************************************************************************
  
  Programme
  
*******************************************************************************/
table#propertyProgrammeList h2 {
	border: none !important;
	height: auto !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

table#propertyProgrammeList td.image {
  padding: 5px;
  width: 100px;
}

table#propertyProgrammeList td.region,
table#propertyProgrammeList td.law,
table#propertyProgrammeList td.contact {
  text-align: center;
}

div#propertyProgrammeSummary {
  height: 100px;
  margin-bottom: 20px;
}

div#propertyProgrammeSummary ul.infos {
  margin-left: 0 !important;
}

div#propertyProgrammeSummary p.image,
div#propertyProgrammeSummary ul.infos {
  float: left;
  margin-right: 20px;
}

div#propertyProgrammeSummary p.contact {
  text-align: right;
}

ul#propertyProgrammeTabs {
  border-bottom: 2px solid #176ded;
  height: 25px;
  list-style-type: none;
  margin: 0;
  padding: 0;	
}

ul#propertyProgrammeTabs li {
  background: #b0b0b0 url(../images/frontend/tab_foot_top_left.gif) no-repeat left top;
  border-right: 2px solid white;
  font-weight: bold;  
  line-height: 25px;
  margin: 0;
  padding: 0;
  height: 25px;
  display: block;
  float: left;
}

ul#propertyProgrammeTabs li.current {
  background: #176ded url(../images/frontend/tab_foot_top_left.gif) no-repeat left top;
  font-size: 1.2em;
}

ul#propertyProgrammeTabs a {
  background: url(../images/frontend/tab_foot_top_right.gif) no-repeat right top;
  color: white;
  display: block;
  padding: 0 10px;
  text-decoration: none;
}

ul#propertyProgrammeTabs a:hover {
  text-decoration: underline;
}

div#propertyProgrammeTab {
  border: 1px solid #176ded;
  padding: 10px;
}

div.images, div.plans {
  float: left;
  width: 314px;
}



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

  PDF

*******************************************************************************/
a.pdf {
  background: transparent url('/images/frontend/pdf.gif') no-repeat center left;
  display: block;
  line-height: 32px;
  padding-left: 40px;
}



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

  Pager

*******************************************************************************/
.pagination {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 5px 0;
  text-align: center;
}

.pagination li {
  background: none !important;
  display: inline;
  margin: 0 5px !important;
  padding: 0 !important;
}



/*******************************************************************************
   
  Ma maison FLASH

*******************************************************************************/
#mamaison_flash {
  display: block;
  margin: 0 auto;
  width: 450px;
}

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

  Caroussel

*******************************************************************************/
div.carousel-component {
	height: 300px;
	list-style-type: none;
	margin: 0 auto 16px auto !important;
	padding: 0 !important;
  width: 270px;	
}

div.carousel-component .carousel-list li {
  margin: 0 !important;
  padding: 10px 0 0 0 !important;
  height: 290px;
  width: 270px;
}

div.carousel-component a img {
  border: none;
}

div.carousel-component p.carousel-image {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

div.carousel-component p.carousel-image-title {
	color: white;
	height: 40px;
	line-height: 20px;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
  text-align: center !important;
}

p.carousel-arrow-container {
	background: #3f3f3f;
	color: white;
	font-size: 0.8em !important;
	height: 20px;
	line-height: 20px;
  margin: 0 auto !important;
  padding: 10px 10px 0 10px;
  width: 250px !important;
  text-align: center !important;
}

img.carousel-prev-arrow {
	cursor: pointer; 
  float: left;
}

img.carousel-next-arrow {
	cursor: pointer; 
  float: right;
}



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

  Carte des partenaires

*******************************************************************************/
#partnerMap {
	text-align: center !important;
}

#partnerMap img {
  border: none;
}



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

  Fenêtres modales

*******************************************************************************/
#modalbox  h1 {
  background: url('/images/frontend/title1.gif');
  color: white;
  height: 23px;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 19px;
  margin: -10px -10px 10px -10px;
  padding: 0 0 0 20px;
  text-align: left;
}

#modalbox {
  text-align: left !important;
}

#modalbox dl {
  margin: 0 0 20px 0;
  padding: 0;
}

#modalbox dt {
  color: #0D4BA6;
  width: 86px;
  float: left;
  text-align: right;
  background: url('/images/frontend/puce5.gif') no-repeat right 4px;
  margin-right: 10px;
  padding-right: 14px;
  font-weight: bold;
}

#modalbox dd {
  margin-left: 110px;
}