/*Global (and reset values)*/

html, body {
	
}

body {
line-height: 1.3;
margin:0; padding:0;
font-size: 62.5%/1.5; /*set reference size, to 16px, so ems in relation, ex. 1em = 10px*/
font-family: Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

h1 {
font-size: 1.1em;	
}

h2 {
font-size: 1em;		
}

h3 {
font-size: 0.9em;	
}

form, fieldset, input, textarea { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:2px; }

ul, ol, li { margin:0; padding:0; list-style: none; }
img { border:none; }

/*hides dotted outline when a link is in focus, mainly in IE. To define for accessibility and keyboard tab users*/
:focus {
	outline: 0;
	background-color:#f6e2ef; /*set to a discreet background color for all focused on elements and links !*/
}

table {
font-size:1em;
}

input:focus, textarea:focus {
	outline: 0;
	background-color:#f6e2ef; /*set to same as page background color*/
}

a {text-decoration:none; }

/*Content and unique to this site*/

body {
/*background-color:#D8BFD8;	*/
background: #e2d3e6 url("http://www.glaieuls.ch/CMS/Media/img_structure/bckgrd2.jpg") repeat-x top left;
text-align:center;
}

a:link {
color: #8d569f;
font-weight:bold;
}

a:visited {
color: #977e9e;
}

a:hover {
color: #000000;
font-weight:bold;
border-bottom:1px dotted #8d569f;
}

#container {
margin:0 auto;
text-align:center;
width: 920px;
background-color:#ffffff;
border-right:1px solid #8d569f;
border-left:1px solid #8d569f;
}

#header {
background: #ffffff url("http://www.glaieuls.ch/CMS/Media/img_structure/header_rotate.gif") no-repeat top left;
height:233px;
width:915px;
}

#menu {
background: #ffffff url("http://www.glaieuls.ch/CMS/Media/img_structure/menubar.gif") no-repeat;
height:45px;
width:885px;
margin-left:20px;
padding-top:8px;
color:#ffffff;
}

/*menu*/

#menuul li {
display:inline;
padding-right:8px;
padding-left:8px;
border-right:1px solid black;
}

#menuul li.last {
display:inline;
padding-right:8px;
padding-left:8px;
border-right:none;
}

#menuul a:link {
	color:#ffffff;
	font-weight:normal;
}

#menuul a:visited {
	color:#ffffff;
	font-weight:normal;
}

#menuul a:hover {
	color:#000000;
	font-weight:normal;
}

#menuul .standout a:link {
color:yellow;
	font-weight:normal;
}

#menuul .standout a:visited {
color:yellow;
	font-weight:normal;
}
#menuul .standout a:hover {
color:black;
font-weight:normal;
}

#content {
width:860px;
margin-left:35px;
text-align:left;
font-size:0.8em;
min-height:500px;
  height:auto !important;
  height:500px;

}

#left {
float:left;
width:550px;
}

#right {
float:right;
width:310px;

}

#leftstandard {
width:800px;
}

#rightstandard {
width:800px;
clear:both;
}

.left {
float:left;
width:250px;
}
	
.right {
float:right;
margin-right:10px;
width:250px;	
}



.header {
background: #ffffff url("http://www.glaieuls.ch/CMS/Media/img_structure/headerrepeat.gif") repeat-x;
height:44px;
width:540px;
padding-top:16px;
}

.champeryheadingright {
background: #ffffff url("http://www.glaieuls.ch/CMS/Media/img_structure/headerrepeat.gif") repeat-x;
height:44px;
padding-top:16px;
width:270px;
}

.headercontact {
background:#FFFFFF url(http://www.glaieuls.ch/CMS/Media/img_structure/contactheader.gif) no-repeat top left;
height:44px;
padding-top:16px;
width:265px;
}

#rightstandard h2.headercontact {
width:800px;
background:#FFFFFF url(http://www.glaieuls.ch/CMS/Media/img_structure/headerrepeat.gif) repeat-x scroll 0 0;
height:44px;
padding-top:16px;
}

#leftstandard h2.header {
width:800px;
background:#FFFFFF url(http://www.glaieuls.ch/CMS/Media/img_structure/headerrepeat.gif) repeat-x scroll 0 0;
height:44px;
padding-top:16px;
}

#leftstandard table.generaltable, #leftstandard table.generaltable2 {
width:800px;
}

#leftstandard div.left, #leftstandard div.right {
width:340px;
float:left
}

#leftstandard div.left div, #leftstandard div.right div {
width:300px;
}

#leftstandard div.left h3, #leftstandard div.right h3 {
width:300px;
}

#leftstandard div.champeryheading {
width:800px;
}

#leftstandard div.champerytext {
width:800px;
}

#rightstandard div#contactright {
width:300px;
float:left;
}

#rightstandard h3.champeryheadingright {
margin-top:-10px;
}

#rightstandard div#minichaletmap {
width:300px;
float:left;
padding:0;
}

#rightstandard div#minichaletmapprix {
width:300px;
float:left;
padding:0;
}

#rightstandard div.champerytextrightprix {
width:200px;
float:left;
padding:0;
}

#prefooter {
clear:both;	
}

#footer {
clear:both;
height:20px;
font-size:0.7em;
color:#c786b1;
background-color:#EBE0EE;
}

#modificationdate {
float:left;
margin-left:30px;
text-align:left;
width:300px;
background-color:#EBE0EE;
}

#copyright {
float:left;
text-align:right;
width:400px;
background-color:#EBE0EE;
}

#poweredby {
float:left;
text-align:right;
width:140px;
background-color:#EBE0EE;
}

#poweredby a:link {
color:#c19fcc;
font-weight:normal;
}

#poweredby a:visited {
color:#c19fcc;
font-weight:normal;
}

#poweredby a:hover {
color:#8d569f;
font-weight:normal;
}

#heures {
	width:250px;
	border:1px solid #9963aa;
	background-color:#ebe0ee;
	padding:8px;
	margin-top:8px;
}

.champeryheading {
border-bottom:1px dotted #9963aa;
margin-bottom:5px;
width:540px;
}

.champerytextshort {
margin-bottom:15px;
width:250px;
text-align:justify;
}

.champeryheadingshort {
border-bottom:1px dotted #9963aa;
margin-bottom:5px;
width:250px;
}

.champerytext {
margin-bottom:15px;
width:540px;
text-align:justify;
}

.champerytextright {
width:270px;
text-align:justify;
}

.champerytextrightprix {
width:270px;
text-align:justify;
padding-left:20px;
}

#champeryrightimage {
padding-top:40px;
padding-left:6px;
padding-right:6px;
}

#minichaletmap {
padding:20px;
}

#minichaletmapprix {
padding-left:20px;
padding-right:20px;
padding-bottom:8px;
}

#minichaletmapprix2 {
padding-left:20px;
padding-right:20px;
padding-bottom:8px;
padding-top:20px;
}

.tablehead {
font-weight:bold;
border-bottom:2px solid #9963aa;
}

.rowstandout {
color: green;
font-weight:bold;
}

.row1 {
padding-top:4px;
padding-bottom:4px;
}

.row2 {
background-color:#ebe0ee;
padding-top:4px;
padding-bottom:4px;
}

.detailright {
background-color:#ebe0ee;
margin-top:34px;
}

#spacerright {
padding-bottom:10px;	
}

#reservebtn {
	text-align:center;
}

#price {
	padding-bottom:10px;
}

#disponible {
	padding-bottom:10px;
}

#description {
padding-bottom:10px;	
}

#description br, #situation br {
line-height: 0.5em;
}

#situation {
padding-bottom:10px;
}


#medphoto {
padding-left:4px;	
}

#mediumphoto {
	padding-top:10px;
	padding-bottom:10px;
}

.thumbphoto {
float:left;
width: 130px;
padding-left:20px;
}

/*class added to tables in wywisiwg, so can add default styles throughout out site ! (until figure out how to fix the bug)*/
.generaltable {
font-size:0.9em;
border-top:1px solid #9963AA;
border-left:1px solid #9963AA;
text-align: center;
}

.generaltabletd {
border-bottom:1px solid #9963AA;
border-right:1px solid #9963AA;
padding:6px;
}

.generaltabletd2 {
border-bottom:1px solid #9963AA;
border-right:1px solid #9963AA;
background-color:#EBE0EE;
padding:6px;
}

/*Scroller on acceuil*/

/* position:relative and overflow:hidden are required */
#scroller {position:relative; overflow:hidden; width:535px;}

/* display:none prevents the controls being shown when JavaScript is not present */
#controls {display:none; text-align:right}

/* add link formatting for the controls */
#controls a {}

/* add formatting for the scrolling text */
#tag {margin:2px 0}

/* #testP must also contain all text-sizing properties of #tag */
#testP {visibility:hidden; position:absolute; white-space:nowrap;}