/* Default Police */

/*
** BODY
*/
body			{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px ;
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal ;
				}
.bgBody { background-color: #6ECBD3; } 

/*
** Imagerie
*/
.slider4
{
	width: 300px;
	height: 20px;
	background-image: url(slider_resize_back.jpg);
	border: 0px hidden #000;
}
#indicator1{
	background-color: #fff;
	border: 1px solid #ccc;
	height: 20px;
	width: 10px;
}
#imageHolder
{
	width: 650px;
	border: 1px solid #aaa;
	padding: 10px;
}
#imageHolder img{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 550px;
    height: 380px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

#previewContent{ 
	width:99%; 
	height:350px; 
	display: block; 
	clear:both; 
	margin:auto; 
	margin-top:10px; 
	background:#111; 
	border:1px dotted #444; }
.jqmClose{ 
	background:#FFDD00; 
	border:1px solid #FFDD00; 
	color:#000; 
	clear:right; 
	float:right; 
	padding:0 5px; 
	cursor:pointer; }
.jqmClose:hover{ background:#FFF; } 

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*
** H1
** ATTENTION ! Si on touche le style du P H1 H2 H3 H4 H5 H6 PRE 
** modifier le script de FCKEditor fckeditorcode_ie.js, fckeditorcode_geckos.js et fcktoolbarfontformatcombo.js en concéquence
*/
h1				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #92A93F; font-weight: bold }
h2				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #14565D; font-weight: bold }
h3				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EF29C4; font-weight: bold }
h4				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; font-weight: bold;  }

.h1				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #92A93F; font-weight: bold }
.h2				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #14565D; font-weight: bold }
.h3				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EF29C4; font-weight: bold }
.h4				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; font-weight: bold;  }

.9				{ font-size: 9px; }
.10				{ font-size: 10px; }
.11				{ font-size: 11px; }
.12				{ font-size: 12px;}
.13				{ font-size: 13px;}
.14				{ font-size: 14px;}


/*
** P
*/
p				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
p.title			{ font-size: 11px; color: black; font-weight: bold }
p.bold			{ font-weight: bold }

/*
** TD
*/

td				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
td.title		{ font-size: 11px; color: black; font-weight: bold }
td.bold			{ font-weight: bold }
td.menuPath     { font-size: 11px; color: black; text-decoration: none;  }
td.cellTab		{ border-bottom: 1px solid #DDDDDD }
td.cellTabBold	{ font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabIn	{ color: #A12020; font-weight: bold; border-bottom: 1px solid #DDDDDD }

/*
** LI
*/
li				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }

/*
** DIV
*/
div				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
div.title		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #92A93F; font-weight: bold  }
div.subtitle	{ font-size: 11px; color: #000000; font-weight: bold }
/* div.menu		{ font-size: 11px; color: #000000; font-weight: bold; background-color: #E6E4E4; } */
div.menu		{ font-size: 11px; color: #000000; font-weight: bold; border-top: 1px dashed #D3DBE8; }
div.displayInfo	{ padding: 1px; border: 1px dashed #D3DBE8; }
div.timestamp	{ padding: 1px; border: 1px dashed #D3DBE8; width: 290px; }
div.error		{ padding: 1px; background-color: #FFEFC8; border: 1px dashed #FF0000; }
ul.error 		{position: relative; bottom: 0px; padding-top : 17px;}
div.error>ul.error 	{ padding-top : 0px; margin-top: 7px;}

div.menuInWithBorder		{ background-color: #F79B24; text-align: center;  border-right: 1px solid #FFFFFF; }
div.menuOutWithBorder		{ background-color: #E81C1C; text-align: center;  border-right: 1px solid #FFFFFF; }
div.menuIn		{ background-color: #F79B24; text-align: center; }
div.menuOut		{ background-color: #E81C1C; text-align: center; }
div.menuOutHome	{ background-color: #1768AF; text-align: center;  border-right: 1px solid #FFFFFF;}

div.menuOutPrivate		{ background-color: #DDAB48; text-align: center; border-right: 1px solid #FFFFFF; }
div.menuOutPrivateHome	{ background-color: #A12020; text-align: center; border-right: 1px solid #FFFFFF; }
span.errorMessage	{ color: #FF0000; font-weight: bold; }

/*
** SPAN
*/
span.item		{ padding: 3px; }
span.item_over	{ padding: 2px;	background : #E9F2F8; border: solid #D3DBE8 1px; }
span.title 		{ font-weight: bold; color: #5D5D5D; }

/*
** FORMS
*/
input			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }
select			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000080; font-weight: normal }

/*
** A
*/
a:link     		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: none }
a:visited  		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: none }
a:active   		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: none }
a:hover    		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF; text-decoration: underline }

a.footer:link     { font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; font-weight: bold; }
a.footer:visited  { font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; font-weight: bold; }
a.footer:active   { font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; font-weight: bold; }
a.footer:hover    { font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: underline; font-weight: bold; }

a.menu:link     { font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menu:visited  { font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menu:active   { font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menu:hover    { font-size: 11px; color: #FFFFFF;  text-decoration: underline }

a.menuDeroule:link     { font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuDeroule:visited  { font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuDeroule:active   { font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuDeroule:hover    { font-size: 11px; color: #FFFFFF;  text-decoration: underline }

a.menuHeader:link     { font-size: 11px; color: #000000; text-decoration: none }
a.menuHeader:visited  { font-size: 11px; color: #000000; text-decoration: none }
a.menuHeader:active   { font-size: 11px; color: #000000; text-decoration: none }
a.menuHeader:hover    { font-size: 11px; color: #000000; text-decoration: underline }

a.menuContent:link     { font-size: 11px; color: #0000FF; text-decoration: none }
a.menuContent:visited  { font-size: 11px; color: #0000FF; text-decoration: none }
a.menuContent:active   { font-size: 11px; color: #0000FF; text-decoration: none }
a.menuContent:hover    { font-size: 11px; color: #0000FF; text-decoration: underline }

a.menuPath:link     { font-size: 11px; color: black; text-decoration: none;  }
a.menuPath:visited  { font-size: 11px; color: black; text-decoration: none; }
a.menuPath:active   { font-size: 11px; color: black; text-decoration: none;  }
a.menuPath:hover    { font-size: 11px; color: black; text-decoration: underline;  }



a.linkSummary:link     { font-size: 12px; color: #FFFFFF;  text-decoration: none }
a.linkSummary:visited  { font-size: 12px; color: #FFFFFF;  text-decoration: none }
a.linkSummary:active   { font-size: 12px; color: #FFFFFF;  text-decoration: none }
a.linkSummary:hover    { font-size: 12px; color: #FFFFFF;  text-decoration: underline }

.titleContent { font-size: 14px; color: #14565D; font-weight: bold ; }

.leftContent { background-color: #D8DADC;}

.menuActive { background-color: #E6B678 ; padding-left: 5px;}
.menuInactive { background-color: #D8DADC ; padding-left: 5px;}
.menuTitle { background-color: #E81C1C ; font-size: 11px; font-weight: bold; color: #FFFFFF; font-weight: bold; padding-top: 4px; padding-bottom: 4px; padding-left: 3px;}

a.return:link     { font-size: 11px; color: black; font-weight: bold;  text-decoration: none }
a.return:visited  { font-size: 11px; color: black; font-weight: bold;  text-decoration: none }
a.return:active   { font-size: 11px; color: black; font-weight: bold;  text-decoration: none }
a.return:hover    { font-size: 11px; color: black; font-weight: bold;  text-decoration: underline }

a.titleContent:link     { font-size: 11px; color: #92A93F; font-weight: bold ; text-decoration: none }
a.titleContent:visited     { font-size: 11px; color: #92A93F; font-weight: bold ; text-decoration: none }
a.titleContent:active     { font-size: 11px; color: #92A93F; font-weight: bold ; text-decoration: none }
a.titleContent:hover     { font-size: 11px; color: #92A93F; font-weight: bold ; text-decoration: underline; }

a.titleContent2:link     { font-size: 11px; color: #14565D; font-weight: bold ; text-decoration: none }
a.titleContent2:visited     { font-size: 11px; color: #14565D; font-weight: bold ; text-decoration: none }
a.titleContent2:active     { font-size: 11px; color: #14565D; font-weight: bold ; text-decoration: none }
a.titleContent2:hover     { font-size: 11px; color: #14565D; font-weight: bold ; text-decoration: underline; }

.searchDescription { color : #6D6464 ;}

.chevron { color: #29818D ; }
.footer { background-color: #29818D; color: #FFFFFF; }
.header { background-color: #D1D0D0;}

.bgTitle { background-color: #6D6464; }

.leftColumn  { width: 200px; border-left: #29818D 17px solid; }
.rightColumn  { width: 517px; border-right: #29818D 17px solid; }
.bgTableColumn { background-color: #90DDE5; }
.bgBorder { background-color: #B6EDF2 ; }

td.menuOn 	{ height: 30px; background-color: #29818D; padding-left: 10px;}
td.menuOff 	{ height: 30px; background-color: #46ABB5; padding-left: 10px;}

td.underMenuOn 		{ height: 20px; background-color: #29818D; padding-left: 20px; padding-bottom: 6px;}
td.underMenuOff 	{ height: 20px; background-color: #29818D; padding-left: 20px; padding-bottom: 6px;}

a.menuOn:link     { font-size: 11px; color: #98F1F9; font-weight:bold;  text-decoration: none }
a.menuOn:visited  { font-size: 11px; color: #98F1F9; font-weight:bold; text-decoration: none }
a.menuOn:active   { font-size: 11px; color: #98F1F9; font-weight:bold; text-decoration: none }
a.menuOn:hover    { font-size: 11px; color: #98F1F9; font-weight:bold; text-decoration: underline }

a.menuOff:link     { font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: none }
a.menuOff:visited  { font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: none }
a.menuOff:active   { font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: none }
a.menuOff:hover    { font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: underline }

a.underMenuOn:link     { font-size: 11px; color: #B8D15B; font-weight:bold; text-decoration: none }
a.underMenuOn:visited  { font-size: 11px; color: #B8D15B; font-weight:bold; text-decoration: none }
a.underMenuOn:active   { font-size: 11px; color: #B8D15B; font-weight:bold; text-decoration: none }
a.underMenuOn:hover    { font-size: 11px; color: #B8D15B; font-weight:bold; text-decoration: underline }

a.underMenuOff:link     { font-size: 11px; color: #B8D15B;  text-decoration: none }
a.underMenuOff:visited  { font-size: 11px; color: #B8D15B;  text-decoration: none }
a.underMenuOff:active   { font-size: 11px; color: #B8D15B;  text-decoration: none }
a.underMenuOff:hover    { font-size: 11px; color: #B8D15B;  text-decoration: underline }

a.pink:link     { font-size: 11px; color: #F12AC3; font-weight:bold;  text-decoration: none }
a.pink:visited  { font-size: 11px; color: #F12AC3;  font-weight:bold; text-decoration: none }
a.pink:active   { font-size: 11px; color: #F12AC3;  font-weight:bold; text-decoration: none }
a.pink:hover    { font-size: 11px; color: #F12AC3;  font-weight:bold; text-decoration: underline }

.pinkArrow { color: #F12AC3; }


/*
*	MODULE RESERVATION
*/
div.moduleReservationContent  { padding: 10px; padding-top: 0px  }
input.bouton { padding: 5px;text-align:center; font-size: 11px; color: #FFFFFF;  font-weight: bold; text-decoration: none; background-color : #29818D;  border-bottom: solid 2px #0F6874; border-right: solid 2px #0F6874; border-top: solid 2px #B6EDF2; border-left: solid 2px #B6EDF2;  }
td.planningTitleTab { background-color: #46ABB5 ; font-weight: bold; color: #FFFFFF; font-size: 11px; padding: 3px }
td.planningTab { background-color: #FFFFFF ; font-weight: normal; color: #000000; font-size: 11px;  border-bottom: 1px solid #46ABB5 ; padding: 1px; }
td.planningActiveTab { background-color: #B6EDF2 ; font-weight: normal; color: #000000; font-size: 11px;  border-bottom: 1px solid #46ABB5 ; padding: 1px; }
td.planningLoggedTab { background-color: #FFFCC0 ; font-weight: normal; color: #000000; font-size: 11px;  border-bottom: 1px solid #46ABB5 ; padding: 1px; }
hr.planning { border: solid 1px #46ABB5;  }
a.bouton:link 		{ padding: 5px;text-align:center;font-size: 11px; color: #FFFFFF;  font-weight: bold; text-decoration: none; background-color : #29818D;  border-bottom: solid 2px #0F6874; border-right: solid 2px #0F6874; border-top: solid 2px #B6EDF2; border-left: solid 2px #B6EDF2;  } 
a.bouton:visited 	{ padding: 5px;text-align:center;font-size: 11px; color: #FFFFFF;  font-weight: bold; text-decoration: none; background-color : #29818D;  border-bottom: solid 2px #0F6874; border-right: solid 2px #0F6874; border-top: solid 2px #B6EDF2; border-left: solid 2px #B6EDF2; } 
a.bouton:active 	{ padding: 5px;text-align:center;font-size: 11px; color: #FFFFFF;  font-weight: bold; text-decoration: none; background-color : #29818D;  border-bottom: solid 2px #0F6874; border-right: solid 2px #0F6874; border-top: solid 2px #B6EDF2; border-left: solid 2px #B6EDF2;  } 
a.bouton:hover 		{ padding: 5px;text-align:center;font-size: 11px; color: #FFFFFF;  font-weight: bold; text-decoration: none; background-color : #29818D;  border-bottom: solid 2px #B6EDF2; border-right: solid 2px #B6EDF2; border-top: solid 2px #0F6874; border-left: solid 2px #0F6874;  } 


/* START : CSS LIGHTBOX */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/chlaciotat/script/scriptaculous-js-1.6.5/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/chlaciotat/script/scriptaculous-js-1.6.5/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/chlaciotat/script/scriptaculous-js-1.6.5/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; 	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #81DFE9;
	filter:alpha(opacity=60);
	}
	
/* END : CSS LIGHTBOX */