/*	ECOTRAIL Main Stylesheet		*/

/*------------------------------------------------- GENERIC --------------------------------------------------*/
*	{padding: 0; margin: 0;}
img	{border: none;}
a	{text-decoration: none;}
a:hover	{text-decoration: none;}
hr	{display: none;}
li	{list-style-type: none; list-style-position: outside;}
/*------------------------------------------------ /GENERIC -------------------------------------------------*/

/*------------------------------------------- ELEMENT PROPERTIES --------------------------------------------*/
.clear		{clear: both; font-size: 1px; line-height: 0;}
.right		{float: right;}
.left		{float: left; display: inline;}
.center		{text-align: center; display: table; margin-left: auto; margin-right: auto;}

/* bordure */
.no_border	{border: none;}

/* centrage txt*/
.txt-c	{text-align: center;}
.txt-l	{text-align: left;}
.txt-r	{text-align: right;}

/* alignement vertical */
.valign-t	{vertical-align: top;}
.valign-m	{vertical-align: middle;}
.valign-b	{vertical-align: bottom;}

.rel		{position: relative;}

/*------------------------------------------- /ELEMENT PROPERTIES --------------------------------------------*/

html, body	{height: 100%; border: 0; margin: 0; padding: 0; background: #FFFFFF url(../../images/www.traildeparis.com/bg_drop_shadow.png) repeat-y;}

/*-------------------------------------------------- ZONES ---------------------------------------------------*/


#container			{position: relative; min-height: 100%; width: 980px;}
#page				{display: block; width: 956px; padding-bottom: 246px; overflow: auto; color: #222222; font-size: 11px;}
#logo				{position: absolute; display: block; left: 0; top: 0; width: 235px; height: 126px; background: url(../../images/www.traildeparis.com/skin_green/logo.png) no-repeat;}
#languages			{position: absolute; display: block; left: 22px; top: 108px;}
#languages img			{padding-right: 4px;}
#navigation			{position: absolute; display: block; z-index: 20; left: 0; top: 126px; width: 220px;}
#content				{position: absolute; display: block; z-index: 10; left: 235px; top: 54px; width: 722px;}
#central				{margin-left: 17px; width: 690px;}

#eventmenu			{padding-bottom: 20px;}
#eventmenu div.navmainline	{display: block; width: 220px; height: 3px; background: url(../../images/www.traildeparis.com/skin_grey/navline_long_thick.png) no-repeat;}
#eventmenu div.navsubline		{margin-top: -1px; padding-top: 2px; padding-bottom: 5px; background: url(../../images/www.traildeparis.com/skin_grey/navline_long_thin.png) no-repeat;}
#eventmenu div.navsubline a	{display: block; padding-top: 2px; padding-bottom: 3px; color: #948373; font-size: 13px;}
#eventmenu div.navsubline a img	{padding: 0 8px;}
#eventmenu ul			{padding-left: 23px; margin-top: -1px; width: 197px;}
#eventmenu li			{background: url(../../images/www.traildeparis.com/skin_grey/navline_short_thin.png) no-repeat}
#eventmenu li a			{display: block; color: #948373; font-size: 13px;}
#eventmenu li a:hover		{color: #C1CD3A;}

.eventmenu_closed	{display: block;}
.eventmenu_opened	{display: none;}


#footer				{width: 722px; height: 94px; padding-top: 152px; text-align: center; background: url(../../images/www.traildeparis.com/skin_grey/bg_footer.png) no-repeat;}
#footer div			{margin-bottom: 10px; vertical-align: middle;}
#footer div img			{vertical-align: middle; padding: 0 10px;}
#footer p			{border-top: solid #948373 1px; color: #948373; font-size: 12px; line-height: 22px;}
#footer a			{color: #948373;}
#footer a:hover			{color: #97B600;}
/*-------------------------------------------------- /ZONES --------------------------------------------------*/

/*------------------------------------------------- EFFECTS --------------------------------------------------*/

.shadowbox			{display: block; position: relative; margin: 4px -4px -4px 4px; background: url(../images/shadow-grid.gif) repeat;}
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser... and finally IE7 */
html>body .shadowbox		{margin: 10px -10px -10px 10px; background: url(../images/shadow_medium.png) right bottom no-repeat;}
/* IE6 specific hack */
* html .shadowbox		{margin-left: 2px;}
/* shadow corners */
.shadowbox:before, .shadowbox:after
				{content: " "; display: block; width: 10px; height: 10px; background: inherit;}
.shadowbox:before		{position: absolute; top: 0; right: 0; margin: -10px 0 0 auto; background-position: right top;}
.shadowbox:after			{margin: -10px 0 0 -10px; background-position: left bottom;}
.shadowbox .innerbox		{display: block; position: relative; overflow: hidden; left: -4px; top: -4px;}
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser... and finally IE7 */
html>body .shadowbox .innerbox	{left: -10px; top: -10px; margin: 0;}

.ajax_popup_mask			{position: absolute; left: 0; top: 0; width: auto; height: auto; margin-left: auto; margin-right: auto; text-align: center;}

/*------------------------------------------------- /EFFECTS --------------------------------------------------*/

#mainmenu			{padding-bottom: 20px;}
#mainmenu div.navmainline		{display: block; width: 220px; height: 3px; background: url(../../images/www.traildeparis.com/skin_green/navline_long_thick.png) no-repeat;}
#mainmenu ul			{padding-left: 23px; margin-top: -1px; width: 197px;}
#mainmenu li			{padding-top: 2px; padding-bottom: 3px; background: url(../../images/www.traildeparis.com/skin_green/navline_short_thin.png) no-repeat}
#mainmenu li span.selected	{display: block; color: #948373; font-size: 13px;}
#mainmenu li a			{display: block; color: #97B600; font-size: 13px;}
#mainmenu li a:hover		{color: #948373;}

#eventmenu li span.selected	{display: block; color: #C1CD3A; font-size: 13px; padding-top: 2px; padding-bottom: 3px;}

#header				{position: absolute; display: block; left: 252px; top: 0px;}
#header img			{margin-top: 44px;}

#localmenu			{padding-bottom: 20px;}
#localmenu div.navmainline	{display: block; width: 705px; height: 3px; background-color: #C1CD3A;}
#localmenu ul			{width: 400px; height: 63px;}
#localmenu li			{float: left; width: 122px; border-bottom: solid #C1CD3A 1px;}
#localmenu li span.selected	{display: block; padding-top: 2px; padding-bottom: 3px; text-align: center; color: #FFFFFF; font-size: 13px; background-color: #68BBE4;}
#localmenu li a			{display: block; padding-top: 2px; padding-bottom: 3px; text-align: center; color: #948373; font-size: 13px;}
#localmenu li a:hover		{color: #FFFFFF; background-color: #C1CD3A;}

#customcontent		{display: block; padding: 0; border: none; width: 685px;}
#customcontent p.title	{font-size: 16px; color: #948373; font-weight: bold; text-align: left; margin-bottom: 20px;}

#tools			{float: left; text-align: left; padding: 0 10px; width: 180px; border-left: solid #DDDDDD 1px;}
#tools span.address	{display: block; text-align: left; padding: 2px 10px 0 10px; border-left: solid #DDDDDD 1px;}

#homesearchbox, #pictsearchbox, #logbox, #createbox, #picturelist, #orderlist, #shippinglist
	{padding: 0px; text-align: left; border: solid #E3DDD6 1px; margin-bottom: 20px;}
#homesearchbox, #logbox, #createbox, #orderlist, #shippinglist
/*	{float: right; width: 66%;}*/
/*	{display: table; width: 404px;}*/
	{margin-left: 210px; width: 474px;}
#pictsearchbox, #picturelist
	{display: table; width: 684px;}
#homesearchbox table, #pictsearchbox table, #logbox table, #createbox table
	{margin: auto; padding: 10px;}

p.boxbar		{display: block; font-size: 12px; color: #948373; font-weight: bold; text-align: left; margin-bottom: 5px; border-bottom: solid #948373 1px; background: #E6E3E0;}

a, div, th, td, span, p, input, select
		{font-family: Arial, Helvetica, sans-serif;}
/*#search input	{font-size: 11px; font-style: normal; color: #090051; background-color:white;}*/

a:link			{text-decoration: none; color: #97B600}
a:visited		{text-decoration: none; color: #948373;}
a:hover			{text-decoration: none; color: #948373;}
a.button			{height: 14px; line-height: 15px; text-decoration: none; padding: 0 2px; border: solid #DDDDDD 1px; color: #FF3300;}
a.button:hover		{border: solid #AE0B40 1px; text-decoration: none; color: #AE0B40;}

ul.decal			{padding-left: 50px;}
li.contact		{list-style-type: disc; list-style-position: outside;}
li.contact a		{color: #97B600; font-weight: bold;}
li.contact a:hover	{color: #948373; text-decoration: underline;}

ol.booking li	{list-style-type: decimal; list-style-position: outside;}

.common		{color: #222222; font-size: 12px;}
.common_small	{color: #444444; font-size: 10px;}
.page_title	{color: #C1CD3A; font-weight: lighter; font-size: 34px;}

.info		{color: #948373};
.warning		{color: #FF2222;}
.error		{color: #FF2222; font-weight: bold;}