/*----------------------------------------------------------------------------- 
. NOTES
-----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------- 
. GLOBAL RESET
-----------------------------------------------------------------------------*/

/*div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}*/
form{
	margin:0;padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:circle;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:1.0em;
	margin:0;
}
/*h1,h2,h3,h4,h5,h6{font-size:1.0em;}*/
q:before,q:after{
	content:'';
}
a{
	text-decoration:none;
	cursor:pointer;
}

/*----------------------------------------------------------------------------- 
. COMMON STYLES
-----------------------------------------------------------------------------*/

select {
	font-family:Verdana;
	font-size: 11px;
	background-color:white;
	color:black;
	border-style:none;  
}

input.findbutton {
	background: url(/img/bouton-rechercher-off.gif) no-repeat left top;  
	width:113px;
	height:26px;
	border-style:none;
	cursor:default;
	cursor:pointer;
	cursor:hand; 
}
/*input.findbutton[type=submit] {
  background: url(/img/bouton-rechercher-on.gif) no-repeat left top ;  /* TODO ; faire image on*/
  /*width:113px;
  height:26px;
  border-style:none;
  cursor:pointer;
}*/
/*input.findbutton[type=submit]:hover {
  background: url(/img/bouton-rechercher-on.gif) no-repeat left top ;  
}*/

input.secondary-function {
	background:url(img/btn-demande-groupe-off.png) no-repeat scroll left top;
	/* nb : il y a un léger crénage dans le texte de l'image source */
	border:none;
	color:white;
	cursor:pointer;
	display:block;
	height:31px;
	width:159px;
}

input.paxname {
	width:95%;
}

input.paxbirthdate {
	width:50%;
}

input.textfield {
	width:50%;
}

.informationtextfield {
	/*width:70%;*/
	width:70%;
}



input.calendaricon[type=button] {
	background: url(/img/calendar.gif) no-repeat left top ;/* TODO ; faire image on*/  
	width:24px;
 	height:20px;
	border-style:none;  
	cursor:default;
	cursor:pointer;
	cursor:hand; 
}

h1 {
	font-family:Times;
	font-size:31pt;
	color:white;
}

h1.grouptitle {
	font-size:28pt;
	color:#91A5BF;
}

h2 {
	font-size:2.0em;
	font-family:Times;
	color:#511E42; 
}

h2.marketing{
	font-size:1.9em; 
}

h2.residencetitle {
  	font: 14pt Times, Arial, Verdana,  Helvetica, sans-serif;
  	color:#061A3D;
  	letter-spacing:1px;
}

.userinputlinetitle {
    font: 12px Helvetica, Times, Arial, Verdana, sans-serif;
	color:#511E42;
	letter-spacing:1px;
}

p {
	font-style: normal;
	font-family: Verdana;
	line-height:12px;
	font-size:0.8em;	
}

a.usual, a.simple{
	font: 10pt Arial, Times, Verdana,  Helvetica, sans-serif;
	color:#511E42;
}

a.usual{
	font-weight: bold;
}

a.simple{
	font-size: 8pt;
	text-decoration:underline;
}

a.businessaction, a.bookingprocessaction{
	font: 10pt Helvetica, Arial, Times, Verdana, sans-serif;
	color:white;
	padding:4px;
}

a.businessaction{
	background-color:#5E9DD7;
}

a.bookingprocessaction{
	background-color:#511E42;
}

a.bookinglink {
  	width:93px;
  	font: bold 13px Verdana;
  	line-height:19px;
  	background: url(/img/puce-ronde-reserver.gif) no-repeat left top;  
	background-position:1% 50%;
	padding-right:5px; 
  	text-align:right;
  	background-color:#5E9DD7;
}

div.contentdelimiter, div.fullcontentdelimiter {
  	position: relative;
  	left:10px;
  	top:10px;
  	height:8px;
  	border-top:dotted 1px black; 
}

div.contentdelimiter {
	width:932px;
}

div.fullcontentdelimiter {
	width:942px;
}

div.residencedelimiter, div.groupdelimiter, div.delimiter, div.paymentdelimiter {
  	position: relative;
  	/*margin-top:4px;*/
  	clear:both;
}

div.residencedelimiter, div.groupdelimiter, div.delimiter {
	margin-top:4px;
}

div.paymentdelimiter {
	margin-top:80px;
}

div.residencedelimiter, div.groupdelimiter, div.paymentdelimiter {
  	height:4px;
  	border-top:dotted 1px black;
}

div.comingnextresidencedelimiter {
  	height:20px;
	clear:both;
}

p.notificationerrorsection, p.notificationoksection{
	position:relative;
	padding-left:8px;
}

.notificationerror, .globalnotificationerror, .errorscell{
	color:red;
}

.notificationok{
	color:blue;
	font-weight:bold;
}

.globalnotificationerror{
	font-weight:bold;
	font-style:italic;
	font-size:9pt;
}

.errorscell{
	text-align:left;
}

ul#tab {
  	position: relative;
  	left:0px;
  	top:0px;
  	height: 20px;
	border-bottom:solid 2px white;
	margin:0;
  	padding-left:0px;
}

ul#tab li {
  	float: left;
  	margin:0;
  	padding: 0;
  	list-style-type: none;
}

ul#tab li a { 
  	display: block; 
  	height: 20px;
  	padding-top:5px;
  	text-decoration: none;
	width:99px;
  	font: bold 11px Verdana;
  	padding-left:2px;
}

a.tabactive{
	background: url(/img/onglet-on.gif) no-repeat left top;
	color:white;
}

a.tabdisabled{
	background: url(/img/onglet.gif) no-repeat left top;
	color:#511E42;
}

/* .COMMON STYLES ..animations
---------------------------------------------------------*/

div#groupanimation { 
 	position: relative;
 	border-top:solid 10px #C4C7CC;
 	border-bottom:solid 10px #C4C7CC;
}

div#secondarygroupanimationtop {
 	position: absolute;
 	left:545px;
 	/*top:1021px;*/
 	top:710px;
	width: 311px;
 	height: 15px;
 	background: url(/img/haut-animation-secondaire.gif) no-repeat left top ; 
 	margin-top: 4px;
}

div#secondarygroupanimation {
	position: absolute;
 	right:0px;
	/*top:1040px;*/
	top:729px;
 	width:387px;
 	height:252px;
}

div#secondarygroupanimationbottom {
  	position: absolute;
  	right: 0px;
  	/*top: 1292px;*/
  	top: 981px;
  	width: 387px;
  	height: 60px;
  	background-color: #1D1814;
}

div#secondarygroupanimationbottom h2 {
 	position: absolute;
  	left: 7px;
  	top: 30px;
  	margin:0px;
}

div#secondarygroupanimationbottom a { /* 102013 TODO : hover */
  	font-family:Times;
  	font-size: 0.8em;
  	color:white; 
  	text-decoration:none;
}

/*----------------------------------------------------------------------------- 
. LAYOUT
-----------------------------------------------------------------------------*/

body {
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 0.8em;
  	background-color:#C4C7CC;
	margin:0 auto;
  	width: 1056px;
  	height:100%;
  	/*min-height:100%;*/
}

div#container {
  	position:absolute;
  	float:none;
  	background-color:white;
  	/*height:100%;*/
  	margin:0 auto;
  	width: 1056px;
}

div#left { /* contient le titre de la page à la vertical */
  	position:absolute;
  	width:50px;
  	height:100%; 
}

div#left img {
  	position:absolute;
  	margin:auto;
  	right:8px;
}

div#center {
 	position:absolute;
  	left:50px;
  	width:954px;
  	min-height:100%;
  	margin:0;
  	padding-left:1px;
  	padding-right:1px;
  	background-color:white;
}

div#right { /* equilibre l'alignement horizontal du site */
  	position:absolute;
  	left:1006px;
  	width:50px;
  	height:100%; 
  	vertical-align:top; 
}

/*----------------------------------------------------------------------------- 
.CHARTER
-----------------------------------------------------------------------------*/

/* .CHARTER ..banner
---------------------------------------------------------*/

h1#header {
  	background: url(/img/banniere-haut.gif) no-repeat left top ;
  	height: 78px;
  	width:954px;
  	margin:0; 
}

h1#header a {
  	position:relative;
  	display:block;
  	background: url(/img/petit-logo.gif) no-repeat ;
  	background-position:0% 50%;
  	width:350px;
  	left:10px;
  	top:15px;	 
  	padding-left:65px;
  	padding-top:0px;
  	color:white;
  	margin:0px;
}

ul#flags {
  	position:absolute;
  	right:12px;
  	top:12px;
  	width: 60px;
  	margin:0px;
}

ul#flags li {
  	float: left;
  	margin:0;
  	padding: 0;
  	list-style-type: none;
}

ul#flags li a { 
  	display: block; 
  	height: 16px;
  	width: 25px;
  	padding-left:5px;
}

ul#flags li a.french { 
  	background: url(/img/drapeau-francais.gif) left top no-repeat;
}

ul#flags li a.english { 
  	background: url(/img/drapeau-anglais.gif) left top no-repeat;
}

/* .CHARTER ..menu
---------------------------------------------------------*/

ul#menutop {
  	position: relative;
  	left:0px;
  	top:0px;
  	height: 23px;
  	border-bottom:solid 2px #AEACAB;
  	width:954px;
  	margin:0;
  	background: url(/img/banniere-bas.gif) left top no-repeat;
  	padding-left:0px;
}

ul#menutop li {
  	float: left;
  	margin:0;
  	padding: 0;
  	list-style-type: none;
}

ul#menutop li a { 
  	display: block; 
  	/*height: 23px;*/
	height: 20px;
  	padding-top:5px;
  	padding-left:9px;
  	color: #061940;
  	font: 10px "Arial";
  	font-weight:bold;
  	text-decoration: none;
}

ul#menutop li a.history { 
  	width: 184px;
  	background: url(/img/menu-relais-historiques-et-prestige.gif) left top no-repeat;
}

ul#menutop li a.citadines { 
  	width: 116px;
  	background: url(/img/menu-residences-citadines.gif) left top no-repeat;
}

ul#menutop li a.sea { 
  	width: 96px;
  	background: url(/img/menu-residences-mer.gif) left top no-repeat;
}

ul#menutop li a.mountain { 
  	width: 122px;
  	background: url(/img/menu-residences-montagne.gif) left top no-repeat;
}

ul#menutop li a.campaign { 
  	width: 122px;
  	background: url(/img/menu-residences-campagne.gif) left top no-repeat;
}

ul#menutop li a.prospace { 
  	width: 76px;
  	background: url(/img/menu-espace-pro.gif) left top no-repeat;
}

ul#menutop li a.bookingcancellation { 
  	/* version avec bord gauche inférieur rose pour être accolé avec le bouton espace pro */
	/* IMPORTANT : remettre cette version une fois l'espace pro rajouté */ 
	/*width: 66px;
  	background: url(/img/menu-annulation-reservation.gif) left top no-repeat;*/
	
	
	/* version sans le bouton espace pro, on utilise l'image contact, par conséquent on agrandit le width */
	/*width: 89px;*/
	width: 87px;
  	background: url(/img/menu-contact.gif) left top no-repeat;	
}

ul#menutop li a.contact { 
  	width: 100px;
 	background: url(/img/menu-contact.gif) left top no-repeat;
}

ul#menutop a:hover {
  	color: #006EAE;
}
/*102013 todo : boutons actifs */

/* .CHARTER ..breadcrumb ..bookingsteps
---------------------------------------------------------*/

div#breadcrumb, div#bookingsteps {
	padding:2px 2px 2px 12px;
	margin:4px 0px 0px 0px;
	color:#511E42;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

div#breadcrumb a{
	color:#511E42;	
}

div#breadcrumb a.welcome, div#breadcrumb a.only-welcome{
	color:#91A5BF;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-right:5px;
	margin-top:-1px;
}

div#breadcrumb a.welcome{
	float:left;
}

div#breadcrumb a.only-welcome{
	width:200px;
}

div#bookingsteps a{
	padding-left:20px;
	color:blue;
}

div#bookingsteps p{
	font-size:10px;
	padding-bottom:0px;
}


div#bookingsteps p.inactive{
	padding-left:23px;
}

/* .CHARTER ..marketing
---------------------------------------------------------*/

div#marketingcontent {
  	position: relative;
  	left:15px;
  	top:11px;
  	width:924px;
  	height:195px;
}

h2#servicestitle {
  	position: absolute;
  	left:0px;
  	top:0px;
  	background: url(/img/services.gif) left bottom no-repeat;
  	width:493px;
  	height:172px;
  	margin:0px;
}

p#servicesdescription {
  	position: absolute;
  	left:150px;
  	top:40px;
  	font-weight:bold;
  	line-height:14px;
  	margin:0px;
  	width:400px;
}

h2#promotionstitle {
  	position: absolute;
  	left:553px;
  	top:0px;
  	background: url(/img/promo-sejours.gif) left bottom no-repeat;
  	width:100%;
  	height:172px;
  	margin:0px;
}

div#bookpromotion {
  	position: absolute;
  	left:691px;
  	top:31px;
  	width:44px;
  	height:110px;
  	background: url(/img/promotion.gif) left bottom no-repeat;
}

h2#newslettertitle {
  	position: absolute;
  	left:744px;
  	top:0px;
  	background: url(/img/newsletter.gif) left bottom no-repeat;
  	width:100%;
  	height:172px;
  	margin:0px;
}
div#newslettersigningup {
  	position: absolute;
  	left:881px;
  	top:31px;
  	width:44px;
  	height:110px;
  	/*background: url(/img/inscription-newsletter.gif) left bottom no-repeat;*/
}

/* .CHARTER ..footer
---------------------------------------------------------*/

div#footercontent {
	position: relative;
	left:15px;
  	top:11px;
  	width:924px;
  	height:160px;
}

div#leftfooter{
  	position: absolute;
  	left:0px;
  	top:0px;
  	background: url(/img/ligne-pied-de-page.gif) left top repeat-x;
  	width:863px;
  	height:141px;
}

#leftfooter ul, #leftfooter li {
	margin:0;
	padding: 0;
	list-style-type: none;
}

#leftfooter ul {
	float:left;
	margin-left:10px;
	margin-top:20px;
	padding-right:30px;
}

#leftfooter li a { 
  	color: black;
  	font: 10px "Arial";
  	font-weight:bold;
  	text-decoration: none;
}

div#rightfooter{
  	position: absolute;
  	left:863px;
  	top:0px;
  	background: url(/img/droite-pied-de-page.gif) left top no-repeat;
  	width:100%;
  	height:141px;
}

/* .CHARTER ..search
---------------------------------------------------------*/

div#searchcriterias {
  	position: absolute;
  	right:0px; 
  	top:0px;
  	background: url(/img/recherche-detail.gif) left top no-repeat;
  	width:388px;
  	height:274px;
}

div#searchcriterias p {
  	position: absolute;
  	top:10px;
  	left:120px;
  	font-size: 1em;
  	margin: 1em 1em 1em 1em;
	text-align: left;
	color: white;
	font-style: normal;
	font-family: Arial;
	font-weight:bold;
	line-height:20px;
}

div#searchcriterias span#findbutton{ 
  	position: absolute;
  	left:200px;
  	top:210px;
}

/* 102013 TODO : à vérifer aprés intégration du flash */
div#searchbyregion, div#searchbyregiontop{
  	position: absolute;
  	right:0px; 
  	/*background: url(/img/recherche.gif) left top no-repeat;*/
  	width:388px;
  	height:162px;
}

div#searchbyregion{
	top:283px;
}

div#searchbyregiontop{
	top:0px;
}

/* 102013 TODO : enlever ce qui ne sert plus */

div#searchbyregion span.frenchmap, div#searchbyregiontop span.frenchmap{
  	position: absolute;
  	left:10px;
  	top:25px;
  	background: url(/img/carte-france.gif) left top no-repeat;
  	width:179px;
  	height:180px;
}

div#searchbyregion span.select, div#searchbyregiontop span.select{
  	position: absolute;
  	right:1px;
  	top:141px;
}

/* .CHARTER ..content ..rightcolumn 
---------------------------------------------------------
remarks : class name that finish with "top" corresponds to the charter
without search block on the top of the right column
*/

div#groupslinkslisting, div#groupslinkslistingtop {
  	position: absolute;
  	right:0px;
  	width:388px;
  	height:1000px; /* 102013 TODO : régler prob de la hauteur */
}

div#groupslinkslisting {
	top:492px;
}
	
div#groupslinkslistingtop {
	top:207px;
}

div#groupslinkslisting div.grouplinktag, div#groupslinkslistingtop div.grouplinktag {
  	position: relative;
  	width:100%;
  	height:90px;
}

div.grouplinktag a.icon{
  	float:left;
  	width:83px;
}
div.grouplinktag div.littleresume{
	float:left;
	width:305px;
}

div.littleresume p{
	height:52px;
	overflow-y:auto;
	margin:0px;
}

div.grouplinktag h2{
  	font-size: 1.3em;
  	font-weight: bold;
  	font-family: Times;
  	padding-left:5px;
}

div.grouplinktag p{
  	color:#4C525B;
  	font-size: 11px;
  	font-weight: bold;
  	font-family: Arial;
  	padding:2px 2px 2px 5px;  
}

div.grouplinktag a.textlink{
  	font-size: 9px;
  	font-weight: bold;
  	padding-left:5px;
}

/* 102013 TODO : faire les hover */
a.historylink{
  	color:#957401;
}

a.citadineslink{
  	color:#7C0202;
}

a.sealink{
  	color:#1C5E8E;
}

a.mountainlink{
	color:#ACACAD;
}

a.campaignlink{
  color:#088302;
}

/* .CHARTER ..availabilities-search-resume
---------------------------------------------------------*/
div.availabilities-search-resume{
	position:relative;
	padding:3px 5px 5px 5px;
	color:#5E9DD7;
	font-weight:bold;
	font-style:italic;
}

/*----------------------------------------------------------------------------- 
.WELCOME PAGE
-----------------------------------------------------------------------------*/

/* .WELCOME PAGE ..icons
---------------------------------------------------------*/

ul#groupsicons {
	position: relative;
	left:2px;
  	top:0px;
  	height: 198px;
	width:954px;
	padding-top:5px;
	padding-left:0px;
	margin:0px;
}

ul#groupsicons li {
  	float: left;
  	margin:1px;
	padding: 0;
	list-style-type: none;
}

ul#groupsicons li a { 
  	display: block; 
  	height: 198px;
  	width: 188px;
  	color: #061940;
  	font: 10px "Arial";
  	font-weight:bold;
  	text-decoration: none;
}

ul#groupsicons li a.history { 
 	background: url(/img/icone-relais-historiques-et-prestige.gif) left top no-repeat;
}

ul#groupsicons li a.citadines { 
 	background: url(/img/icone-residences-citadines.gif) left top no-repeat;
}

ul#groupsicons li a.sea { 
 	background: url(/img/icone-residences-mer.gif) left top no-repeat;
}

ul#groupsicons li a.mountain { 
 	background: url(/img/icone-residences-montagne.gif) left top no-repeat;
}

ul#groupsicons li a.campaign { 
 	background: url(/img/icone-residences-campagne.gif) left top no-repeat;
}

/* .WELCOME PAGE ..content
---------------------------------------------------------*/

div#welcomecontent {
	position: relative;
	left:14px;
	top:0px;
	width:928px;
	min-height:660px;
	margin-top:10px;
}

div#welcomeillustration {
 	position: absolute;
 	left:0px;
 	top:0px;
 	background: url(/img/illustration-accueil.gif) left top no-repeat; 
 	width:533px;
 	height:462px;
}

h2#welcomeintroductiontitle {
  	position: absolute;
  	left:0px;
  	top:455px;
  	width:526px;
  	background-color:#A4A29A;
  	margin:0px;
  	padding-left:7px;
  	height:47px;
}

p#welcomeintroduction {
 	position: absolute;
 	left:0px;
 	top:502px;
 	width:526px;
 	margin:0px;
	padding-left:0px;
	padding-top:8px;
	text-align:justify;
}

div#welcomeadvising {
	position: absolute;
	right:0px;
	top:478px;
	/*background: url(/img/prochaines-ouvertures.gif) left top no-repeat;*/
	width:379px;
	height:179px;
}

/*----------------------------------------------------------------------------- 
.RESIDENCE GROUP PAGE
-----------------------------------------------------------------------------*/

/*div#historygroupillustration, div#citadinesgroupillustration, div#seagroupillustration, div#mountaingroupillustration, div#campaigngroupillustration, div#historyresidenceillustration, div#citadinesresidenceillustration, div#searesidenceillustration, div#mountainresidenceillustration, div#campaignresidenceillustration {
	position:relative;
 	height: 175px;
 	width:954px;
	margin:0;
}*/
div#groupillustration {
	position:relative;
 	height: 175px;
 	width:954px;
	margin:0;
}



/*div#historyresidenceillustration, div#citadinesresidenceillustration, div#searesidenceillustration, div#mountainresidenceillustration, div#campaignresidenceillustration {
	position:relative;
 	height: 210px;
 	width:954px;
	margin:0;
}*/
div#residenceillustration {
	position:relative;
 	height: 210px;
 	width:954px;
	margin:0;
}

/* 102013 : ça ne marche pas ?? */
/*div#historyillustration, div#citadinesillustration, div#seaillustration, div#mountainillustration, div#campaignillustration span#c2alogo{*/
span#groupillustrationc2alogo {
	position:absolute;
	right:0px;
	top:138px;
	background: url(/img/logo.gif) left top no-repeat;
	width:127px;
	height:32px;  
}

h1#groupillustrationtitle, h1#groupillustrationtitletop{
  	position:absolute;
  	left:12px;
  	height: 42px;  
  	width:954px;
  	margin:0; 
}

h1#groupillustrationtitle{
	top:134px;
}

/*div#historygroupillustration, div#historyresidenceillustration {
  background: url(/img/residence/history/illustration.png) no-repeat left top ;
}
div#mountaingroupillustration, div#mountainresidenceillustration {
 	background: url(/img/residence/mountain/illustration.gif) no-repeat left top ;
}
div#campaigngroupillustration, div#campaignresidenceillustration {
 	background: url(/img/residence/campaign/illustration.png) no-repeat left top ;
}
div#seagroupillustration, div#searesidenceillustration {
 	background: url(/img/residence/sea/illustration.png) no-repeat left top ;
}
div#citadinesgroupillustration, div#citadinesresidenceillustration {
 	background: url(/img/residence/citadines/illustration.png) no-repeat left top ;
}*/


/* DEB 102013 TEST FT */
div#testgrouptitle {
	position:relative;
 	
	height: 20px;
	margin:0px;
	
	/*height: 175px;
 	width:954px;
	margin:0;*/
}
div#testgrouptitle h1{
	position:absolute;
	left:12px;
	
	padding:0;
	margin:0;
	
	/*position:relative;*/
 	/*height: 175px;
 	width:954px;
	margin:0;*/
}

/* END 102013 TEST FT */


/* .RESIDENCE GROUP PAGE ..content
---------------------------------------------------------*/

div#groupcontent {
 	position: relative;
 	left:12px;
 	top:0px;
	width:932px;
 	min-height:1043px;  /* 102013 TODO check it*/
 	margin-top:10px;  
}

/* .RESIDENCE GROUP PAGE ..content ...listing
---------------------------------------------------------*/

div#residenceslisting {
  	position:relative; 
  	background-color:#DCDDE1;
}

div#beginanchor {
  	position:relative;
  	text-align:right;
  	background-color:#DCDDE1; 
}

div#beginanchor a{
	padding:3px;
}

div#residenceslisting h2 {
  	margin:0px;
  	padding-left:7px;
  	height:47px; 
}

div#residenceslisting p {
  	margin:0px;
  	padding-left:7px;
  	padding-right:7px;
  	padding-top:0px;
  	padding-bottom:10px;
  	text-align:justify;
}

/* .RESIDENCE GROUP PAGE ..content ...listing ....filter
---------------------------------------------------------*/

div#residencefilter {
  	position: relative;
  	padding:5px;  
  	background-color:#c4c7cc;
  	color:#0A1A3C;
}

div#residencefilter #searchedGroup, div#residencefilter #searchedZone, div#residencefilter #searchedBudget{
	font-size:10px;
	color:#6666cc;
	border-style:solid;
	border-color:#6666cc;
	border-width:1px;
}

/* .RESIDENCE GROUP PAGE ..content ...listing ....tag
---------------------------------------------------------*/

div.residencetag {
  	position: relative;
  	width:100%;
  	height:122px;
  	background-color:#0A1A3C;
}

div.residencetag img, div.residencetag h3, div.residencetag p, div.residencetag input, div.residencetag a {
  	position:absolute;
}

div.residencetag h3 {
  	background: url(/img/puce-ronde.gif) no-repeat left center; 
  	color:#5E9DD7;
  	font: bold 16px Times; 
  	padding: 0px 0px 0px 20px;
 	margin: 5px 0px 0px 175px;
}

div.residencetag img {
  	width:163px;
  	margin: 0px 0px 0px 7px;
} 

div.residencetag p {
  	left:188px;
  	top:30px;
  	color:white;
  	width:320px;
}

div.residencetag input {
  	border:none;
  	right:0px;
  	bottom:0px;
  	width:99px;
  	height:20px;
  	color:white;
  	font: bold 14px Verdana;
  	text-align:center;
}

div.residencetag a {
  	display: block; 
  	border:none;
  	bottom:0px;
  	height:20px;
  	color:white;
}

div.residencetag a.godescription {
  	width:99px;
  	font: bold 11px Verdana;
  	line-height:18px;
  	background: url(/img/voir-fiche.gif) no-repeat left top;
  	right:245px;
  	padding-left:2px;
}

div.residencetag a.gobooking {
  	right:0px;
}

/* .RESIDENCE PAGE ..banner
---------------------------------------------------------*/

h1#groupillustrationtitletop{
	top:100px;
}

h2#residenceillustrationtitle{
  	position:absolute;
  	left:12px;
  	/*top:145px;*/
	/*top:175px;*/
	top:177px;
	
	height:42px;  
  	width:954px;
  	margin:0; 
}

/* .GROUP PAGE, RESIDENCE PAGE, AVAILABILITY PAGE, WEB SURFER PAGE ..content ...left content
---------------------------------------------------------*/

div#groupleftcontent, div#residenceleftcontent, div#searchleftcontent { 
 	position: relative;
  	left:0px;
  	top:0px;
	width:536px;  	
  	background-color:#DCDDE1;  
}

div#groupleftcontent { 
	min-height:1041px; 		
}

div#residenceleftcontent, div#searchleftcontent { 
	min-height:988px; 
}

/* .RESIDENCE PAGE ..content
---------------------------------------------------------*/

/* 102013 TODO : regrouper les classes identiques, residencecontent et groupcontent, searchcontent, bookingcontent */
div#residencecontent, div#availabilitiescontent {
 	position: relative;
  	left:12px;
  	top:0px;
  	width:932px;
  	/*height:1354px;*/ /* 102013 TODO cf. si mettre hauteur en dur peut poser prob */
  	/*height:1043px;*/
  	/*min-height:995px;*/
  	min-height:1000px; 
  	margin-top:10px;  
}

/* .RESIDENCE PAGE ..content ...left content ....description
---------------------------------------------------------*/

div#residencedescription {
  	position: relative;
}

/* 102013 controler l'utilite des classes ci dessous : */
div#residencedescription p{
  	margin:0px;
  	padding-left:7px;
  	padding-right:7px;
  	text-align:justify;
  	padding-top:4px;
  	padding-bottom:10px;
}

/* .RESIDENCE PAGE ..content ...left content ....resume
---------------------------------------------------------*/

div#residenceresume{
  	position: relative;
  	width:100%;
  	min-height:120px; /* 102013 pour que firefox applique une hauteur au div (afin de positionner le lien 'Réservation') */  
  	padding-bottom:5px;
  	margin-bottom:10px;
	padding-top:4px;
}

div#residenceresume div.picture{
  	text-align:center;
  	float:left;
  	width:25%;
}

div.picture img.thumbnail{
	/*max-width:120px;*/
	max-width:118px; /* 102013 vérifier si ça résout le problème du collage du texte dans les pages de booking */
	padding-top:3px;
}

div#residenceresume div.resume{
  	float:left;
  	width:75%; 
}

div.resume h3{
  	color:#511E42;
 	font: bold 14px Helvetica, Verdana, Arial, sans-serif;
  	margin:0px;
  	padding:0px; 
  	letter-spacing:1px;
}

div#residenceresume img.star {
	position:relative;
	text-align:center;
	margin-right:3px;
}
 
div#residenceresume p {
  	text-align:left;
  	padding-left:0px;
  	padding-top:10px;
}

div#residenceresume a#bookingformlink {
  	position:relative;
  	color:#511E42;
  	font: 11pt Arial, Times, Verdana,  Helvetica, sans-serif;
  	background: url(/img/puce-ronde-liens-residence.gif) no-repeat;
  	background-position:0% 50%;
  	bottom:0px;
  	padding:0px 0px 0px 20px;
  	/*margin-right:5px;*/
  	margin-right:0px;
  	margin-top:7px;
 	float:right;	
}

div#residenceresume div#group-request {
  	position:relative;
  	bottom:0px;
  	padding:0px 0px 0px 20px;
  	margin-right:7px;
 	float:right;
}
	
/* .RESIDENCE PAGE ..content ...left content ....details
.RESIDENCE PAGE ..content ...left content ....pictures
.RESIDENCE PAGE ..content ...left content ....map
---------------------------------------------------------*/

div#residencedetails, div#residencepictures, div#residencemap, div#residencerates{
  	position: relative;
  	margin:0px 0px 25px 0px;
	background-color:#C4C7CC;
	/*min-height:510px;*/   /* 102013 check it*/
	min-height:400px;   /* 102013 check it*/
}

div#residencerates p{
	padding-top:16px;
	font-size: 12px;
}
div#residencerates a{
	text-decoration:underline;
}

/* .RESIDENCE PAGE ..content ...left content ....details
---------------------------------------------------------*/

div#residencedetails{
	padding:5px;	
}

div#residencedetails h4{ 
	position:relative;
  	text-decoration:underline;
	/*color:white;*/
	color:#511E42;
  	font: 13px Arial; 
  	margin-top:10px;
 	margin-bottom:0px;
  
	/* pour l'affichage de la puce : */  
  	/*background: url(/img/puce-ronde-residence.gif) no-repeat;*/
	/*background: url(/img/puce-ronde-liens-residence.gif) no-repeat;*/
  	/*padding-left:22px;*/
		
}

div#residencedetails p{ 
  	margin:0;
  	padding:10px 0px 10px 0px;
  	text-align:justify;
  	/*color:white;*/
	color:#511E42;
}

div#residencedetails p.pdf-link{ 
  	text-align:right;
  	font-weight:bold;
  	font-size:8pt;
}

/* .RESIDENCE PAGE ..content ...left content ....pictures
---------------------------------------------------------*/

div#residencepictures{
  	width:100%;
  	text-align:center;
	padding-top:10px;
}

div#residencepictures div.pictureview{
	text-align:center;
  	float:left;
  	width:62%;
}

div.pictureview img{
	max-width:300px;
}

div#residencepictures div.picturesavailables{
	text-align:left;
  	float:left;
  	width:38%;
}

div.picturesavailables div.pictureavailable{
	float:left;
	text-align:center;
	width:33%;
	padding-bottom:3px;
}

div.picturesavailables img{
	width:64px;
	height:64px;
}

/* .PAGE WITH USER INPUT FORM
---------------------------------------------------------*/

/* 102013TODO généraliser au fur et à mesure */

div.userinputstitle, div.acceptconditionsofuse{
	position:relative;
	margin-bottom:10px;
	height:20px;
	padding:5px;
}

div.userinputstitle{
	/*background-color:#511E42;*/
	/*background-color:#98A8BE;*/
	background-color:#8E98A6;
}

div.acceptconditionsofuse{
	text-align:right;
	margin-top:30px;
}

div.userinputstitle h4, div.userinputstitle h2, div.acceptconditionsofuse h2{
	font: 11pt Helvetica, Times, Verdana,  Helvetica, sans-serif;
	letter-spacing:2px;
}

div.userinputstitle h4, div.userinputstitle h2{
	color:white;
}

div.userinputline {
	position:relative;
	padding:5px 0px 13px 0px;
	margin:0px 0px 2px 0px; 
}

div.userinputline h5{
    font: 12px Helvetica, Times, Arial, Verdana, sans-serif;
	color:#511E42;
	letter-spacing:1px;
}

span.userinputlinefield, span.dateuserinputlinefield{
	font: 9pt Helvetica, Arial, Times, Verdana, sans-serif;
	position:absolute;
	left:200px;
}

span.userinputlinefield{
	padding-top:2px;
}

span.dateuserinputlinefield{
	padding-top:0px;
}

/* .RESIDENCE PAGE ..content ...left content ....booking criterias
.AVAILABILITY PAGE ..content ...left content ....availabilities listing
.BOOKING PAGE ..content ...paxes form

---------------------------------------------------------*/

form#availabilitiessearch{
	clear:both;
}

div#availabilitysearchcriterias, div#availabilitieslisting{
	position:relative;
	padding:3px 5px 5px 5px;
}

div#availabilitieslisting{
	padding-top:0px;
}

div#availabilitysearchcriterias h4, div#availabilitieslisting h4{
	padding:0px 0px 10px 0px;
}

div#availabilitieslisting p{
	font-size:13px;
}

div#availabilitysearchcriterias h5{
	padding:4px 0px 0px 0px;
	display:inline;		
}

div#availabilitysearchcriterias div#chidrenagetitle, div#availabilitysearchcriterias div#searchlink{
	position:relative;
	padding:5px 0px 13px 0px;
	margin:0px 0px 2px 0px; 
}

div#availabilitysearchcriterias div#searchlink{
	margin:0px 0px 17px 0px; 
}

table.residencepaxes, table.bookingresidencepaxes {
	border-collapse:separate;
	border-spacing:2px;
	width:100%;
	font: 11px Helvetica, Arial, Times, Verdana, sans-serif;
	text-align:center;
	margin-top:5px;
}

table.bookingresidencepaxes {
	margin-bottom:5px;
}

table.residencepaxes td.title, table.bookingresidencepaxes td.title, table.residencepaxes td.childrennumbertitle, table.residencepaxes td.apartmenttitle, table.bookingresidencepaxes td.apartmenttitle{
	background-color:#C4C7CC;
	font-size:12px;
	color:#511E42; 	
}

table.residencepaxes td.apartmenttitle, table.bookingresidencepaxes td.apartmenttitle, table.residencepaxes td.apartmentcell, table.bookingresidencepaxes td.firstname, table.bookingresidencepaxes td.lastname, table.bookingresidencepaxes td.birthdate{
	width:25%;	
}

table.residencepaxes td.childrenagecell, table.residencepaxes td.childrennumbertitle{
	width:45px;	
}

table.bookingresidencepaxes td.cell{
	padding-top:8px;
}

div#searchlink a{
	float:right;
}

/* .RESIDENCE PAGE ..content ...left content ....down links 
---------------------------------------------------------*/

div#residencedetailslinks{
	position:relative;
}

div#residencedetailslinks a{
	float:left;
	text-decoration:none;
	padding:0px 0px 0px 20px;
	font: 9pt Arial, Times, Verdana,  Helvetica, sans-serif;
	background: url(/img/puce-ronde-liens-residence.gif) no-repeat;
	background-position:0% 50%;
	margin:5px;
	color:black;
}

/* .AVAILABILITY PAGE ..content ...left content ....booking criterias
---------------------------------------------------------*/

div#availabilitysearchcriterias p {
 	color:black;
  	text-align:left;
  	font-size:9pt;
  	margin-top:0px;
  	padding-top:0px;
  	line-height:18px; 
}

/* .AVAILABILITY PAGE ..content ...left content ....availabilities listing
---------------------------------------------------------*/

div.availabilityresulttitle {
 	position:relative;
  	background-color:#98A8BE;
	height:20px;
	margin-top:20px;
}

div.availabilityresulttitle span.price{
  	float:left;
  	text-align:left;
  	width:50%;
	color:#511E42;
	padding:2px;
	font-weight:bold;
}

div.availabilityresulttitle a{
	position:absolute;
}

div.availabilityresulttitle a.gobooking {
  	right:0px;
  	color:white;
}

table.availabilityresultcontent{
	width:100%;
	font: 12px Helvetica, Times, Arial, Verdana, sans-serif;
	background-color:#C4C7CC;
}

table.availabilityresultcontent td{
	vertical-align:text-top;
	padding-bottom:5px;
	padding-top:5px;
}

table.availabilityresultcontent td.apartmentcell{
	width:20%;	
	padding-left:4px;
}

table.availabilityresultcontent td.pricecell{
	text-align:right;	
	width:12%;
}

table.availabilityresultcontent td.bynightcell{
	width:13%;
}

table.availabilityresultcontent td.mealplancell{
	width:65%;
	padding-right:4px;	
}

/* .BOOKING PAGE ..content
.COMING NEXT PAGE ..content
---------------------------------------------------------*/

/* 102013 TODO : regrouper les classes identiques, residencecontent et groupcontent, searchcontent, bookingcontent, projectscontent */
div#bookingcontent, div#comingnextcontent {
  	position: relative;
  	left:12px;
  	top:0px;
  	width:932px;
  	background-color:#DCDDE1;
  	min-height:1000px;
  	margin-top:10px;  
}

/* .BOOKING PAGE ..content ...booking resume
   .BOOKING PAGE ..content ...paxes form
---------------------------------------------------------*/

div#bookingresume, div#paxform, div.customeraccountform, div#paymentmode, div.prospaceaccountform, div.grouprequestform{
  	font-family: Helvetica, Verdana, Arial, sans-serif;
  	position: relative;
}

div#bookingresume, div#paxform, div.customeraccountform, div.grouprequestform{
  	min-height:120px;  
}

div.prospaceaccountform{
 	margin-top:40px; 
}

div#bookingresume{
 	margin-bottom:10px;
}

div#bookingresume div#residenceresumesection, div#bookingresume div#criteriasresumesection{
  	position: relative;
 	float:left;
}

div#bookingresume div#residenceresumesection{
  	width:51%;
}

div#bookingresume div#criteriasresumesection{
 	width:49%;
 	font-size:13px;
}

div#criteriasresumesection div#pricetag{
 	margin-top:10px;
	padding-top:5px;
	position:relative;
	width:98%;
	border-top:2px solid white;
	color:#511E42;
	text-align:right;
	font-weight:bold;
}

/* .BOOKING ..content ...paxes form
.BOOKING ..content ...customer form
NB customerform id used in customer identification and in customer creation 
---------------------------------------------------------*/
div#paxform, div.customeraccountform, div.grouprequestform, div.customerform, p.bookingsectionintroduction, div#paymentmode, div.prospaceaccountform{
	padding:0px 8px 0px 8px;
}

/* DEB TEST */ 
div.customeraccountform, div.prospaceaccountform, div.grouprequestform{
	position:relative;
}
/* END TEST */ 


div#paxform, div.customeraccountform, div.grouprequestform, p.bookingsectionintroduction, div.prospaceaccountform{
	margin-bottom:15px;
}

p#dataretrievenotificationerror{
	padding:0px 0px 0px 8px;
}

/* .BOOKING ..content ...customer form
---------------------------------------------------------*/

div.customerform p{
	line-height:25px;
	border-bottom:2px solid white;
	text-align:right;
	padding-bottom:8px;
}

div.customerform input.email{
	width:35%;	
}

div.customeraccountform p, div.prospaceaccountform p, div.grouprequestform p{
	padding:0px;
}

div.customeraccountform p.identification{
	border-bottom:2px solid white;
	line-height:25px;
	margin-bottom:20px;
}

div.customeraccountform label, div.prospaceaccountform label, div.grouprequestform label{
	float:left;
	text-align:left;
	padding-right:18px;
 	font: 12px Helvetica, Times, Arial, Verdana, sans-serif;
	color:#511E42;
	letter-spacing:1px;	
}

div.customeraccountform label, div.grouprequestform label{
	width:15%;
}

div.prospaceaccountform label{
	width:20%;
}

div.customeraccountform div.center, div.prospaceaccountform div.center, div.grouprequestform div.center{
	width:100%;
	text-align:center;
}

div.grouprequestform div.center{
	padding-top:20px;
}


/* .BOOKING ..content ...button next step
---------------------------------------------------------*/

div.bookingprocessnextstep {
	background-color:#8E98A6;
	position:relative;
	width:100%;
	height:24px;
	margin-top:20px;
}

div.bookingprocessnextstep a{
	position:absolute;
	right:0px;
	background-color:#511E42;
}

/*----------------------------------------------------------------------------- 
.CONTACT PAGE
-----------------------------------------------------------------------------*/

div.contactformerror{
	padding-left:5px;
	margin-bottom:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
}

div.usecontactform{
	padding:0px 0px 0px 5px;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
}

/*----------------------------------------------------------------------------- 
.LEGAL INFORMATION PAGE, .OUR SERVICES PAGE, .PROJECTS PAGE 
-----------------------------------------------------------------------------*/

/* .* ..content
---------------------------------------------------------*/

div#informationcontent {
  	position: relative;
  	left:12px;
  	top:0px;
  	width:932px;
  	min-height:495px;
  	margin-top:10px;  
}

div#informationleftcontent { 
 	position: relative;
  	left:0px;
  	top:0px;
	width:536px;  	
  	background-color:#DCDDE1;  
	min-height:495px; 
}

div#informationleftcontent ul {
 	font-size:11px;
	margin:0px;
	padding:4px 8px 20px 7px;
}

div#informationleftcontent li{
	list-style-type:none;
	padding-bottom:2px;
	text-align:justify;
}

div#informationleftcontent h2{ 
	padding:8px 8px 20px 8px;
}

div#informationleftcontent h3{ 
	padding-left:8px;
	font: 17px Times, Helvetica, Verdana, Arial, sans-serif;	
	color:#511E42;
	letter-spacing:1px;
}

div#informationleftcontent p{ 
	padding-left:8px;
	padding-bottom:8px;
}

div#informationleftcontent p.messagetocustomer, div#informationleftcontent p.alertmessagetocustomer{ 
	font: 13px Verdana, Times, Helvetica, Arial, sans-serif;
	letter-spacing:1px;	
	text-align:justify;
	padding-right:8px;
}
p.messagetocustomer{
	color:#511E42;
}
p.alertmessagetocustomer{
	color:red;
}
/*----------------------------------------------------------------------------- 
.PROJECT PAGE, ..content
-----------------------------------------------------------------------------*/

div#comingnextcontent h2{
	padding-left:7px;
	padding-top:5px;
	margin-bottom:20px;
}

div.comingnextresidencetitle{
	position:relative;
	background-color:#8E98A6;
	height:20px;
	padding:5px;
}

div.comingnextresidencetitle h3{
	font: 11pt Helvetica, Times, Verdana,  Helvetica, sans-serif;
	color:white;
	letter-spacing:2px;
	padding-left:2px;
}

div.comingnextresidencetag{
	width:100%;
	
	/*clear:both;*/
}

div.comingnextresidencetag p{
	margin-top:0px;
	padding:5px;
}
  
div.comingnextresidencetag img{
    /*width:100px;*/
    width:200px;
	float:right;
}

/*----------------------------------------------------------------------------- 
.CONDITIONS OF SALE PAGE, ..content
-----------------------------------------------------------------------------*/
div#conditions-of-sale-content{
	position: relative;
  	left:12px;
  	top:0px;
  	/*width:922px;*/
  	width:910px;
  	
  	background-color:#DCDDE1;
  	min-height:1000px;
  	margin-top:10px;  
  	padding:10px; 	
  	
  	/*font-family:Times;*/
}


div#conditions-of-sale-content table td{
	padding-left:30px;
}

div#conditions-of-sale-content h2{
	padding-top:5px;
	margin-bottom:20px;
	text-align:center;
	text-decoration:underline;
	/*color:black;*/
	margin-bottom:30px;
	font-weight:bold;
	letter-spacing:.4pt;
}

div#conditions-of-sale-content h3{
	font-weight:bold;
	font-size:10pt;
	letter-spacing:.2pt;
	/*height:30px;*/
}

div#conditions-of-sale-content p{
	text-align:justify;
	font-size:10pt;
	line-height:14pt;
	/*font-family:Times;*/
}

div#conditions-of-sale-content p.intro-note{
	text-align:center;
}

div#conditions-of-sale-content ul li{
	margin-bottom:10px;
}

/* 102010 conserver photo gallery ??*/

/* .RESIDENCE PAGE ..content ...left content ....photo gallery
---------------------------------------------------------*/

div#galerie{
	position:absolute;
	right:0px;
	top:180px;
	width:388px;
	background:#eee ;
	border:1px solid #ccc ;
	padding:2px ;
	margin:0px 0px ;
	text-align:center ;
	font:0.9em Georgia, serif ;
	display:block;
}

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

dl#photo{
	clear:both ;
	margin:0 auto ;
}

ul#galerie_mini li{
	float:left ;
}

ul#galerie_mini li a img{
	margin:2px 1px ;
	border:1px solid #dcb ;
}

dl#photo dt{
	font:italic 2.5em/1.5em Georgia, serif ;
	color:#ccc ;
}

dl#photo dd{
	margin:0 ;
}

dl#photo img{
	border:1px solid #dcb ;
}

div#residents{
	clear:both;
}

/*----------------------------------------------------------------------------- 
.GROUPE REQUEST PAGE
-----------------------------------------------------------------------------*/

div#informationleftcontent div.grouptest p{
	padding-bottom:150px;
} 
	

div#grouprequestcontent { 
 	position: relative;
  	left:0px;
  	top:0px;
	width:536px;  	
  	background-color:#DCDDE1;  
	min-height:495px; 
}

/*div#grouprequestcontent ul {
 	font-size:11px;
	margin:0px;
	padding:4px 8px 20px 7px;
}

div#grouprequestcontent li{
	list-style-type:none;
	padding-bottom:2px;
	text-align:justify;
}*/

div#grouprequestcontent h2{ 
	padding:8px 8px 20px 8px;
}

div#grouprequestcontent h3{ 
	padding-left:8px;
	font: 17px Times, Helvetica, Verdana, Arial, sans-serif;	
	color:#511E42;
	letter-spacing:1px;
}

div#grouprequestcontent p{ 
	padding-left:8px;
	padding-bottom:0px;
}

/*div#grouprequestcontent p.messagetocustomer, div#grouprequestcontent p.alertmessagetocustomer{ 
	font: 13px Verdana, Times, Helvetica, Arial, sans-serif;
	letter-spacing:1px;	
	text-align:justify;
	padding-right:8px;
}*/

h3.firstgrouprequestcriteriatitle, h3.grouprequestcriteriatitle{
	margin-bottom:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#511E42;
	font-size:.98em;
}

h3.grouprequestcriteriatitle{
	padding-top:15px;
}

.grouprequestcriteria{
	padding-left:7px;
	
	margin-bottom:8px;
	
	font: 12px Helvetica, Times, Arial, Verdana, sans-serif;
	color:#511E42;
	letter-spacing:1px;
}

.grouprequestcriteria label.firstcolumn{
	width:12%;
}



input.testass{
	
	margin-left:20px;	
}

multicriteriaszone tr.separate{
	margin-top:5px;
}

.multicriteriaszone td{	
	padding-left:7px;
}

.grouprequestcriteria .fullinput{
	width:500px;
}

.grouprequestcriteria .semifullinput{
	width:420px;	
}

.grouprequestcriteria .halfinput{
	width:178px;
}

.grouprequestcriteria .halfinputfill{
	width:200px;
}

.grouprequestcriteria .halfinputfillemail{
	width:182px;
}

.grouprequestcriteria input.address{
	margin-bottom:7px;
}

.grouprequestcriteria input.country{
	margin-bottom:7px;
	margin-top:7px;
}

div.firstperiod{
	/*padding-left:19px;*/
	padding-left:26px;
}

div.usecontactform{
	padding:0px 0px 0px 5px;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}





/*----------------------------------------------------------------------------- 
TO CHECK ELEMENTS
-----------------------------------------------------------------------------*/

span.bold{
  font-weight:bold;
}

div#testclear{
  clear:both;
}