body {		text-align:center;				margin:0px 0px 0px 0px;		font-size:12px; 	background: url(morzine_avoriaz_location/fond_trans.gif);	font-family: verdana, Helvetica, sans-serif ;    scrollbar-face-color: #0D6DAB;    scrollbar-shadow-color: #ccc;
    scrollbar-highlight-color: #0D6DAB;    scrollbar-3dlight-color: #fff;    scrollbar-darkshadow-color: #000000;    scrollbar-track-color: #fff;    scrollbar-arrow-color: #fff;}
*html .conteneur {	margin-right:auto;	margin-left:auto;		margin-top:5px; 	margin-bottom:60px; 	position:relative;		width:802px;	min-height:650px; 	border:1px solid #000000; 	background:#fff;	text-align:center;			}

#conteneur {		margin-right:auto;	margin-left:auto;		margin-top:5px; 	position:relative;	margin-bottom:110px; 	width:802px;	height:650px; 	border:1px solid #000000; 	background:#fff;	text-align:center;			}

#description {	position:absolute;	left:-1px;	top:220px;	width:802px;	height:100%;	border-right:1px solid #000000; 	border-left:1px solid #000000; 	border-bottom:1px solid #000000; 	background:#fff;}
#sitemap {	position:absolute;	left:10px;	top:195px;	width:795px;	height:100%;	text-align: left;}
#mention {	position:absolute;	left:20px;	top:215px;	width:750px;	height:auto;	border-right:1px solid #000000; 	border-left:1px solid #000000; 	text-align: justify;
margin: 0 20px 0 20px; padding: 0 20px 0 20px; }
#bandeau01 {	background: url(morzine_avoriaz_location/alpes_location.jpg) no-repeat top left;	position:absolute;	left:0px;	top:-1px;	width:800px;	height:188px;}
#bandeau02 {	
position:absolute;	
right:40px;	
top:121px !important;	
top:141px;	
width:600px;	height:18px;}

#bandeau03 {
	position:absolute;	right:15px;	width:600px;	height:18px; text-align:right; 
	top:170px  !important;
		top:190px; 
}
#bandeau04 {	position:absolute;	left:15px;	top:180px;	width:250px;	height:390px;}

#accueil a { position:absolute;	left:18px;	top:19px;	width:253px;	height:121px;}

#accueilClick a {	position:absolute;	left:18px;	top:19px;	width:253px;	height:121px;}

#locations a {	background: url(images/locations.gif) no-repeat top left;	position:absolute;	left:300px;	top:36px;	width:222px;	height:85px;}
#locationsClick a {	background: url(images/locationsClick.gif) no-repeat top left;	position:absolute;	left:300px;	top:36px;	width:222px;	height:85px;}
#ventes a {	background: url(images/ventes.gif) no-repeat top left;	position:absolute;	left:544px;	top:36px; width:228px;	height:85px;}
#ventesClick a {	background: url(images/ventesClick.gif) no-repeat top left;	position:absolute;	left:544px;	top:36px;	width:228px;	height:85px;}
#rent a {	background: url(images/elocations.gif) no-repeat top left;	position:absolute;	left:300px;	top:36px;	width:222px;	height:85px;}
#rentClick a {	background: url(images/elocationsClick.gif) no-repeat top left;	position:absolute;	left:300px;	top:36px;	width:222px;	height:85px;}
#sale a {	background: url(images/eventes.gif) no-repeat top left;	position:absolute;	left:544px;	top:36px; width:228px;	height:85px;}
#saleClick a {	background: url(images/eventesClick.gif) no-repeat top left;	position:absolute;	left:544px;	top:36px;	width:228px;	height:85px;}
#frgb a {	background: url(images/eng.jpg) no-repeat top left;	position:absolute;	left:704px;	top:16px;	width:39px;	height:27px;}
#gbfr a {	background: url(images/fra.jpg) no-repeat top left;	position:absolute;	left:704px;	top:16px;	width:39px;	height:27px;}

/**html .pdp {	background: url(morzine_avoriaz_location/banniere_alpes_location_morzine_3.jpg) no-repeat top left;	position:absolute;	bottom: 1px;	margin-left:-350px;	width:800px;	height:83px;}*/
#pdp {	background: url(morzine_avoriaz_location/banniere_alpes_location_morzine_3.jpg) no-repeat bottom left;	position:absolute;	bottom: -35px;	left: 12px;	width:800px;	height:122px;}

#contacts a {	background: url(morzine_avoriaz_location/banniere_alpes_location_morzine_3.jpg) no-repeat top left;	position:absolute;    left: 12px;	top:620px;	width:800px;	height:122px;}

#contactsClick a {	background: url(morzine_avoriaz_location/banniere_alpes_location_morzine_3.jpg) no-repeat top left;	position:absolute;	bottom:10px;	margin:12px;	width: 800px;	height: 122px;}

/********************************************************************************************************
************style des tableaux tab du site : resultatL, resultatV, descriptionL, descriptionV*********/			
.tab table { 	border:1px solid #468ED6; 	border-collapse:collapse; 	margin:auto; overflow: visible;  	margin-bottom: 10px; }

/********************************************************************************************************
************style des lignes en gras des tableaux tab du site : resultatL, resultatV, descriptionL, descriptionV*********/	
.tab th { 	font-family: verdana, Helvetica, sans-serif ;	 	border:1px dotted #6495ed; 	font-size:80%; 	padding:5px; 	background-color:#006699;  	color: white;}

/********************************************************************************************************
************style des lignes des tableaux tab du site : resultatL, resultatV, descriptionL, descriptionV*********/	
.tab td { 	font-family: verdana, Helvetica, sans-serif ;	 	font-size:70%;	border:1px solid #6495ed; 	padding:5px; 	text-align:left; }
/************************************************************************************************************
*********************************On place la div de la photo en grande la partie descritionV**********************************/
#diapoVen {	position:absolute;	left:10px;	top:0px;	height:380px !important;	width:auto;	border:1px solid #000000;
font-size: 11px;}
#diapoVen a{font-size: 11px;}
.monCalqueVen{		position:relative; 	top:0px; 	left:0px; 	width:360px; 	height:auto; 	visibility:visible; }			
.monCadreVen{    z-index: 2; /* on définit une valeur pour l'ordre d'affichage */
	position:relative; 	top:0px; 	left:0px; 	width:380px; 	height:430px;	visibility:visible; 	overflow:auto;	   }
.monCadreComment{ 	position:absolute; 	top:475px; 	left:8px; 	width:385px; 	height:140px;	visibility:visible; 	overflow:auto;	   	color:#0066cc;	font-size:0.9em; 	font-weight: normal;	text-align: left;}
.monCadreCommentVen{ 	position:absolute; 	top:415px; 	left:8px; 	width:385px; 	height:170px;	visibility:visible; 	overflow:auto;	   	color:#0066cc;	font-size:0.9em; 	font-weight: normal;	text-align: left;}
.monCalqueComment{		position:relative; 	top:0px; 	left:2px; 	width:360px; 	min-height:100%; 	visibility:visible; }
.monCadreSitu{ 	position:relative; 	top:0px; 	left:0px; 	width:380px; 	height:100%;	visibility:visible; 	overflow:hidden;	  }
.monterVen{ 		position:absolute; 	top:5px; 	left:365px;  }
.descendreVen{ 	position:absolute; 	top:365px; 	left:365px;  }

/********************************************************************************************************
***************On place et on donne un style à la div du texte d'accueil ************************/	
#texteAccueil {

	font-family: verdana, Helvetica, sans-serif ;
	color:#0066cc;
	font-size:12px; 
	font-weight: normal;
	position:absolute;
	text-align: left;
	top:202px;
	left:26px;
	width:350px;
}
#texteindispo {
	font-family: verdana, Helvetica, sans-serif ;
	color:#0066cc;
	font-size:13px; 
	font-weight: bold;
	position:absolute;
	text-align: left;
	top:82px;
	left:26px;
	width:350px;
	line-height:1.8em;
}
#txtOK {
	position:absolute;
		font-weight: bold;
	left:10px;
}

/********************************************************************************************************
**********************************************On place le texte d'accueil ************************/	
#debutTxt {
	position:absolute;
	font-weight: bold;
	left:1px;
	top: -5px;
}

#milieuTxt {
	position:absolute;
	top:12px;
	left:1px;
}
#milieuTxt2 {
	position:absolute;
	top:180px;
	left:1px;
	color:#CC0000;
	font-weight:bold;
	font-style:italic;
}
#finTxt {
	position:absolute;
	top:325px;
	left:20px;
	text-align: center;	
}
.credits_photos {
	font-family: verdana, Helvetica, sans-serif ;
	color:#0066cc;
	font-size: 0.7em; 
	text-align: justify;
	line-height:0.8em;
	width: 350px;
	
}
/********************************************************************************************************
**********************************************Images placées à gauche ************************/	
.imagesgauche {
	position:absolute;
	top:185px;
	left:5px;
}
.imagesdroite {
	position:absolute;
	left:415px;
	top:185px;
}

#prixVen {	position:absolute;	left:390px;	top:0px;}
			
#tabPrixVen {	position:relative;	left:-196px;	top:380px;	align:left;	color:black;   	font-weight:bold;   	font-size:12px; 	font-family: verdana, Helvetica, sans-serif;	  }


.prix {
	color:black; 
  	font-weight:bold; 
  	font-size:14px; 
	font-family: verdana, Helvetica, sans-serif;	  
}


#cadreContact {
	position:absolute;
	left:-1px;
	top:200px;
	width:802px;
	height:auto;
	background:#fff;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;


}

/************************************************************************************************************
*********************************On place le sous menu de la partie contacts**********************************/
#sMenuContact {
	position:absolute;
	left:10px;
	top:185px;
	width:760px;
	height:10px;
		text-align: right;

}

/************************************************************************************************************
***************pour Internet explorer : On place le sous menu de la partie contacts**********************************/

* html #sMenuContact {
	position:absolute;
	left:10px;
	top:185px;
	width:760px;
	height:10px;
}
.monCalqueContact{	
	position:absolute; 
	top:1px; 
	left:0px; 
	width:748px; 
	min-height:100%; 
	visibility:visible; 
}
			
.monCadreContact{ 
	position:relative; 
	top:1px; 
	left:0px; 
	width:750px; 
	height:365px; 
	visibility:visible; 
	overflow:hidden;	  
	border:1px solid #003399; 
}
.monCadreLien{ 
	position:relative; 
	top:1px; 
	left:0px; 
	width:750px; 
	height:365px; 
	visibility:visible; 
	overflow:hidden;	  
	border:1px solid #003399; }
	
.textLien, .textLien a,  .textLien a:active{
	font-family: verdana, Helvetica, sans-serif ;
	color:#0066cc;
	font-size:10px; 
	font-weight: normal;
	text-align: left;
	decoration: none;
	border: 0px;
}
.textLien a:hover{
	color:#99cc66;
	font-size:11px; 
	decoration: none;
	font-weight:bold;
	
}
.monterContact{ 	
	position:absolute; 
	top:267px; 
	left:755px;  
}

.descendreContact{ 
	position:absolute; 
	top:595px; 
	left:755px;  
}

.baseForm {
	font-family: verdana, Helvetica, sans-serif ;
	color:#0066cc;
	font-size:1em; 
	font-weight: normal;
	text-align: left;
	}
/********************************************************************************
*********style des champs texte des formulaires de recherche ventes et locations*********/
.prixCouch input {
	border:2px solid #ddd;
	background:#fff;
}

/********************************************************************************
*********style des champs boutons des formulaires de recherche ventes
 et locations et de formulaire d'envoi mail de la partie contacts*********/
.prixCouchEnvoi, .contactEnvoi  {
	border:2px solid #ddd;
	background:#fff;
}

/**************************************************************************************************
*********style des champs texte des formulaires de recherche et des boutons lors d'un focus*********/
.prixCouch .focus, .focus {
	border:2px solid #FC7493;
	background:#fff;
} 

/********************************************************************************
*********style des champs texte et des boutons lorsque l'on n'est plus en focus*********/
.prixCouch .nofocus, .nofocus {
	border:2px solid #ddd;
	background:#fff;
}

/**************************************************************************************************
*********style des champs texte des formulaires d'envoi mail et des boutons lors d'un focus*********/
.contact .focus {
	border:2px solid #ddd;
	background:#f0f8ff;
}

/*****************************************************************************************************************
*********style des champs texte des formulaires d'envoi mail et des boutons lorsque l'on est plus en focus*********/
.contact .nofocus {
	border:1px solid #ddd;
	background:#fff;
}

/**************************************************************************************************
*********style des champs texte des formulaires d'envoi mail et des textarea**********************/
.contact input, textarea {
	border:1px solid #ddd;
	background:#fff;
	color:#00008b;
}


			
/**************************************************************************************************
*********style du non survol des lignes du tableau de resultatL et resultatV*********/
.blanc { 
	background-color:#FFFFFF; 
}

/*************************************************************************************************************
*********style du survol des lignes du tableau de resultatL et resultatV et donner un style de curseur*********/
.bleu { 
	background-color:#A0C0F8; 
	cursor:pointer; 
}
			
/**************************************************************************************************
*********supprimer les bordures de toutes les images du sites*********/
img { 
	border:0px; 
}

/**************************************************************************************************
*********on rend invisible les titres et menus sous les images et traits horizontaux pour qu'ils 
apparaissent si le style n'est pas accepté*********/
li {		visibility:hidden;	}
ul {		visibility:hidden;	}

hr {		visibility:hidden;	}
h2 {	font-size:1em;	color:#fff; 	 font-style : italic; 	 	text-align: right;}
h1, h3	{		visibility:hidden; }
h4	{	font-size:1.4em;	color:#0D6DAB;}
h5	{		visibility:hidden;	}
h6, h6 a:active, h6 a	{	font-size:1em;	color:#CC0000;	text-align: right;}
h6 a:hover {	font-size:1em;	color:#0D6DAB;	text-align: right;}
.tcont {
font-size:1em;	color:#0D6DAB;	text-align: right;
}
/**************************************************************************************************
*********************************************************************style de lien du site*********/
a {	
	color: #006699; 
  	font-weight:bold; 
	text-decoration:none; 
	font-family: verdana, Helvetica, sans-serif;	  
}

/**************************************************************************************************
***************************************style de lien du site au survol***************************/
a:hover { 
	color:#929292; 
}

/**************************************************************************************************
********************************style police de certaines parties du site*************************/
.police {	
	font-family: verdana, Helvetica, sans-serif ;		
}

/**************************************************************************************************
***********************************************************style de lien du spéciaux*********/
.lien	{
	font-family:verdana, Helvetica, sans-serif ;	
	font-size: 12px;
	text-decoration:none;	
}
				
/**************************************************************************************************
***********************************************style de lien du spéciaux au survol*********/	
.lien:hover	{ 
	color:#000000;	
}

/******************************************************************************************************************
**************************on place et on donne un style au lien vers le departement serecom de l'iut de chambéry*********/			
#iut {
	font-family:verdana, Helvetica, sans-serif ;	
	font-size:8px;
	text-align: right;
	position:relative;
	right: 20px;
}
#credits{
	font-size:12px;
	text-align: left;
	position:relative;
left: 30px;

}
.hidden{
	visibility:hidden;
}
#plan {
	text-align: center;
	position:relative;
	visibility:hidden;
	
}
#actualite_pdf {
	position:absolute;
	top:200px;
	left:401px;
	padding: 8px;
	border : 2px solid #cc0000;
}

/********************************************************************************************************
***************************************************On place l'image de fond (logo) d'accueil *********/	
#imageAccueil {
	position:absolute;
	top:200px;
	left:301px;
}

/********************************************************************************************************
******************************pour Internet explorer : On place l'image de fond (logo) d'accueil *********/	
* html #imageAccueil {
	position:absolute;
	top:210px;
	left:310px;
}

#imageindispo {
	position:absolute;
	top:0px;
	left:320px;
}

* html #imageindispo {
	position:absolute;
	top:0px;
	left:321px;
}


/************************************************************************************************************
***************On place le cadre des recherches des pages locations, ventes, resltatsL, resultatsV**********************************/

#cadreRech {
/*	background: url(images/cadreRech.gif) no-repeat top left;*/
	position:absolute;
	left:0px;
	top:202px;
	width:800px;
	height:390px;
}

/************************************************************************************************************
*********************************On place la div conteneur des parties descrition**********************************/

/************************************************************************************************************
***************pour Interent explorer : On place la div conteneur des parties descrition**********************************/
* html #diapoLoc {
	position:absolute;
	left:90px;
	top:125px;
	height:200px;
	width:auto;
	border:1px solid #000000;
	padding-left:0; 
	padding-right:0; 
	padding-bottom:0; 
	padding-top:0;
}

/************************************************************************************************************
*********************************On place la div de la photo en grande la partie descritionL**********************************/
#diapoLoc {
	position:absolute;
	left:90px;
	top:125px;
	height:207px;
	width:auto;
	border:1px solid #000000;
	padding-left:0; 
	padding-right:0; 
	padding-bottom:0; 
	padding-top:0;
}

/************************************************************************************************************
*********************************On place la div des petits photos la partie descritionL**********************************/
#photosLoc {
	position:absolute;
	left:90px;
	top:345px;
}

/************************************************************************************************************
*********************************On place la div du tableau des prix de la partie descritionL**********************************/
#tabPrixLoc {
	position:absolute;
	left:470px;
	top:0px;
}

/************************************************************************************************************
*********************************On place la div du tableau des caractéristiques de la partie descritionL**********************************/
#caracteristiqueLoc {
	position:absolute;
	left:0px;
	top:0px;
}




/************************************************************************************************************
*********************************On place la div du tableau des caractéristiques de la partie descritionV**********************************/
#caracteristiqueVen {	position:relative;	left:10px;	top:0px;}

/************************************************************************************************************
*********************************On place le formulaire de recherche des parties locations et ventes**********************************/
#formRech {	position:relative;	top:5px;}

/************************************************************************************************************
*********************************On place la mention *champs obligatoires pour les formulaires de recherche**********************************/
#champsOblig	{
	font-family: verdana, Helvetica, sans-serif ;	
	font-size:12px;
	position:relative;
}
.monCalqueLoc{	
	position:absolute; 
	top:0px; 
	left:0px; 
	width:270px; 
	min-height:100%; 
	visibility:visible; 
}
			
.monCadreLoc{ 
	position:relative; 
	top:0px; 
	left:0px; 
	width:270px; 
	height:100px; 
	visibility:visible; 
	overflow:hidden;	   }

.monterLoc{ 	
	position:absolute; 
	top:7px; 
	left:430px;  
}

.descendreLoc{ 
	position:absolute; 
	top:95px; 
	left:430px;  
}
									
.monCalqueLoc2{	
	position:absolute; 
	top:0px; 
	left:0px; 
	width:300px; 
	min-height:100%; 
	visibility:visible; 
}
			
.monCadreLoc2{ 
	position:relative; 
	top:0px; 
	left:0px; 
	width:300px; 
	height:350px; 
	visibility:visible; 
	overflow:hidden;	   
}

.monterLoc2{ 	
	position:absolute; 
	top:0px; 
	left:290px;  
}

.descendreLoc2{ 
	position:absolute; 
	top:330px; 
	left:290px;
}


			
.monCalqueResultat{	
	position:absolute; 
	top:1px; 
	left:0px; 
	width:770px; 
	min-height:100%; 
	visibility:visible; 
}
			
.monCadreResultat{ 
	position:relative; 
	top:1px; 
	left:5px; 
	width:790px; 
	height:390px; 
	visibility:visible; 
	overflow:auto;	   
}

.monterResultat{ 	
	position:absolute; 
	top:0px; 
	left:700px;  
}

.descendreResultat{ 
	position:absolute; 
	top:335px; 
	left:700px;  
}
								
.monCalqueEven{	
	position:absolute; 
	top:1px; 
	left:0px; 
	width:750px; 
	min-height:100%; 
	visibility:visible; 
}
			
.monCadreEven{ 
	position:relative; 
	top:1px; 
	left:0px; 
	width:750px; 
	height:350px; 
	visibility:visible; 
	overflow:hidden;	   
}

.monterEven{ 	
	position:absolute; 
	top:-10px; 
	left:730px;  
}

.descendreEven{
	position:absolute; 
	top:330px; 
	left:730px;  
}


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

/*********style du sous menu de la partie contacts****************************/
.smenucontact a{
  	font-family: verdana, Helvetica, sans-serif ;	
	font-size:12px;
	color:#27157F;
}
/*au survol*/
.smenucontact a:hover{
  	font-family: verdana, Helvetica, sans-serif ;	
	font-size:12px;
	color:#5175DB;
}
/*dans la sous partie*/
 a.smenucontactactive{
  	font-family: verdana, Helvetica, sans-serif ;	
	font-size:12px;
	color:#5175DB;
}
/*on place le plan d'accès à la station*/
.planAcces {
	position:relative;
	top:8px;
}				
/*********************************
***********************************/
a.info {
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */   
}

a.info span {
   display: none;/* on masque l'infobulle */
}

a:hover .info {
   background: #FFFFFF;
   background: url(images/description.jpg);

/*   background: none; /* correction d'un bug IE */
   z-index: 10; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   width:250px;
   height:auto;
/*   white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 20px; /* on positionne notre infobulle */
   background: #FFFFFF;
   color: #006699;
   padding: 3px;
   border: 1px solid #6495ed;
   border-left: 4px solid #006699;
}