/* ------------------------- Spacer  --------------------------- */
.spacer0{width:0px; height:0px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer1{width:1px; height:1px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer2{width:2px; height:2px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer3{width:3px; height:3px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer4{width:4px; height:4px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer5{width:5px; height:5px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer10{width:10px; height:10px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer15{width:15px; height:15px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer20{width:20px; height:20px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer25{width:25px; height:25px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer30{width:30px; height:30px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer40{width:40px; height:40px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer50{width:50px; height:50px; clear:both; font-size:0px; line-height:0px; display:block;}
.spacer100{width:100px; height:100px; clear:both; font-size:0px; line-height:0px; display:block;}

/* ------------------------- Body ------------------------- */
body{margin:0px; padding:0px; background:url(../img/layout/bg_body.jpg) repeat-x #ffffff; font-family:Arial, Verdana, sans-serif; font-size:11px;}


/* ------------------------- Container ------------------------- */
#container	{position:relative;width:709px;margin:auto;}
#header		{position:relative;width:709px;background:url(../img/layout/bg_title.jpg) no-repeat;height:313px;}
#body		{position:relative;width:709px;background:url(../img/layout/bg_content.jpg) repeat-y;}
#footer		{position:relative;width:709px; background:url(../img/layout/bg_footer.jpg) no-repeat top; height:90px;clear:left;}


/* ------------------------- Language selection ------------------------- */
#header #flags 			{position:absolute;left:605px;top:15px;}
#header #flags ul 		{margin:0;padding:0;}
#header #flags ul li 	{float:left; list-style:none;margin-right:4px;}

/* ------------------------- Navbar ------------------------- */
#header #navbar		{position:absolute;top:126px;left:5px;}
#header #navbar	ul	{padding:0;margin:0;}
#header #navbar	ul	*{padding:0;margin:0;}
#header #navbar	ul li {list-style:none; height:16px; width:195px;}
#header #navbar	ul li a {color:#fff; text-decoration:none; background:url(../img/layout/navbar_arrow.png) 10px center no-repeat; padding-left:15px; font-weight:bold; display:block; text-indent:15px; height:16px;}
#header #navbar ul li a.actif, #header #navbar ul li:hover a /* to keep first level nav highlighted on hover*/ {color:#ffe500; background-color:#000000;}

#header	#navbar ul ul {display:none; z-index:999; position:relative; left:195px; top:-16px; background-color:#000000;}
#header	#navbar ul ul li {text-indent:0px; margin-left:1px; text-align:left; width:215px;}

#header #navbar ul li:hover ul{display:block;}
#header #navbar ul li:hover ul li a{color:#fff;}
#header #navbar ul li:hover ul li a:hover{color:#ffe500;}

#header #navbar	ul .divider, #header #navbar ul .divider2 {background:url(../img/layout/navbar_divider.gif) center no-repeat; width:195px; height:1px; font-size:0px; line-height:1px; display:block;}


#header #headertitle	{position:absolute;top:53px;left:340px;color:#759c6c;}
#header #headerbf	{position:absolute;top:0px;left:667px;color:#759c6c; background:url(../img/layout/butterfly.jpg);width:82px;height:104px;}


/* ------------------------- Content ------------------------- */
#content	{position:relative;width:709px; background:url(../img/layout/bg_content_top.jpg) no-repeat;}

#contentspacer	{height:400px;width:0px;float:left;}
#ct_content	{padding:30px;padding-top:20px;padding-bottom:10px;float:right;width:651px;}
#ct_content h1 {font-size:12px;color:#5d5e59;font-weight:bold;height:52px; background:url(../img/layout/bg_h1.jpg) no-repeat left;margin-bottom:20px; text-indent:30px;line-height:68px;}
#ct_content h1.news {color:#FF0000;font-size:13px;}
#ct_content h2{font-size:12px; font-weight:bold; color:#528153;}
#ct_content h3{font-weight:bold; color:#666666;}

#ct_content ul {margin:15px;margin-left:30px;}
#ct_content p {margin:5px;margin-left:0;margin-right:0;}
#content	{position:relative;width:709px; background:url(../img/layout/bg_content_top.jpg) no-repeat;}
#ct_content	{padding:30px;padding-top:20px;padding-bottom:10px;}
#ct_content ol {margin:15px;margin-left:30px;}
#ct_content table {border:1px solid #81d673;margin:auto;}
#ct_content table td.tdheader {color:#66cc00; background-color:#000000;}
#ct_content table td {padding:3px;padding-left:5px;padding-right:5px; border-top: 1px dotted #81d673;}
#ct_content table tr:hover {background-color:#90ee80;}
#ct_content a{text-decoration:none; color:#027812;}
#ct_content a:hover{color:#202020; text-decoration:underline;}

#ct_content .spaceleft	{margin-left:15px;}
#ct_content .spacer	{margin:10px;}
#ct_content .spaceright	{margin-right:15px;}

/* ------------------------- Reservation and Contact form ------------------------- */
#ct_content .frm *{font-size:12px; line-height:19px;}

#ct_content .frm table tr:hover{background-color:#ffffff;border:none;}
#ct_content .frm .validationErrorBox table tr:hover{background-color:#a40e17;border:none;}
#ct_content .frm table{width:650px;border:none;}
#ct_content .frm table tr td table{width:100%;}
#ct_content .frm table td {border-top:none; padding:0px;}
#ct_content .frm a{color:#528153; text-decoration:none;}
#ct_content .frm a:hover{text-decoration:underline;}

#ct_content .frm .stdInput,
#ct_content .frm .smallInput,
#ct_content .frm .mediumInput{height:16px;}
#ct_content .frm .stdInput,
#ct_content .frm .smallInput,
#ct_content .frm .mediumInput,
#ct_content .frm .stdSelect, 
#ct_content .frm .stdTextarea{border:1px solid #666666; font-size:11px; font-family:Verdana, Arial, sans-serif; color:#444444;}
#ct_content .frm .stdInput{width:250px;}
#ct_content .frm .smallInput{width:50px;}
#ct_content .frm .mediumInput{width:70px;}
#ct_content .frm .checkbox{border:0px none;}
#ct_content .frm .radio{border:0px none;}
#ct_content .frm .form100pc{width:97%;}
#ct_content .frm .sCodeInput{width:120px;}

#ct_content .frm .formbutton{background-color:#333333; color:#ffffff; cursor:pointer; height:20px; width:150px; border:1px solid #333333;}	
#ct_content .frm .formbutton:hover{background-color:#528153; border:1px solid #90ee80; color:#333333;}

#ct_content .frm .validationErrorBox{color:#ffffff; border:solid 1px #ececec; font-size:10px; background-color:#a40e17;}
#ct_content .frm .validationError{border:1px solid #d40303;}

#ct_content .frm .formRedNote{color:#d40303;}
#ct_content .frm .formRedLabel{color:#d40303;}
#ct_content .frm .formRedField{border:1px solid #e42b31; width:95px;}

#ct_content .frm .labelCell {width:220px; text-align:left;} 
#ct_content .frm .fieldCell{text-align:left;}
#ct_content .frm #commingWithDataTable .labelCell {width:20px; text-align:left;} 
#ct_content .frm #commingWithDataTabl .fieldCell{text-align:left;}

#ct_content .frm .reservationBlocTitle, #ct_content .frm .contactBlocTitle{font-weight:bold; padding-left:10px; background-color:#528153; color:#ededed; height:16px; line-height:16px;}
#ct_content .frm .listHeader{font-weight:bold; border-bottom:1px dotted #000000; border-top:1px dotted #000000;}


/* ---------------------------- Situation  -----------------------------*/
.situationAddress{float:left;}
.situationAddress a{color:#528153; text-decoration:none;}
.situationAddress a:hover{text-decoration:underline;}
.situationAddress .street-address{font-weight:bold;}
#ct_map_sidebar ul{list-style:none; margin:0; padding:0; padding-bottom:15px; font-size:11px;}
.ct_map{font-size:12px; margin-top:3px; margin-bottom:5px;}
.ct_map *{font-size:12px;}
.ct_map a{color:#528153; text-decoration:none;}
.ct_map a:hover{text-decoration:underline;}

/* ------------------------- Footer ------------------------- */
#footer #adress		{position:absolute;left:30px;top:38px;color:#FFFFFF;}
#footer #copyright	{position:absolute;left:580px;top:38px;color:#FFFFFF;}
#footer #copyright	a {color:#ffffff;text-decoration:none;}
#footer #copyright	a:hover {color:#ffe500;}

/* ---------------------------- Picturegallery  -----------------------------*/
.albumBox{height:140px; display:block; clear:both; padding:0; margin:0; color:#000000; border:none; border-bottom:dotted 1px #528153; margin-bottom:10px;}
.albumBox *{padding:0; margin:0;}
.albumBox_theImage{width:170px;	height:115px; float:left; display:block; margin-right:15px;}
.albumBox_theImage a img{padding:8px; border:solid 1px #CFCFCF;}
.albumBox_theImage a:hover img{ border:solid 1px #528153;}
.albumBox_label{display:block; font-size:11px; float:left;}
.albumBoxLast {margin-bottom:0;}

.imageBox {float:left; width:135px; height:120px; background-repeat:no-repeat; background-position:center center; padding:0; border:1px #FFF solid; margin:10px; padding-top:2px;padding-bottom:2px; display:block;}
.imageBox * {padding:0; margin:0;}
.imageBox:hover{background-color:#d2ff00; padding-top:2px; padding-bottom:2px;}

.ctPGBack a{background:url(../img/multibox/left.png) no-repeat center left; text-indent:30px; height:26px; line-height:26px; display:block; clear:both; margin-left:10px;}
.ctPGBack a:hover{text-decoration:none;}

/* ---------------------------- Agenda items  -----------------------------*/
.agenda_item{padding:15px; border-bottom:1px dotted #666666;}
.agenda_item_date{font-weight:bold; text-decoration:underline; letter-spacing:2px; padding-bottom:8px;}
.agenda_item_time{float:left; width:100px; color:#666666;}
.agenda_item_name{font-weight:bold; color:#027812; float:left;}
.agenda_item_description{padding-left:100px; clear:left; font-style:italic;}

/* ---------------------------- tooltip  -----------------------------*/
.tip {color:#ffffff; width:150px; z-index:13000;}
.tip-title {font-weight:bold; font-size:11px; margin:0; color:#90ee80; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tip-text {font-size:11px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right;}