/**********************************************************************************/
/* Feuille de style générale                                                                                                                      */
/**********************************************************************************/

.immobilier-djerba-height {height:867px;}
.investir-en-tunisie-height {height:560px;}
.vente-appartement-height {height:500px;}
.acheter-a-djerba-height {height:550px;}
.immobilier-tunisie-height {height:530px;}
.investir-a-djerba-height {height:560px;}
.formulaire-01-height {height:350px;}
.formulaire-02-height {height:350px;}
.formulaire-03-height {height:400px;}
.affiche-message-height {height:480px;}
.news-height {height:500px;}
.liens-height {height:500px;}
.sous-titre {font-size:115%; text-decoration:underline; margin-left:20px;}   

/* Immobilier-Djerba */

.lien  							{float:right; top:15px;}
.lien-immobilier-tunisie  	       {position:absolute; bottom:-10px; right:35px;}
.lien-immobilier-djerba  	       {position:absolute; bottom:-11px; right:35px;}
.lien-acheter-a-djerba 			{float:right;  margin-right:35px;}
.lien-plan-de-masse  			{float:right; position:relative; margin-top:60px; margin-right:-5px;}
.lien-album  					{position:absolute; top:560px; left:900px;}


.plan-du-site-height {height:430px;}

/* Plan du site */

#mainframe-plan-du-site {position:relative; margin-top:25px; margin-left:200px; width:400px;}
.titre-plan-du-site {position:relative; left:-15px; margin-left:-15px;}

#mainframe-news { height:auto;}

/* Echange de liens */

#listing-liens {width: 840px; height:430px; overflow:auto; margin-left:80px; margin-top:30px;}

.no-border						{border:none;}



/**********************************************************************************/
/* Boites contenues dans l'entête                                                                                                            */
/**********************************************************************************/

#entete	{display:block;
		 position:relative;
		 height: 200px;  width:1000px;
		 background: url(../images/banniere-haut.jpg);
		 background-color:#5c5c5c; 
		 background-repeat:no-repeat;
		 outline-style:none;
		 margin: 0 auto;
		 margin-top:0px;
		 padding-top:0px;
		 margin-bottom:0px;
		 }

#entete-droite,#entete-gauche { width: 203px; height: 155px;}
#entete-gauche	          {float: left; 	  background: url(../images/DA-entete.gif);}
#entete-droite	          {float: right; 	background: url(../images/DA-entete.gif);}

#entete-gauche {width:620px;}

#entete-coin-gauche,#entete-coin-droite	{width: 27px; height: 155px;}
#entete-coin-gauche	  {float: left; 	  background: url(../images/DA-entete-coin-gauche.gif);	}
#entete-coin-droite	  {float: right;	  background: url(../images/DA-entete-coin-droite.gif);	}

#entete-centre	{float: left; width: 340px;	height: 155px;	margin: 0 0px; margin: 0 auto;}
#entete-centre	{background: url(../images/DA-entete-centre.gif);}


#logo-droite	{width: 340px; height: 155px; margin: 0 0px; margin: 0 auto; 
				position:relative; left:310px;}
#logo-droite	{background: url(../images/DA-entete-centre.gif);}

/**********************************************************************************/
/* Boites contenues dans le contenu                                                                                                       */
/**********************************************************************************/

#contenu { position:relative; width:1000px;}
#contenu-gauche {float:left; width: 27px; background: url(../images/DA-contenu-gauche.gif);}
#contenu-droite {float:right; width: 27px; background: url(../images/DA-contenu-droite.gif);}
#contenu-centre {float: left; width: 935px; }

/**********************************************************************************/
/* 	Boites contenues dans le pied                                                                                                        */
/**********************************************************************************/

#pied-coin-gauche  {
  position: absolute;
  width: 27px;
  height:38px;
  left:0;
  background: url(../images/DA-pied-coin-gauche.gif);	
}

#pied-coin-droite {
  position: absolute;
  width: 27px;
  height:38px;
  right:0;
  background: url(../images/DA-pied-coin-droite.gif);	
}

#pied-centre {
  width:950px;
  height:38px;
	margin: 0 auto;
  background: url(../images/DA-pied-centre.gif);	
}

/**********************************************************************************/
/* Structure commune a toutes les pages                                                                                               */
/**********************************************************************************/

#conteneur {
  position:relative;
  top:10px;
  background-color: white;
  width: 1000px;
  margin-top:0px; padding-top:0px;
  margin: 0 auto; 
}

#pied {
  height: 38px;
}

#referencement {
  height: 60px;
 
  text-align : center;
  font-size: 95%;
  color : #747474;
  background-color: #5c5c5c;           
}
/**********************************************************************************/
/* Présentation de l'index (site public)                                                                                                  */
/**********************************************************************************/

.introduction  	{width:300px;}

#entete-index 	{height: 60px; background-color: #5c5c5c;} /* spacer pour laisser une marge au dessus du contenu */

#conteneur-menu, #contenu-bas, #conteneur.index {background-color: #5c5c5c;}
#menu-bas {height: 30px; background-color: #5c5c5c;}
#menu-social{margin-left : 15px;  background-color: #5c5c5c;margin-bottom:-5px; border:none;}


/* l'animaion de l'index inclut le logo ... elle est donc plus haute que le contenu des autres pages */	
#contenu.index {height:469px; text-align:center;} 

#pied.index 						{width: 800px; height:150px; margin: 0 auto; background-color: #5c5c5c;}
#pied.index p 					{font-size: 100%; color: #ffe946; text-align:center; padding:0; margin:0;} 
#pied.index p.le-village-afous 	{font-size: 130%; padding: 20px;}

#choix-langue 			{margin-left:auto; margin-right:auto; padding-left: 70px; width :200px; background-color: #5c5c5c;}
#choix-langue img 		{border: none; margin: 0px 10px 0px 10px; padding: 0; background-color: #5c5c5c;} 

#espace-client 				{text-decoration : none; text-align:center; color:white;}
#espace-client a 			{text-decoration : none; color:white;}
#espace-client a:hover 		{text-decoration : none;}
#espace-client a:active 		{text-decoration : none;}
#espace-client a:visited 	{text-decoration : none;}

#referencement a 			{text-decoration : none; color : #747474;}
#referencement a:visited 	{text-decoration : none;}
#referencement a:active		{text-decoration : none;}
#referencement a:hover 		{text-decoration : none;} 

/**********************************************************************************/
/* Présentation de l'index (espace client )                                                                                             */
/**********************************************************************************/

#centre.index {
	height:430px;
  width: 800px;
  background-color:#5C5C5C;
	margin: 0 auto;
}

/* mise en forme du texte */
P.texte-accueil {
  text-align:center;
	color:#ffffff;
}

/* mise en forme du formulaire d'identification */
#identification {
	margin: 0 auto; 
	width: 350px;
	color: #fffbff;
	background-color: #5c5c5c;
	text-align:left;
}

fieldset {
  border:none;
}

/* mise en forme des label */
LABEL {
	float:left;
	width:100px;
	margin-top: 4px; 
	text-align:right;
}

/* mise en forme des input */
INPUT.textfield {
  margin:3px;
  border: #5c5c5c 1px solid; 
  background-color:#F7f7f7;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

/* centrage du bouton "envoyer" */
P.centre {
	margin:10px;
	text-align:center;
}

.droite {
  float:right;
}

/**********************************************************************************/
/* Présentation des pages                                                                                                                        */
/**********************************************************************************/

/* Immobilier Djerba */

.immobilier-djerba-liste 	{width:600px; position:relative; left:180px;}
.continuer-visite			{font-style:italic;}

#animation-emplacement {
  margin-top:20px;
  width: 946px;
  margin-left: auto;
  margin-right:auto;
}

#animation-emplacement-noflash {
  margin-top:20px;
  width: 946px;
  height:510px;
  margin-left: auto;
  margin-right:auto;
}

#animation-emplacement-noflash-texte {
  position:relative;
  top:150px;
  text-align: center;
}

/* Investir tunisie */

#animation-jour-nuit {
  position:relative;
  top:15px;
  width: 746px;
  height: 149px;
  margin-left: auto;
  margin-right:auto;
}

#contenu-centre-jour-nuit {
  position:relative;
  top:15px;
  margin-left:15px;
  float: left;
  width: 910px;}
  
 /* Plan de masse / Vente-appartement-tunisie */
 
#plan-de-masse	{position:relative; left:90px; top:30px; width:736px;}

.indications-plan-de-masse {font-style:italic; width:420px; position:relative; left:185px; top:10px;}

/* Acheter a Djerba */

.acheter-a-djerba-texte				{width:900px; margin-left:15px;}
.acheter-a-djerba-texte-debut		{width:655px; margin-left:15px;}

/* Immobilier Tunisie */

.immobilier-tunisie-texte		{width:920px; margin-left:15px;}
.immobilier-tunisie-debut		{width:700px; margin-left:15px;}
.immobilier-tunisie-texte-fin	{width:700px; position:relative; left:15px;}


#album	{width:760px; position:relative; left:120px;}

/**********************************************************************************/
/* 	Mise en forme du texte                                                                                                                  */
/**********************************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #5c5c5c;
}

H1 { font-size:1.5em; font-weight:bold;   color:#5CB9E7;  margin-top:10px;  margin-left:3%; font-variant: small-caps;}
H2 { font-size:1.2em; font-weight:bold;   color:#5C5C5C;  margin-top:10px;  margin-left:5%; }
H3 { font-size:1em;   font-weight:bold;   color:#5C5C5C;  margin-top:10px;  margin-left:8%; }


P, UL, OL {
  color:#5C5C5C;
}
UL UL {
  margin-left:3%;
  margin-right:0px;
}

LI {
  margin-top:5px;
  margin-bottom:5px;
  margin-left:5px;
}

P { 
  text-align:justify; 
  text-indent: 3%;
}

P A {
  float: right;
  text-indent:0;
}

/*------------------   Liens ---*/        
a		 	{outline-style:none;}
a:hover     	{outline-style:none; color: black;}
a:active    	{outline-style:none;}
a:visited  	{outline-style:none;}
a img 	   	{outline-style:none;}
a img.social-icon  	{border:none;}
/**********************************************************************************/
/* 	Mise en forme des images d'illustration                                                                                       */
/**********************************************************************************/

.image-a-gauche-intro {
  display:block;
  margin-right:15px;
  margin-left:30px;
  margin-bottom:15px;
  float:left;
}

.image-a-gauche
{
  float:left;
  margin-right:10px;
  margin-top:10px;
}

.image-a-gauche-formulaire-01
{
  float:left;
  margin-left:10px;
  margin-right:10px;
  margin-top:-60px;
}

.image-a-gauche-formulaire-02
{
  float:left;
  margin-left:10px;
  margin-right:10px;
  margin-top:-60px;
}

.image-a-gauche-formulaire-03
{
  float:left;
  margin-left:10px;
  margin-right:10px;
  margin-top:-40px;
}

.image-a-gauche-affiche-message
{
  float:left;
  margin-right:10px;
  margin-top:10px;
  margin-bottom:100px;
}

.image-a-gauche-immobilier-tunisie
{
  float:left;
  margin-right:10px;
  margin-bottom:50px;
  margin-top:50px;
}

.image-a-gauche-plan-du-site
{
  float:left;
  margin-right:40px;
  margin-left:35px;
  margin-bottom:50px;
  margin-top:20px;
}

.image-a-gauche-formulaire{
  float:left;
  margin-left:60px;
  margin-right:-60px;
}

.image-a-droite {
  float:right;
  margin-left:10px;
}

.image-a-droite-acheter-a-djerba{
  float:right;
  margin-top:-45px;
  margin-left:10px;
}

.image-a-droite-immobilier-tunisie {
  position:relative;
  float:right;
  margin-left:10px;
  bottom:10px;
}

.image-a-droite-immobilier-djerba {
 position:absolute;
 bottom:5px;
 right:50px;
}


.image-centre {
  width:150px;
  margin: 0 auto;
}

/* ---------------------------  NoFlash -------------------------- */

#menu-noflash {position:relative; height:22px; top:72px; left:11px;}

.bouton-menu-news
	{
	float:left;
	position:relative;
	background-image:url(../images/djerba-noflash-bouton-news.jpg); 
	width:82px;
	height:22px;}
	
.bouton-menu-news:hover
	{
	background-position: 0 -22px;
	width:82px;
	height:22px;}
	
.bouton-menu-presentation
	{
	float:left;
	position:relative;
	background-image:url(../images/djerba-noflash-bouton-presentation.jpg); 
	width:144px;
	height:22px;}
	
.bouton-menu-presentation:hover
	{
	background-position: 0 -22px;
	width:144px;
	height:22px;}
	
.bouton-menu-plan-du-site
	{
	float:left;
	position:relative;
	background-image:url(../images/djerba-noflash-bouton-plan-du-site.jpg); 
	width:135px;
	height:22px;}
	
.bouton-menu-plan-du-site:hover
	{
	background-position: 0 -22px;
	width:135px;
	height:22px;}

.bouton-menu-concept
	{
	float:left;
	position:relative;
	background-image:url(../images/djerba-noflash-bouton-concept.jpg); 
	width:104px;
	height:22px;}
	
.bouton-menu-concept:hover
	{
	background-position: 0 -22px;
	width:104px;
	height:22px;}

.bouton-menu-album
	{
	float:left;
	position:relative;
	background-image:url(../images/djerba-noflash-bouton-album.jpg); 
	width:89px;
	height:22px;}
	
.bouton-menu-album:hover
	{
	background-position: 0 -22px;
	width:89px;
	height:22px;}

.bouton-menu-contact
	{
	float:left;
	position:relative;
	background-image:url(../images/djerba-noflash-bouton-contact.jpg); 
	width:98px;
	height:22px;}
	
.bouton-menu-contact:hover
	{
	background-position: 0 -22px;
	width:98px;
	height:22px;}
	
.menu-texte a
	{
	text-decoration:none;
	display:block;
	position:relative;
	top:4px;
	text-align:center;
	color:white;
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	}