/*Header*/
#header span{
margin-top:-2000px;
position: absolute;
}
#header h1{
	/*border: 1px #ff0000 solid;*/
}
#header h2{

}
#lieu{
	float: right;
	position: relative;
	margin-top: -120px;
	margin-right: 30px;
	padding-right:30px;
	background-image: url(images/bigCoeur-vert.png);
	background-position:top right;
	background-repeat: no-repeat;
}
#lieu li{
	text-align: right;
	color: #ffffcc;
	font-variant:small-caps;
}
#langue{
	height: 26px;
	background-color: #ffffcc;
	position: relative;
	/*right:0;*/
	float: right;
	/*margin-top:-26px;*/
}
#langue li{
	float : left;
	margin:  6px 10px 0 0;
}
#langue li a:hover{
border: 1px #ff0000 solid;
padding: 1px;
padding-bottom:3px;
}
/*#################################
CONTENU
###################################*/

/*----------ACCUEIL---------------*/
#colGaucheAccueil{
	float: left;
	width: 750px;

}
#colGaucheAccueil embed{

margin-bottom:-3px !important;
margin:0;

}
#flashcontent{

}

#colDroiteAccueil{
float: left;
width: 249px;
background-color:#704A35;
border-left:solid 1px #7C2325 ;
height: auto !important;
min-height: 369px;
height:369px;
}

#colDroiteAccueil p{
color:#ffffcc;
padding:4px 8px 4px 8px;
font-size: 1.1em;
}

#colDroiteAccueil img{
margin-left:8px;
border:solid 1px #fff;
padding:1px;
}

#colDroiteAccueil h3{
display:block;
padding:8px 0 0 32px;
height:24px !important;
height:32px;
background-color:#4E0000;
color:#ffffcc;
background-image: url(images/bigCoeur-bleu.png);
background-position:8px 8px;
background-repeat: no-repeat;
font-weight: normal;
font-variant: small-caps;

}
#colDroiteAccueil h4{
border-top:solid 1px #7C2325 ;
display:block;
height:24px !important;
height:32px;
padding:8px 0 0 32px;
color:#ffffcc;
background-image: url(images/bigCoeur-marron.png);
background-position:8px 8px;
background-repeat: no-repeat;
font-weight: bold;
text-decoration: underline;
}

/*pour la promotion de la page d'accueil*/
#colDroiteAccueil ul{
color:#ffffcc;
padding:4px 0 4px 8px;
font-size: 1.2em;
}
#colDroiteAccueil .remise{
color:#ffffff;
font-weight: bold;
float: right;
height:50px;
width:50px;
margin-top:-20px;
margin-right:12px;
background-image: url(images/moonstar-blanc.png);
background-repeat: no-repeat;
padding : 14px 0 0 12px;
}
#colDroiteAccueil .prix{
color:#99C033;
font-weight: bold;
text-decoration: line-through;
margin-left:8px; 
}
#colDroiteAccueil .prixRemise{
color:#ffffcc;
font-weight: bold;
float:left;
}

/*----------COLONNE GAUCHE pour appartement et cadre de vie---------------*/

#colGauche{
/*border-left: 1px #C04E05 solid;
border-right: 1px #C04E05 solid;*/
width:140px;
float:left;
/*height:600px;*/
margin-left:30px !important;
margin-left:15px;
/*

height:24px !important;
height:32px;
padding:8px 0 0 32px;

*/
}

#colGauche img{
margin-left:12px;
}
#colGauche span{
margin-top:-2000px;
position: absolute;
}
#colGauche a:link{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}
#colGauche a:visited{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}
#colGauche a:hover{
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
}
#colGauche a:active{
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
}
#colGauche li{
height:24px !important;
height:32px;
padding:8px 0 0 32px;
font-weight: normal;
font-size: 1em;
}
#colGauche li.coeurBleu{
background-image: url(images/miniCoeur-bleu.png);
background-position:8px 8px;
background-repeat: no-repeat;
}
#colGauche li.coeurVert{
background-image: url(images/miniCoeur-vert.png);
background-position:8px 8px;
background-repeat: no-repeat;
}
#colGauche li.coeurMarron{
background-image: url(images/miniCoeur-marron.png);
background-position:8px 8px;
background-repeat: no-repeat;
}
#colGauche li.coeurOrange{
background-image: url(images/miniCoeur-orange.png);
background-position:8px 8px;
background-repeat: no-repeat;
}
#colGauche li.coeurRose{
background-image: url(images/miniCoeur-rose.png);
background-position:8px 8px;
background-repeat: no-repeat;
}

/*----------COLONNE CENTRALE pour appartement et cadre de vie---------------*/
#colCentre{
	color:#FFFFCC;
}
#colCentre p{
	font-size: 1.1em;
	margin:8px 0 8px 0;
}

#colCentre h4{
	height:40px !important;
	height:48px;		
	padding:8px 0 0 48px;
	font-size: 1.2em;
	background-position:8px 8px;
	background-repeat: no-repeat;	
}
#colCentre h5{
	height:40px !important;
	height:48px;		
	padding:8px 0 0 48px;
	font-size: 1.2em;
	background-position:8px 8px;
	background-repeat: no-repeat;	
}
#colCentre h6{
	height:40px !important;
	height:48px;		
	padding:8px 0 0 48px;
	font-size: 1.2em;
	background-position:8px 8px;
	background-repeat: no-repeat;	
}
#colCentre .etoileOrange{
	background-image:url(images/star-orange.png);
	background-repeat: no-repeat;	
	padding-left:14px;
}

#colCentre a:link{
	color:#333333;
	text-decoration: none;
	font-weight: bold;
}
#colCentre a:visited{
	color:#CE6E0A;
	text-decoration: none;
	font-weight: bold;
}
#colCentre a:hover{
	color:#CE6E0A;
	text-decoration: underline;
	font-weight: bold;
}
#colCentre a:active{
	color:#CE6E0A;
	text-decoration: underline;
	font-weight: bold;
}
/*----------Colonne Centre DIAPORAMA & DESCRIPTION ----------*/
#colCentre #diaporama{
	width: 490px;
	float: left;
}
#colCentre #diaporama span{
margin-top:-2000px;
position: absolute;
}
#colCentre #diaporama a{
display:block;
margin-left:130px;
}
#colCentre #cadreHorizontal{
	width: 421px !important;width: 453px;
	height: 275px !important;height: 316px;
	margin-top:17px;
	margin-left:20px;
	padding-top:40px;
	padding-left:32px;
	background-image:url(images/cadre-photo-horizontal.png);
	background-repeat: no-repeat;
}
#colCentre #cadreVertical{
	width: 275px !important;width: 316px;
	height:421px !important;height:453px;
	margin-top:17px;
	margin-left:85px;
	padding-top:32px;
	padding-left:41px;
	background:url(images/cadre-photo-vertical.png) no-repeat;
}

#colCentre #flashcontent{
	width: 455px;
	height:455px;
	margin-top:17px;
	margin-left:20px;
}

#colCentre #description{
width: 328px;
/*width: 330px;*/
float: left;
/*clear:both;*/
}
#colCentre #description div{
margin-bottom:32px;
font-size:1.1em;
}
#colCentre #description ul{
margin:8px;
}
#colCentre #description li{
list-style-type:disc;
margin-left:12px;
}
#colCentre #description #miniature{
margin-top:32px;
}
#colCentre #description #miniature .zoneImg {
width:100px;
height:100px;
text-align:center;
margin:0 auto 4px auto;
float:left;
/*border:1px solid #ff0000;*/
padding:3px;
}
#colCentre #description #miniature .zoneImg img{
border: 1px #C04E05 solid;
}
/*----------Tarifs ColCentre ----------*/
#colCentre #tarifs{
margin-left:200px;
}
#colCentre #tarifs h4{
	background-image: url(images/moonstar-location.gif);
	font-size:1.4em;
}
#colCentre #tarifs h5{
	background-image: url(images/moonstar-suites.gif);
	font-size:1.4em;
}
#colCentre #tarifs h6{
	background-image: url(images/moonstar-hotellerie.gif);
	font-size:1.4em;
}
#colCentre #tarifs table{
	width:780px;
	margin-top:30px;
	font-size:12px;
	color:#ffffcc;
}
#colCentre #tarifs div{
	font-size:1.2em;
	margin-bottom:8px;
	margin-right:24px;
}

#colCentre #tarifs table caption{
font-size:14px;
font-weight:normal;
/*border:1px solid #CE6E0A;*/
/*margin-bottom:-29px;*/
/*color:#990100;*/
color:#000000;

background-color:#4E0000;
padding:4px;
}

#colCentre #tarifs table tr{
	text-align:center;
}
#colCentre #tarifs table td{
	border:1px solid #4E0000;
}
#colCentre #tarifs #type_appartements{
font-size:12px;
font-weight:bold;
background-color:#704A35;
color:#ffffcc;
text-align:center;
}
#colCentre #tarifs #nombre_couchage{
font-size:1em;
font-weight:bold;
background-color: #ffffcc;
color:#4E0000;
text-align:center;

}
/*----------APPARTEMENT surcharge colGauche & ColCentre ----------*/
#appartement{
background:url(images/bg_rouge.png) repeat-y 0 0;

/*border:1px solid #ff0000;*/
/*padding : 10px;*/

}
#appartement #colGauche{
/*background-color:#4E0000;*/
color:#fff;
}
#appartement #colCentre{
	color:#FFFFCC;
}
#appartement #colCentre h4{
	background-image: url(images/moonstar-orange.png);
}
/*----------CADRE DE VIE surcharge colGauche & ColCentre ----------*/
#cadreDeVie{
background:url(images/bg_vert.png) repeat-y 0 0;
}
#cadreDeVie #colGauche{
/*background-color:#006668;*/
color:#fff;
}
#cadreDeVie #colCentre{
		color:#fff;
}
#cadreDeVie #colCentre h4{
	background-image: url(images/moonstar-rouge.png);
}
#cadreDeVie #colCentre a:link{
	color:#990100;
	text-decoration: none;
	font-weight: bold;
}
#cadreDeVie #colCentre a:visited{
	color:#990100;
	text-decoration: none;
	font-weight: bold;
}
#cadreDeVie #colCentre a:hover{
	color:#990100;
	text-decoration: underline;
	font-weight: bold;
}
#cadreDeVie #colCentre a:active{
	color:#fff;
	text-decoration: underline;
	font-weight: bold;
}
/*#################################
CERDAGNE ETE & HIVER + SEMINAIRES
###################################*/

#cerdagneEte {
background : url(images/fond-cerdagne-ete.gif) repeat-y;

}

#cerdagneHiver {
background : url(images/fond-cerdagne-hiver.gif) repeat-y;

}

#cerdagneEte table,#cerdagneHiver table{
color:#fff;
border:0 none;
text-align: justify;
font-size:1.1em;
}
#cerdagneEte .gauche{
border-left: 1px solid #990100; 
border-right: 1px solid #990100;
background-color:#3C6500;
padding-left:8px;
padding-right:8px;
vertical-align:top;
}
#cerdagneHiver .gauche{
border-left: 1px solid #fff; 
border-right: 1px solid #fff;
background-color:#271A11;
padding-left:8px;
padding-right:8px;
vertical-align:top;
}
#cerdagneEte img,#cerdagneHiver img{
}
#seminaire {
background : url(images/bg_seminaire.png) repeat-y 0 0;
margin:0;padding:0;
}
#seminaire table{
color:#ffffcc;
border:0 none;
text-align: justify;
font-size:1.1em;
padding:4px;
margin-left:14px;
}
#seminaire table table{
margin:0;
padding:0;
}
#seminaire td td{
	text-align:center;
}
#seminaire ul{
margin-top:8px;
margin-bottom:8px;
margin-left:8px;
}
#seminaire li{
list-style-type:square;
margin-left:12px;
}
#seminaire .gauche{
/*border-left: 1px solid #fff; 
border-right: 1px solid #fff;
background-color:#990000;*/
padding-left:8px;
padding-right:8px;
margin-right:16px;
vertical-align:top;
}
/*#################################
CONTACT
###################################*/
#contactez{
background-color:#980100;
bgcolor:#980100;
color:#980100;
background:#980100;
}

#monfond{
background-color:#980100;
bgcolor:#980100;
color:#980100;
background:#980100;
}

#coordonnees{
background-color:#980100;
bgcolor:#980100;
color:#ffffcc;
text-align: justify;
font-size:1.1em;
float:right;
width: 249px;
}
#coordonnees h3{
background-color:#980100;
bgcolor:#980100;
font-size:1.5em;
font-weight:bold;
}
#contactez #coordonnees a:link{
background-color:#980100;
bgcolor:#980100;
	color:#CE6E0A;
	text-decoration: none;
	font-weight: bold;
}
#contactez #coordonnees a:visited{
background-color:#980100;
	color:#CE6E0A;
	text-decoration: none;
	font-weight: bold;
}
#contactez #coordonnees a:hover{
background-color:#980100;
	color:#CE6E0A;
	text-decoration: underline;
	font-weight: bold;
}
#contactez #coordonnees a:active{
background-color:#980100;
	color:#CE6E0A;
	text-decoration: underline;
	font-weight: bold;
}
#formulaire{
background-color:#980100;
color:#ffffcc;
/*border:1px solid #00ff00;*/
text-align: justify;
font-size:1.1em;
margin-left:24px;
margin-bottom:16px;
float:left;
}
#formulaire_contact{
background-color:#980100;
/*border:1px solid #0000ff;*/
}



/*#################################
FOOTER
###################################*/
#contact{
	padding:4px 0 0 28px;
	height: 43px !important;
	height: 47px;
	}
#newsletter{
	float: right;
	padding : 4px 0 0 8px;
	width:241px !important;
	width:249px;
	min-height:43px;
	height: auto !important;
	height: 47px;
	background-color: #ffffcc;
	color:#980000;
}
#newsletter img{
margin-top:4px;
}
/*#################################
DECORATION
###################################*/
.etoileVerte{
display:block;
margin-top:50px;
background-image: url(images/star-vert.png);
background-position:8px 8px;
background-repeat: no-repeat;
height:24px !important;
height:32px;
padding:8px 0 0 32px;
font-size:0.9em;
}
.etoileRouge{
	background-image:url(images/star-rouge.png);
	background-repeat: no-repeat;	
	padding-left:14px;
}
.bgTarifs{
background:url(images/bg_rouge.png) repeat-y 0 0;
}
#retourAccueil{
float:right;
background-image:url(images/star-rouge.png);
background-repeat: no-repeat;	
padding-left:14px;
margin-right:16px;
margin-top:16px;
color:#fff;
}
#retourAccueil a{
text-decoration:none;
color:#fff;
}
#retourAccueil a:hover{
text-decoration:underline;
color:#fff;
}