/*
* Couleurs utilisées :
* #96A6B8 pour le body
* #FFFFFF pour le fond de page
* #6078BF pour la bannière
* #809FFF pour le contenu des boites
*
*/

/***** Body and main container *****/

body {
  margin:0 auto;
  padding:0;
  font:76% Verdana,Tahoma,Arial,sans-serif;
  height:100%;
}

#page {
  margin:0 auto;
  width:760px;
  z-index:20;
}
/******************************************************************************
HEADER
*******************************************************************************/
#header {
  height:153px;
  padding:0;
  margin:0;
}
#title {
  position : relative;
  float: left;
  margin-top:0px;
  padding-top: 30px;
  padding-left:50px;
}
#title a{
  color:#FFFFFF;
  font: bold 25px/25px verdana, sans-serif; 
  font-size:3em;
}
#languages {
  position: relative;
  float:right;
  top: 30px;
  right:20px;
  width:100px;
  z-index:4;
}

#breadcrumbs {
  position: relative;
  float:left;
  top: 30px;
  left:20px;
  z-index:4;
}
/* Attention penser à externaliser le style de menu et a mettre en parallelle avec celui de IE*/
/* common styling */
.menu{
  text-align:center;
  padding-top:128px;
  padding-left:5px;
}
.menu ul{
  clear:both;
  list-style: none;
  margin:0;
  padding:0;
}
.menu li{
  float: left;
  margin-left: 5px;
  line-height: 1.4;
}
.menu li a{
  background-repeat: no-repeat;
  background-position: top left;
  height: 15px; 
  width: 120px;
  padding: 0;
  padding-top:4px;
  padding-bottom:6px; /*height+padding-top+padding-bottom=hauteur image onglet*/
  display:block;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
.menu li a:hover{
  background-position: center left;
}
.menu li.active a {
  background-position: bottom left;
}
.sousMenu{
  text-align:center;
  padding-top:0px;
  padding-left:40px;
  margin-top:-23px;
  position:relative;
}
.sousMenu ul{
  /*clear:both;*/
  list-style: none;
  margin:0;
  padding:0;
}
.sousMenu li{
  float: left;
  margin-left: 5px;
  line-height: 1.4;
}
.sousMenu li a{
  background-image: url(sousOngletEte.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 15px; 
  width: 120px;
  padding: 0;
  padding-top:4px;
  padding-bottom:6px; /*height+padding-top+padding-bottom=hauteur image onglet*/
  display:block;
  color: white;;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
.sousMenu li a:hover{
  background-position: center left;
}
.sousMenu li.active a {
  background-position: bottom left;
  color:black;
}
#jsAlert{
  clear:both;
  padding:2em;
  font-weight:bold;
  color:red;
  border:2px solid red;
  background-color:#FAA;
}
#content{
  margin-left : 13px;
  margin-right : 13px;
  margin-top : 35px; 
  margin-bottom : 35px;
  padding-left : 12px;
  padding-right : 12px;
  padding-top : 21px;
  padding-bottom: 21px;
}

/******************************************************************************
FOOTER
******************************************************************************/
#footer{
  height: 211px;
  padding-left : 10px;
}
#footer p{
  position : relative;
  float: left;
  margin-top:60px;
  padding-left: 38px;
}

/***** Various tags *****/
h3 {
  position: relative;
  padding-bottom: 2px;
  padding-right: 25px;
  background-position:  0% 40%;
  background-repeat: no-repeat;
  font: bold 2em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  text-align:right;
}
a {
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

#alLink{
  float:right; 
  overflow:auto;
  margin-top:163px;
  margin-right:0px;
  z-index:100;
}
alLink img{
  border:none;
}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}
/*
 * Style des TIPS de mootools :
 */
.tool-tip {
  color: #abc;
  width: 139px;
  z-index: 13000;
}
.tool-title {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #9FD4FF;
  padding: 8px 8px 4px;
  background: url("./img/bubble.png") top left;
} 
.tool-text {
  font-size: 11px;
  padding: 4px 8px 8px;
  background: url("./img/bubble.png") bottom right;
}
/************
 APPARTEMENTS
 ************/
#appartConteneur{
  min-height: 100%;
  overflow: auto;
}
#appartPlan {
  float: left;
  width: 300px;
  margin: 1em;
}
#appartPlan img {
  border: none;
}

#appartPhoto{
  margin: 1em 0;
}
#leftColumn{
  float:right; 
  width:380px; 
  margin-right:auto;
  margin-left:auto;
}
#appartDescriptif{
  padding:3px; 
  border:1px; 
  border-style:dashed;
  padding:10px;
  margin-bottom:20px;
}
/*Class qui ne sert qu'a ne pas perdre le flow pour la gallery*/
.conteneurGallery{
  overflow: auto;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
ul.thumbs li {
	width:125px;
	text-align:center;
	list-style:         none;
	float:                 left;
	display:             block;
	list-style-image:     none !important;
	margin:                5px 5px 0 5px !important;
}
ul.thumbs {
  list-style:         none;
  margin:             0 auto;
  padding:             0;
  clear:                 both;
}
ul.thumbs li img {
  border:                none;
  margin:                0 !important;
}
ul.thumbs li a {
  background:            none !important;
  text-decoration:    none;
  border:             0;
	width:150px;
}
ul.thumbs li p {
  overflow:            hidden;
}
.thumbs .clearboth { 
  clear:                 both; 
}
.childscontainer {
	margin: 0 auto;
  margin-bottom:        20px;
  float:                left;
}
.thumbscontainer {
  margin-bottom:        20px;
  float:                left;
}
.pagenumbers {
  margin-bottom:        20px;
}
.picturecontainer {
  text-align:            center;
}
.picturecontainer .title {
  font-weight:        bold;
  margin-top:            20px;
}
.picturecontainer .picture img {
  border:                none;
  margin:                0 !important;
}
.picturecontainer .picture a {
  background:            none !important;
  text-decoration:    none;
  border:             0;
}
.managecontainer {
  float:                 left;
}
.managecontainer textarea {
  width:                395px;
}
.managecontainer hr {
  width:                400px;
  text-align:         left;
  margin:             20px auto 20px 0;
}
.pictureform .managepicture {
  float:                left;
  clear:                left;
}
.pictureform .shortfields {
  margin-left:         20px;
  float:                left;
}
.pictureform .clearboth {
  clear:                both;
}
.uploadcounter {
  width:                 20px;
  margin-bottom:         10px;
  float:                left;
  clear:                left;
}
.uploadfile {
  margin-bottom:         10px;
  float:              none;
}
.uploadfile input {
  width:                385px;    
}
.uploadform {
  margin-top:            20px;
  margin-bottom:        -10px;
  clear:                 both;
}
.uploadform .clearboth {
  clear:                both;
}
.slideshowwrapper {
  text-align:            center;
}
.deleteform {
  float:                left;
}
.synchform {
  float:                left;
}