TABLE.top_menu {
	MARGIN: 0px 12px
}
P.top_menu {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 3px 0px 4px 3px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
TABLE.menu {
	MARGIN: 10px 0px 0px
}
.menu_head {
	MARGIN-TOP: 4px; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-BOTTOM: 8px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.admin_menu_head {
	MARGIN-TOP: 4px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 8px; COLOR: #cc2222; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
P.menu_body {
	MARGIN: 8px 0px 6px 3px
}
A.menu_body {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.menu_body:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
A.admin_menu_body {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #cc2222; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.admin_menu_body:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cc2222; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.menu_body_hot {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff2222; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.menu_body_hot:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff2222; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
A.note {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #0000ff; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
A.note:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.select_link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #6666ff; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
A.select_link:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #6666ff; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
A.select_link:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.menu_img {
	BORDER-LEFT-COLOR: #000066; BORDER-BOTTOM-COLOR: #000066; MARGIN: 10px 0px 0px; BORDER-TOP-COLOR: #000066; BORDER-RIGHT-COLOR: #000066
}
.menu_img_title {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 4px 0px 0px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.menu_img_title:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 4px 0px 12px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.menu_copyright {
	MARGIN-TOP: 4px; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: 4px; COLOR: #7777aa; FONT-FAMILY: Arial
}
.footer {
	MARGIN-TOP: 4px; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; COLOR: #7777aa; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.footer:hover {
	MARGIN-TOP: 4px; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; COLOR: #7777aa; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.title {
	MARGIN-TOP: 4px; FONT-WEIGHT: bold; FONT-SIZE: 20px; MARGIN-BOTTOM: 12px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.text {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 3px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.small_link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 3px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.admin_title {
	MARGIN-TOP: 4px; FONT-WEIGHT: bold; FONT-SIZE: 20px; MARGIN-BOTTOM: 12px; COLOR: #cc2222; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.admin_text {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 3px; COLOR: #cc2222; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.create_announce {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 4px 3px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.err_announce {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 4px 3px; COLOR: #ff0000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffbbee; TEXT-DECORATION: none
}
.subtitle {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 1px 6px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.input_text {
	BORDER-RIGHT: #9999bb 1px solid; BORDER-TOP: #9999bb 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 0px 8px 0px 4px; BORDER-LEFT: #9999bb 1px solid; COLOR: #555599; BORDER-BOTTOM: #9999bb 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.input_select {
	BORDER-RIGHT: #9999bb 1px solid; BORDER-TOP: #9999bb 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 0px 1px; BORDER-LEFT: #9999bb 1px solid; COLOR: #555599; BORDER-BOTTOM: #9999bb 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.input_button {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px 1px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ff9966; TEXT-ALIGN: center
}
.input_button:hover {
	BORDER-RIGHT: #ff9966 1px solid; BORDER-TOP: #ff9966 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px 1px; BORDER-LEFT: #ff9966 1px solid; COLOR: #ff9966; BORDER-BOTTOM: #ff9966 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
FORM {
	MARGIN: 0px
}
A.link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0000ff; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
A.link:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.menu_link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #2222aa; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
A.menu_link:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
.details_title {
	MARGIN-TOP: 14px; FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 2px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.details_ref {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 6px; MARGIN-LEFT: 40px; COLOR: #888888; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.details_type {
	MARGIN-TOP: 14px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 18px; MARGIN-LEFT: 20px; COLOR: #ff6600; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.details_menu {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 2px; COLOR: #0000ff; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.details_menu:hover {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 2px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.details_etiquette {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 7px; COLOR: #ff6600; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.details_subtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 3px 3px 3px 2px; COLOR: #ff6600; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.details_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 3px 3px 3px 2px; COLOR: #ff2222; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.result_title {
	MARGIN-TOP: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 8px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.result_title:hover {
	MARGIN-TOP: 6px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 8px; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.result_ref {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 6px; MARGIN-LEFT: 8px; COLOR: #888888; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.result_summary {
	MARGIN-TOP: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 8px; COLOR: #ff6600; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.result_selection {
	MARGIN-TOP: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 8px; COLOR: #000000; FONT-STYLE: italic; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
A.page {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: 0px 1px; COLOR: #5555ff; FONT-FAMILY: Arial
}
A.page:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN: 0px 1px; COLOR: #ff0000; FONT-FAMILY: Arial
}
.page_selected {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px 1px; COLOR: #dd4444; FONT-FAMILY: Arial
}



/*************************************************************/
/*                GESTION STRUCTURE DE LA PAGE               */
/*************************************************************/

body
{
	color: #333333;
	background: #ffffff url('../../juanlespins06/images/bg.gif');
	margin: 0px;
	padding: 0px 0px 30px;
	font-size: 12px;
	font-family: Arial;
	position: relative;	/* Pour autosuggest et safari */
}

table
{
	font-size: 12px;
	font-family: Arial;
}

#head-bg
{
	color: #333333;
	background: transparent url('../../juanlespins06/images/top-bg.png');
	background-repeat: repeat-x;
	width: 100%;
}

#page
{
	margin-left: auto;
	margin-right : auto;
	margin-top : 0px;
	width: 760px;
	min-height: 600px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #ffffff;
}

/*********************** HEADER ****************************/

#header
{
	background: #0facea url('../../juanlespins06/images/header.png') no-repeat;
	height: 120px;
	border-bottom: 5px solid #ffffff;
	position: relative;
	margin: 0px;
}

div#lang
{
	margin: 0px;
	padding-top: 8px;
	padding-right: 9px;
	float: right;
}

img#lang-img
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 6px;
	vertical-align: middle;
}

select#lang-select
{
	background-color: #aaccff;
	border-width: 1px;
	border-style: solid;
	border-color: #d9feff;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom : 3px;
	color: #004499;
}

div#slogan
{
	margin: 0px;
	padding-left: 122px;
	padding-top : 56px;
	font: bold 13px Arial;
	font-style: italic;
	color: #c9eefe;
	float: left;
	clear: left;
}

div#slogan a
{
	font: bold 13px Arial;
	font-style: italic;
	color: #c9eefe;
	text-decoration: none;
}

div#selection
{
	margin: 0px;
	padding-right: 10px;
	padding-top : 21px;
	width: 240px;
	text-align: right;
	font: bold 12px Arial;
	color: #ffffff;
	float: right;
	clear: right;
}

#selection a
{
	font: bold 12px Arial;
	color: #ffffff;
	text-decoration: underline;
	outline: none;
	width: 240px;
	height: 20px;
	overflow: hidden;
}

#selection a:hover
{
	color: #ffdd00;
}

#nav
{
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 5px;
	bottom: 0px;
}

ul#nav li
{
	float: left;
	margin-left: 4px;
}

ul#nav li a
{
	color: #ffffff;
	text-decoration: none;
	background: #5588cc url('../../juanlespins06/images/nav-button-bg.gif') repeat-x;
	padding: 3px 9px 5px 9px;
	font: bold 13px Verdana, Arial;
	border-top: 1px solid #e6eed0;
	border-left: 1px solid #c6ced0;
	border-right: 1px solid #c6cef0;
	display: block;
	outline: none;
}

ul#nav li a:hover
{
	color: #ffdd00;
}

ul#nav li a.subscribe
{
	background: #5588cc url('../../juanlespins06/images/nav-subscribe-button-bg.gif') repeat-x;
	color: #ee4444;
	border-top: 1px solid #ffccaa;
	border-left: 1px solid #ffccaa;
	border-right: 1px solid #ffccaa;
}

ul#nav li a.subscribe:hover
{
	color: #000000;
}

ul#nav li a.homepage
{
	padding: 3px 9px 2px 9px;
}

ul#nav img
{
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

/************************ ROOT *****************************/

div#root img#logo-all-languages
{
	border-width: 0px;
	float: right;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-top: 18px;
}

div#root p.intro
{
	font-size: 15px;
	margin-left: 30px;
	line-height: 22px;
	margin-top: 26px;
	margin-bottom: 0px;
}

div#root-flag
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div.root-flag
{
	float: left;
	width: 138px;
	margin-bottom: 12px;
	margin-top: 6px;
	text-align: center;
}

div.root-flag img
{
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px 5px 10px;
}

div#root-content
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #f6f6f6;
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
	color: #777777;
	line-height: 16px;
}

div#root-content h2
{
	text-align: left;
	color: #777777;
}

div#root-footer
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
}

div#root-footer img
{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-width: 0px;
}

/*********************** FOOTER ****************************/

div#footer
{
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
}

p.footer
{
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	color: #888888;
}

div#footer p.lang
{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

div#footer p.lang a
{
	color: #888888;
	outline: none;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

div#footer p.lang a:hover
{
	color: #ff6666;
}

p.footer-debug
{
	text-align: left;
	color: #000000;
	text-align: left;
}

a.footer
{
	color: #6666ff;
	outline: none;
}

a.footer:hover
{
	color: #ff6666;
}



/*************************************************************/
/*        GESTION DES BOXES ET DES TEXTES INTERNES           */
/*************************************************************/

/*********************** MENU BOX ****************************/

div.menu-box
{
	background-color: #ffffff;
	background-image: url('../../juanlespins06/images/bg-menu.png');
	background-repeat: no-repeat;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffe4a4;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: auto;
	margin-bottom: 5px;
}

div.menu-box p.title, p.menu-title
{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 3px;
	text-align: left;
	font: bold 13px Arial;
	color: #ee6622;
}

div.menu-box p.text, p.menu-text
{
	margin: 4px;
	padding-top: 0px;
	padding-left: 3px;
	text-align: left;
	font: 13px Arial;
	color: #880000;
}

div.menu-box a
{
	color: #ee5522;
	text-decoration: none;
	outline: none;
}

div.menu-box a:hover
{
	color: #000000;
	text-decoration: underline;
}

div.main-menu
{
	width: 158px;
}

div.manager-menu
{
	width: 190px;
}

div.menu-box img
{
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 4px;
	border-width: 0px;
}

div.menu-box ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
}

div.menu-box li
{
	padding-bottom: 6px;
}

/*********************** RED ADMIN BOX ****************************/

div.red-box
{
	background-color: #fff4f4;
	background-image: url('../../juanlespins06/images/bg-red-box.png');
	background-repeat: repeat-x;
	margin: 0px;
	border-style: solid;
	border-width: 2px;
	border-color: #ff5555;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*********************** GREY BOX ****************************/

div.grey-box
{
	background-color: #fafafa;
	background-image: url('../../juanlespins06/images/bg-grey-box.png');
	background-repeat: repeat-x;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.grey-box p.title, p.grey-title, div.red-box p.title
{
	margin-top: 1px;
	margin-bottom: 12px;
	padding-top: 0px;
	margin-left: 3px;
	text-align: left;
	font: 13px Arial;
	color: #666666;
}

div.grey-box p.text, p.grey-text, div.red-box p.text, div.grey-box li 
{
	margin-top: 4px;
	padding-top: 0px;
	margin-left: 3px;
	text-align: left;
	font: 13px Arial;
	color: #666666;
}

div.grey-box ul
{
	padding-left: 20px;
}

/*********************** YELLOW BOX ****************************/

div.yellow-box
{
	background-color: #ffffff;
	background-image: url('../../juanlespins06/images/bg-yellow-box.png');
	background-repeat: no-repeat;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffe4a4;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.yellow-box p.title, p.yellow-title
{
	margin-top: 1px;
	margin-bottom: 12px;
	padding-top: 0px;
	margin-left: 3px;
	text-align: left;
	font: bold 13px Arial;
	color: #ee6622;
}

div.yellow-box p.text, p.yellow-text
{
	margin-top: 4px;
	padding-top: 0px;
	margin-left: 3px;
	text-align: left;
	font: 13px Arial;
	color: #ee6622;
}

/*********************** BLUE BOX ****************************/

div.blue-box
{
	background-color: #fafafa;
	background-image: url('../../juanlespins06/images/bg-blue-box.png');
	background-repeat: no-repeat;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #aabbff;
	padding: 3px;
	overflow: auto;
}

/*********************** GREEN BOX ****************************/

div.green-box
{
	background-color: #ffffff;
	background-image: url('../../juanlespins06/images/bg-green-box.png');
	background-repeat: no-repeat;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #c4eea4;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.green-box p.title, p.green-title
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 12px;
	margin-left: 3px;
	text-align: left;
	font: bold 13px Arial;
	color: #55aa55;
}

div.green-box p.text, p.green-text
{
	margin-top: 12px;
	padding-top: 0px;
	margin-left: 3px;
	text-align: left;
	font: 13px Arial;
	color: #669966;
}

/*********************** RED BOX ****************************/

p.red-title
{
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
	margin-left: 3px;
	text-align: left;
	font: 13px Arial;
	color: #ff4444;
}

p.red-text
{
	margin-top: 12px;
	padding-top: 0px;
	margin-left: 3px;
	text-align: left;
	font: 13px Arial;
	color: #ff2222;
}



/*************************************************************/
/*                   GESTION DES STORYTEXTS                  */
/*************************************************************/

div.storytext
{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border: 1px solid #dddddd;
	background: whitesmoke url('../../juanlespins06/images/bg_quote_top.png') 2px 3px no-repeat;
	height: 127px;
}

blockquote.storytext
{
	margin: 0px -1px -1px 0px;
	padding: 4px;
	background: transparent url('../../juanlespins06/images/bg_quote.png') bottom right no-repeat;
	height: 120px;
}

p.storytitle
{
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	color: #bbbbbb;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 12px;
}

p.storytext
{
	color: #6666aa;
	margin-top: 2px;
	margin-bottom: 6px;
	font-size: 0.9em;
	width: 100%;
}

p.storysign
{
	margin-top: 2px;
	margin-bottom: 6px;
	font-size: 0.9em;
	text-align: right;
	padding-right: 28px;
	color: #555555;
}

div.story-clickbox
{
	margin-top: -23px;
	margin-right: -1px;
	float: right;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: transparent url('../../juanlespins06/images/bg_quote.png') bottom right no-repeat;
	position: relative;
}



/*************************************************************/
/*                  GESTION DES FORMULAIRES                  */
/*************************************************************/

form
{
	margin: 0px;
	padding: 0px;
}

/******************* SEARCH AND FOCUS FORM *******************/

div#search-form-index
{
	width: 252px;
	float: left;
	margin-left: 5px;
	padding-bottom: 30px;
	overflow: hidden;
}

div#focus-form
{
	width: 752px;
	clear: both;
	overflow: hidden;
}

div#search-form-index div
{
	margin-left: 20px;
	margin-right: 20px;
}

div.focus-form-div
{
	float: left;
	width: 240px;
	padding-left: 2px;
}

a.advanced-search
{
	float: right;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
}

p.search-form-subtitle
{
	margin: 0px;
	padding: 4px;
	font-size: 18px;
	color: #ff9900;
	font-weight: bold;
	text-align: left;
	border-color: #ffe8e8;
	font-style: italic;
}

p.search-form, p.focus-form
{
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
}

div#search-form-index div select, div#search-form-index div input
{
	margin-top: 0px !important;
	margin-top: -1px;
	margin-bottom: 0px !important;
	margin-bottom: -1px;
}

img.loading
{
	margin-left: 4px;
	margin-top: 2px;
	vertical-align: top;
}

input#ed, input#sd
{
	width: 76px;
}

span.search-form-date, span.focus-form-date
{
	float: left;
	display: block;
	width: 100px;
	margin-top: 3px;
}

span.search-form-price, span.focus-form-price
{
	float: left;
	display: block;
	width: 120px;
	margin-top: 3px;
}

img.euro
{
	vertical-align: top;
	margin-left: 4px;
	padding: 0px;
}

div#search-form-submit
{
	position: relative;
	margin-top: -25px;
	margin-right: 0px;
	float: right;
}

div#focus-form-submit
{
	position: relative;
	margin-top: -1px;
	float: right;
	margin-bottom: 4px;
}

div#focus-form-filter
{
	width: 180px;
	margin-top: 6px;
	float: left;
}

div#focus-form-filter input
{
	vertical-align: -3px;
	clear: both;
}

p.filter-text
{
	margin: 0px 0px 0px 3px;
	padding: 0px;
	text-align: left;
	font: 13px Arial;
	color: #669966;
}

div#search-form-index input.thematic
{
	vertical-align: -2px;
}

/******************* FORMULAIRE DU MANAGER *******************/

table.form
{
	margin: 2px 0px 4px 0px;
	padding: 0px;
	width: 100%;
}

table.form td
{
	height: 24px;
	padding: 4px;
}

.field
{
	background-color: #fafafa;
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
	font-size: 12px;
	color: #4444aa;
	margin: 0px;
}

input.prefill-field
{
	background-color: #fafafa;
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
	font-size: 12px;
	color: #999999;
	font-style: italic;
	margin: 0px;
}

p.form
{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #666666;
}

p.form-title
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	font-size: 13px;
	color: #ff9900;
	font-weight: bold;
	text-align: center;
	background-color: #ffffcc;
	border-width: 1px;
	border-style: solid;
	border-color: #ffe8e8;
}

p.form-comment
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	font-size: 13px;
	color: #009900;
	text-align: center;
}

table.text-form
{
	background-color: #fff4ea;
	margin: 4px 0px 0px 0px;
	padding: 4px;
	width: 100%;
	height: 138px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffdddd;
}

.text-form-field
{
	background-color: #fff8f8;
	border-width: 1px;
	border-color: #ddbbbb;
	border-style: solid;
	font-size: 12px;
	color: #aa4444;
}

div.form-msg-alert
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	background-color: #ffe8cc;
	overflow: hidden;
	height: 0px;
}

table.form-msg-alert
{
	width: 100%;
	height: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #ffccbb;
}

p.form-msg-alert
{
	margin: 0px; 
	padding: 2px;
	text-align: left;
	color: #dd4444;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
}

div.form-msg-ok
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	background-color: #e5ffe5;
	overflow: hidden;
	height: 0px;
}

table.form-msg-ok
{
	width: 100%;
	height: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #aaddbb;
}

p.form-msg-ok
{
	margin: 0px; 
	padding: 2px;
	text-align: left;
	color: #44bb44;
	font-size: 12px;
	vertical-align: middle;
}

.resizable
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 0px;
}

div#form-submit
{
	position: relative;
	margin-bottom: -3px;
	margin-right: -5px !important;
	padding: 0px !important;
	padding-right: 4px;
	float: right;
}

div#form-submit input
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	vertical-align: bottom;
}

input
{
	outline: none;
}

p.order-slider
{
	padding-top: 0px;
	font: 13px Arial;
	color: #666666;
	text-align: center;
	width: 500px;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	background-color: #e2e9ff;
	padding: 4px;
	border-color: #ccccff;
	border-width: 1px;



	border-style: solid;
	line-height: 24px;
}

a.cgu
{
	color: #ee6622;
}

a.cgu:hover
{
	color: #ff2222;
}

/*************************************************************/
/*               GESTION DES TITLES SUBTITLES                */
/*************************************************************/

h1
{
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #cc0000;
	font: 18px Arial;
	text-align: center;
}

p.h1-subtitle
{
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	text-align: center;

	font-size: 13px;
	color: #666666;
}

h2
{
	margin-top: -2px;
	margin-bottom: 2px;
	margin-left: 0px;
	color: #222222;
	font: 14px Arial;
	font-weight: bold;
	text-align: center;
}

p.subheader
{
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 6px;
	text-align: right;
}



/*************************************************************/
/*                     GESTION DU MANAGER                    */
/*************************************************************/

/*********************** MESSAGES ****************************/

div.msg-alert
{
	margin-top: 12px;
	padding: 10px;
	background-color: #ffe8cc;
	border-width: 1px;
	border-style: solid;
	border-color: #ffccbb;
	margin-left: auto;
	margin-right: auto;
}

div.msg-alert table
{
	width: 100%;
	height: 100%;

}

div.msg-alert img
{
	margin-left: 8px;
	margin-right: 8px;
}

div.msg-alert p
{
	margin: 0px; 
	padding: 2px;
	text-align: left;
	color: #dd4444;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}

div.msg-info
{
	margin-top: 12px;
	padding: 10px;
	background-color: #f0f0ff;
	border-width: 1px;
	border-style: solid;
	border-color: #aabbdd;
	margin-left: auto;
	margin-right: auto;
}

div.msg-info table
{
	width: 100%;
	height: 100%;
}

div.msg-info img
{
	margin-left: 8px;
	margin-right: 8px;
}

div.msg-info p
{
	margin: 0px; 
	padding: 2px;
	text-align: left;
	color: #4444bb;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}

div.msg-ok
{
	margin-top: 12px;
	padding: 10px;
	background-color: #e5ffe5;
	border-width: 1px;
	border-style: solid;
	border-color: #aaddbb;
	margin-left: auto;
	margin-right: auto;
}

div.msg-ok table
{
	width: 100%;
	height: 100%;
}

div.msg-ok img
{
	margin-left: 8px;
	margin-right: 8px;
}

div.msg-ok p
{
	margin: 0px; 
	padding: 2px;
	text-align: left;
	color: #44bb44;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}

/*********************** TABLES ****************************/

table.table
{
	background-color: #fff2f2;
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

table.table td
{
	background-color: #ffffff;
	padding: 2px;
}

table.table thead td
{
	background-color: #fff9dd;
	padding: 2px;
}

table.table tfoot td
{
	background-color: #fff9dd;
	padding: 2px;
}

table.table p
{
	font: 13px Arial;
	color: #666666;
	margin: 0px;
}

/*********************** CONTACT TABLES ****************************/

table.contacts
{
	background-color: #ffffff;
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	margin-bottom: 4px;
	width: 100%;
}

table.contacts td
{
	background-color: #ffffff;
	padding: 4px;
}

table.contacts thead td
{
	background-color: #aaaaff;
	padding: 2px;
	text-align: center;
}

table.contacts thead td p
{
	color: #fff;
	font-weight: bold;
}

table.contacts tfoot td
{
	background-color: #fff9dd;
	padding: 2px;
}

table.contacts p
{
	font: 13px Arial;
	color: #666666;
	margin: 0px;
}

a.contacts
{
	color: #3333ff;
	outline: none;
}

a.contacts:hover
{
	color: #ff5500;
}

p.contacts_page
{
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	padding: 2px;
	font: 13px Arial;
	color: #666666;
}

p.contacts_page a
{
	padding: 2px;
	color: #3333ff;
	outline: none;
}

p.contacts_page a:hover
{
	color: #ff5500;
}

p.contacts_page span
{
	padding: 2px;
	font-weight: bold;
	color: #ff0000;
}


/*************************************************************/
/*                     GENERIC STYLES                        */
/*************************************************************/

a.link
{
	color: #6666ff;
	outline: none;
}

a.link:hover
{
	color: #ff6666;
}

a.no-underline
{
	text-decoration: none;
}

img.photo
{
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
	padding: 2px;
	background-color: #fff;
}

img.photo:hover
{
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
	padding: 2px;
	background-color: #fff;
}

hr
{
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 0px 0px 0px;
	margin: 2px;
}

p.hmenu
{
	text-align: center;
}

p.hmenu a
{
	color: #6666ff;
	outline: none;
	margin-left: 12px;
	margin-right: 12px;
}

p.hmenu a:hover
{
	color: #ff6666;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

div.photo a
{
	outline: none;
}

div.photo img
{
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
}

div.photo img:hover
{
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
}


/* Les infosbulles
 ***/

a.info
{
    position:relative;
    color: inherit;
    text-decoration: none;
}

a.info img
{
	border-width: 0px;
	vertical-align: middle;
}

a.info span
{
	display: none;
}

a.info:hover span
{
	display: block;
	position: absolute;
	top: 20px;
	left: -122px;
	width: 250px;
	border: 1px solid #ffbb66;
	background-color: #ffeedd;
	color: #aa0000;
	padding: 6px;
	z-index: 999;
}



/*************************************************************/
/*                      GESTION DE LA FAQ                    */
/*************************************************************/

div#faq-menu
{
	margin-top: 14px;
	line-height: 22px;
}

div#faq-menu a
{
	text-decoration: none;
	font-size: 1.2em;
	color: #4488ff;
}

div#faq-menu a:hover
{
	text-decoration: underline;
	font-size: 1.2em;
	color: #ff6622;
}

div#faq-section
{
	margin-left: 5px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	width: 515px;
}

div#faq-content p
{
	margin-top: 18px;
	color: #666666;
	line-height: 20px;
	font-size: 14px;
}



/*************************************************************/
/*                      GESTION DES MAPS                     */
/*************************************************************/

/*********************** MINI MAP VIEW ***********************/

#mapViewOuterDiv
{
	height: 106px;
	width: 266px;
	border: 1px solid #bbbbdd;
	position:relative;
	overflow: hidden;
	margin: auto;
	margin-bottom: 0px;
	padding: 0px;
	float: right;
	cursor: pointer;
}

#mapViewInnerDiv
{
	position: relative; 
	left: 0px;
	top: 0px;
}

#mapViewMoveIcon
{
	top: 2px;
	left: 249px;
	position: absolute;
	z-index: 999;
}

#mapViewImg
{
	visibility: hidden;
}

#mapViewTarget
{
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	visibility: hidden;
}

#mapViewMask
{
	position: relative;
	height: 3200px;
	width: 3200px;
	top: -1600px;
	left: -1600px;
	border-width: 2px;
	border-style: solid;
	background-color: white;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
}

/*********************** MAP SEARCH ***********************/

div#map-search
{
	width: 510px;
	float: right;
	margin-right: 2px !important;
	margin-right: 0px;
	padding: 0px;
	background-image: url('../../juanlespins06/images/map-loading.gif');
	background-repeat: no-repeat;
	background-position: 240px 100px;
}

div#map-search img
{
	vertical-align: top;
}

div#map-search div#map-div
{
	overflow: hidden;
	clear: both;
	width: 512px;

}

div#map-search img#target
{
	position: relative;
	visibility: visible;
	display: none;
}

img#map
{
	border-width: 1px;
	border-style: solid;
	border-color: #aaaadd;
}

span.map-back
{
	float: left;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	margin-right: 6px;
	margin-left: 0px;
	border-left: 1px;
	border-top: 2px;
	border-right: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #aaccff;
	cursor: pointer;
	background-color: #eef6ff;
}

span.map-back:hover
{
	background-color: #e2f0ff;
}

span.map-legend
{
	float: left;
	text-align: left;
	font-size: 14px;
	font-style: italic;
	color: #ffaa00;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	margin-right: 6px;
	margin-left: 0px;
	border-left: 1px;
	border-top: 2px;
	border-right: 1px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #ffbb22;
	cursor: pointer;
	background-color: #ffffdd;
}

span.map-legend:hover
{
	background-color: #ffffaa;
	color: #ee6600;
}

div#map-index
{
	position: relative;
	width: 322px;
	float: left;
	margin-left: 5px;
}

div#map-index p#map-title
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 18px;
	color: #ffcc22;
	font-weight: bold;
	text-align: left;
	font-style: italic;
}

div#map-index div
{
	height: 262px;
}

div#map-index div span
{
	margin-top: -250px;
	margin-left: 210px;
	width: 100px;
	text-align: right;
	display: block;
	font-size: 20px;
	font-style: italic;
	color: #449944;
	font-weight: bold;
}

div#map-index p#other-states
{
	margin-top: -7px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 18px;
	padding: 6px;
	color: #aaaaaa;
	background-color: #f6f6f6;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #dddddd;
	height: 38px;
}

div#map-index p#other-states span
{
	font-weight: bold;
}


/*************************************************************/
/*            GESTION DES LISTES DE RESULTATS                */
/*************************************************************/

div.search-infos
{
	width: 386px;
	margin: 8px 6px 0px 8px;
	float: left;
	padding: 2px;
	font-size: 12px;
}

div.alert-me
{
	margin-top: 4px;
	margin-bottom: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	float: right;
	width: 550px;
	background-color: #f6f6f6;
	padding: 3px 5px 3px 5px;
	line-height: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.alert-me input.alert-me-text
{
	background-color: #fafafa;
	border-width: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	width: 180px;
}

div.alert-me input.alert-me-button
{
	vertical-align: -5px;
	margin-left: 4px;
}

div.pages
{
	width: 500px;
	margin: 6px 0px 6px 0px;
	float: left;
	border-width: 0px;
	padding: 2px;
	font-size: 1.2em;
}

div.pages a
{
	color: #6666ff;
	outline: none;
	margin-right: 2px;
}

div.pages a:hover
{
	color: #ff6666;
}

div.pages span.selected-page
{
	color: #ff0000;
	font-weight: bold;
	margin-right: 2px;
}

/*********************** RESULT ROW ****************************/

div.results
{
	float: right;
	width: 564px;
 }

div.result
{
	border-width: 2px 1px 2px 1px;
	border-style: solid;
	float: right;
	min-height: 100px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.result-default
{
	border-color: #ffddaa;
	background-image: url('../../juanlespins06/images/bg-results.png');
}

div.result-7enlocation
{
	border-color: #dddddd;
	background-image: url('../../juanlespins06/images/bg-results-7enloc.png');
}



div.highlighted
{
	background-image: url('../../juanlespins06/images/bg-promo-results.png');
	border-color: #ffaa66;
}

div.promo
{
	text-align: center;
	background-image: url('../../juanlespins06/images/bg-promo.png');
	margin: -1px auto 6px auto;
	color: #ff0000;
	font-weight: bold;
}

div.result div.pictos
{
	width: 58px;
	height: 116px;
	float: right;
	text-align: right;
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

div.result div.pictos img
{
	margin: 1px;
}

div.result p.title
{
	margin: 2px;
	margin-top: 3px;
	padding: 0px;
}

div.result p.title a
{
	margin: 0px;
	padding: 0px;
	color: #dd0000;
	text-decoration: none;
	font-weight: bold;
}

div.result-7enlocation p.title a
{
	color: #666666;
}

div.result p.title a:hover
{
	color: #000000;
	text-decoration: underline;
}

div.result p.subtitle
{
	margin: 3px 2px 3px 2px;
	padding: 0px;
	font-size: 11px;
	color: #aa7777;
}

div.result div.photo
{
	float: left;
	width: 130px;
	min-height: 90px;
	padding: 0px;
	margin: 0px;
}

div.result img.photo
{
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
	padding: 2px;
	background-color: #ffffff;
	margin: 2px 2px 0px 2px;
}

div.result img.inactive
{
	margin-left: 30px;
	margin-top: 18px;
}

div.result div.infos
{
	padding: 0px 0px 0px 4px;
	margin: 2px 3px 6px 0px;
	float: right;
	color: #992222;
}

div.result div.infos p
{
	margin: 2px 0px 2px 0px;
	padding: 0px;
}

div.result div.infos p.price
{
	font-size: 12px;
	color: #ff8400;
	line-height: 18px;
}

div.result div.infos p.price span.strong
{
	font-weight: bold;
	font-size: 15px;
}

div.result div.infos p.price span.light
{
	color: #aa7777;
	font-size: 11px;
}

div.result div.more
{
	clear: both;
	overflow: auto;
	margin-bottom: 2px;
}

div.result div.more div.ref
{
	float: left;
	margin: 4px 3px 0px 3px;
	padding: 0px 2px 0px 0px;
	text-align: left;
	color: #aa7777;
	font-size: 11px;
	height: 14px;
}

div.result div.more div.selection
{
	width: 174px;
	float: left;
	margin: 3px 3px 1px 3px;
	padding: 0px 2px 0px 2px;
	text-align: left;
	color: #663333;
	padding-top: 0px;
	font-size: 11px;
}

div.result div.more div.selection img
{
	margin: 0px;
	padding: 0px;
	margin-right: 4px;
	vertical-align: -1px;
	width: 12px;
	height: 12px;
}

div.result div.more a.details
{
	display: block;
	float: right;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	color: #55cc55;
	font-size: 13px;
	vertical-align: top;
}

div.result div.more a.details:hover
{
	color: #229922;
}

/************************* Result-row ***************************/

div.result-row
{
	width: 554px;
	margin-top: 4px;
	margin-bottom: 6px;
}

div.result-row div.promo
{
	font-size: 14px;
	padding: 2px;
	width: 300px;
	height: 16px;
}

div.result-row p.title a
{
	font-size: 15px;
}

div.result-row div.infos
{
	width: 350px;
	font-size: 13px;
}

div.result-row div.infos p.price
{
	margin-top: 12px;
}

div.result-row div.infos p.promo
{
	margin-top: 10px;
	color: #ff0000;
	font-size: 13px;
}

div.result-row div.infos p.promo span
{
	font-size: 16px;
	font-weight: bold;
}

div.result-row div.more div.ref
{
	width: 214px;
}

/************************* Extract ***************************/

div.extract
{
	width: 314px;
	margin-top: 3px;
	margin-bottom: 2px;
}

div.extract div.promo
{
	font-size: 12px;
	padding: 3px 4px 4px 4px !important;
	width: 296px !important;
	padding: 2px;
	width: 300px;
	height: 13px;
}

div.extract p.title a
{
	font-size: 14px;
}

div.extract div.infos
{
	width: 170px;
	font-size: 12px;
}

div.extract div.infos p.price
{
	margin-top: 6px;
	line-height: 16px;
}

div.extract div.infos p.promo
{
	margin-top: 10px;
	color: #ff0000;
	font-size: 13px;
}

div.extract div.infos p.promo span
{
	font-size: 16px;
	font-weight: bold;
}

div.extract div.more div.ref
{
	width: 176px;

}

/*************************************************************/
/*                  GESTION DES BREADCRUMBS                  */
/*************************************************************/

div#breadcrumb
{
	font-weight: bold;
	margin: 2px 0px 7px 2px;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}

div#breadcrumb a
{
	font-weight: normal;
	margin: 0px 4px 0px 3px;
	color: #6666ff;
}

div#breadcrumb a:hover
{
	color: #ff0000;
}

/*************************************************************/
/*                   GESTION DES GEOINFOS                    */
/*************************************************************/

div#geoinfos
{
	border-width: 0px;
	border-style: solid;
	width: 760px;
	padding-bottom: 5px;
	overflow: auto;
}

div#geoinfos div.content
{
	float: right;
	width: 500px;
}

div#geoinfos div.content-without-map
{

}

div#geoinfos div.geoinfos-map
{
	float: left;
	width: 252px;
}

div#geoinfos img#geoinfos-map
{
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbdd;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 250px;
}

div#geoinfos a.shortcut
{
	padding: 0px 0px 0px 12px;
	color: #6666ff;
	background-image: url('../../juanlespins06/images/puce.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-right: 18px;
	text-decoration: none;
}

div#geoinfos a.shortcut:hover
{
	color: #ff0000;
	text-decoration: underline;
}

div#geoinfos p.text
{
	display: block;
	margin: 8px 5px 6px 5px;
	padding-right: 4px;
	line-height: 18px;
}

div#geoinfos p.scroll
{
	overflow: auto;
	margin-bottom: 0px;
}

div#geoinfos p.small-scroll
{
	overflow: auto;
	height: 90px;
	margin-bottom: 0px;
}

div#geoinfos div.town-list
{
	clear: both;
	padding: 4px;
	overflow: auto;
	margin-top: 5px;
}

div#geoinfos div.town-list a, div.towns-box a, div.focus-box a
{
	padding: 0px 0px 0px 12px;
	color: #6666ff;
	background-image: url('../../juanlespins06/images/puce.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-right: 18px;
	text-decoration: none;
}

div#geoinfos div.town-list a:hover, div.towns-box a:hover, div.focus-box a:hover
{
	color: #ff0000;
	text-decoration: underline;
}

div#geoinfos div.town-list div.town-list-title
{
	font-weight: bold;
	margin-bottom: 5px;
	float: left;
}

div#geoinfos div.town-list div.town-list-items
{
	clear: both;
}

div#geoinfos div.town-list div.town-list-item
{
	float: left;
	width: 186px;
	margin-top: 2px;
	overflow: hidden;
}

div#geoinfos div.town-list div.town-list-item-smaller
{
	float: left;
	width: 160px;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
}

div#geoinfos div.town-list a
{
	outline: none;
}

div#geoinfos div#more
{
	clear: both;
	padding: 5px 0px 0px 0px;
}

div#geoinfos div#more div
{
	cursor: pointer;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #cccccc;
	height: 12px;
	font-size: 11px;
	text-align: center;
	background-color: #eeeeee;
	padding: 3px;
	
}

div#geoinfos div#more div img
{
	vertical-align: -1px;
	margin-right: 2px;
}

/**************************************************************/
/*                   GESTION DE TOWNS SUGGEST                 */
/**************************************************************/

div.towns-box
{
	width: 188px;
	float: left;
	clear: left;
	margin-top: 10px;
	padding-left: 4px;
	margin-bottom: 5px;
}

div.towns-box div.town-list-title
{
	width: 184px;
	font-weight: bold;
	margin-bottom: 3px;
	float: left;
}

div.towns-box div.town-list-item
{
	float: left;
	width: 184px;
	margin-top: 3px;
	overflow: hidden;
}



/**************************************************************/
/*                   GESTION DE LA SELECTION                  */
/**************************************************************/

div.selection
{
	width: 562px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
}

div.selection-infos
{
	margin: 8px 6px 8px 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 2px;
	font-size: 14px;
	text-align: center;
}



/**************************************************************/
/*                  GESTION DE LA MAP SEARCH                  */
/**************************************************************/

h1.map-search
{
	width: 510px;
	padding-bottom: 4px;
	float: right;
}

div#map-list
{
	width: 232px;
	float: left;
	padding: 4px;
}

div#map-list p
{
	margin: 0px 4px 0px 4px;
	line-height: 20px;
}

div#map-search
{
	min-width: 400px;
	min-height: 400px;
}

div#map-search div.button
{ 
	margin-top: 5px;
	float: right;
	margin-right: -2px;
}

div#map-search-form
{
	width: 232px;
	float: left;
	margin-top: 5px;
}

div#map-search-form-filter
{
	width: 232px;
	margin-top: 5px;
	float: left;
}



/**************************************************************/
/*                   AFFICHAGE DE L'ANNONCE                   */
/**************************************************************/

/*********************** Control bar **************************/

div#controls
{
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaff;
	background-color: #f2f2ff;
	margin-bottom: 5px;
	font-size: 11px;
	color: #aaaaff;
	padding: 4px;
	height: 16px;
}

div#controls div.left
{
	float: left;
}

div#controls div.right
{
	float: right;
	padding-top: 2px;
}

img.back-on-results
{
	vertical-align: -4px;
	margin-right: 4px;
}

/*************** Left column on announce page *****************/

div#announce-left-column
{
	width: 228px;
	float: left;
}

div#announce-left-column div.photo
{
	margin-top: 3px;
}

div#announce-left-column div.photo img
{
	margin: 0px;
	padding: 0px;
}

/*********************** Contact div **************************/

span.text-7enlocation
{
	font-size: 17px;
	color: #33aa33;
	line-height: 23px;
	display: block;
	padding-top: 10px;
}

span.text-7enlocation span
{
	font-size: 19px;
	color: #33aa33;
}

div.tel-7enlocation
{
	float: right;
	margin-top: 5px;
	width: 750px;
	padding: 4px;
	text-align: center;
	color: #448844;
	background-repeat: repeat-x;
}

span.tel
{
	width: 80px;
	display: inline-block;
}

div.small-contacts
{
	width: 220px;
}

div.small-contacts img.mail, div.small-contacts img.calendar
{
	vertical-align: -4px;
	margin-right: 4px;
}

div.small-contacts p.text
{
	margin-bottom: 8px;
}

div.small-contacts span.contact-shortcuts
{
	margin-top: 10px;
	display: block;
	line-height: 22px;
}

div.contacts
{
	float: right;
	margin-top: 5px;
	width: 514px;
	margin-left: -4px;
}

div.contacts p.right
{
	width: 246px;
	float: right;
	margin-top: 4px;
	margin-right: 6px;
}

div.contacts p.left
{
	width: 246px;
	float: left;
	margin-top: 4px;
	margin-left: 6px;
}

div.contacts p.langs
{
	clear: both;
	margin-left: 6px;
}

div.contacts img.www
{
	vertical-align: -5px;
	margin-right: 4px;
	margin-top: 8px;
}

div.contacts a.www
{
	color: #aa7777;
	outline: none;
	margin-top: 8px;
}

div.contacts a.www:hover
{
	color: #222222;
}

div.contacts iframe
{
	width: 500px;
	height: 700px;
	border-width: 1px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 7px;
	overflow: hidden;
}

/*********************** Map extract div **************************/

div#map-extract
{
	margin-top: 5px;
	margin-right: 4px;
}

div#map-extract p
{
	margin-top: 2px;
	margin-bottom: 3px;
	font-weight: bold;
	color: #6666cc;
	font-size: 13px;
}

div#map-extract p.geo-infos
{
	margin-bottom: 10px;
	line-height: 18px;
}

div#map-extract img
{
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbdd;
}

div#map-extract a
{
	color: #6666ff;
	text-decoration: none;
}

div#map-extract a:hover
{
	color: #ff6666;
}

/*********************** Announce div **************************/

div#announce
{
	float: right;
	width: 512px;
	border-width: 2px 1px 2px 1px;
	border-style: solid;
	border-color: #ffddaa;
	min-height: 100px;
	background-color: #fffde5;
	background-repeat: repeat-x;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url('../../juanlespins06/images/bg-announce.png');
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div#announce h1
{
	text-align: left;
	margin-bottom: 4px;
}

div#announce h2
{
	text-align: left;
	color: #cc0000;
}

div#announce span.ref
{
	font-size: 10px;
	color: #bb7777;
}

div#announce div.section 
{
	overflow: auto;
}

div#announce div.section p.title
{
	color: #ff9900;
	font-weight: bold;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 4px;
	text-decoration: underline;
	clear: both;
}

div#announce div.section p.text
{
	margin-top: 8px;
	margin-bottom: 4px;
	color: #555555;
	font-size: 14px;
	line-height: 16px;
}

div#announce div.section p.announce-text
{
	font-size: 16px;
	line-height: 20px;
}

div#announce div.section ul
{
	margin-top: 8px;
	margin-bottom: 20px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

div#announce div.section ul li
{
	float: left;
	width: 150px;
	background-image: url("../../juanlespins06/images/puce.png");
	background-position: 0px 5px;
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-left: 12px;
	font-size: 13px;
}

div#announce div.photo
{
	margin-top: 16px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

div#announce div.photo img
{
	margin-right: 5px;
	margin-left: 5px;
}

/************* Section tarif *********************/

div#announce div.section div.prices
{
	margin-top: 8px;
	margin-bottom: 10px;
	color: #444444;
}

div#announce div.section div.prices div#conditions
{
	width: 180px;
	float: right;
	font-size: 12px;
	margin-bottom: 10px;
	margin-right: 2px;
}

div#announce div.section div.prices div#conditions span
{
	font-weight: bold;
}

div#announce div.section div.prices div#conditions span.price
{
	font-size: 16px;
	margin-left: 8px;
}


div#announce div.section div.prices div#legend
{
	font-size: 12px;
}

div#announce div.section div.prices div#legend p#tariff-type
{
	font-weight: bold;
	margin-left: 4px;
	margin-top: 10px;
	margin-bottom: 8px;
}

div#announce div.section div.prices div#legend table td.price
{
	font-size: 16px;
	color: #009900;
	font-weight: bold;
}

/************* Section calendrier *********************/

div#announce div.section div#month-shortcuts
{
	background-color: #fff8aa;
	clear: both;
	padding: 6px 0px 0px 10px;
	margin-top: 12px;
	width: 500px;
}

div#announce div.section a.monthlink
{
	color: #5555ff;
	outline: none;
	margin-right: 10px;
	margin-left: 0px;
	font-weight: bold;
	text-decoration: none;
}

div#announce div.section a.monthlink:hover
{
	color: #ff6666;
}

div#announce div.section div#scheduler
{
	overflow-y: scroll;
	height: 376px;
	background-color: #fff8aa;
	clear: both;
	width: 510px;
	padding: 0px;
	margin-bottom: 5px;
}

div#announce div.section div#month-list
{
	padding: 0px;
}

/************* Section promo *********************/

div#announce div.section p.text-promo
{
	line-height: 24px;
}

div#announce div.section span.promo
{
	font-weight: bold;
	font-size: 20px;
	color: #ff2222;
	margin-right: 2px;
	margin-left: 12px;
}

/************* Photos supplémentaires *********************/

div#more-photos
{
	clear: both;
	margin-top: 10px;
}

div#more-photos p.title
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	font-size: 20px;
	color: #cc0000;
	text-align: center;
	font-weight: bold;
}

div#more-photos div.photo
{
	float: left;
	margin-left: 17px;
	margin-top: 8px;
	margin-bottom: 4px;
}

div#more-photos div.photo img
{
	border-width: 1px;
	border-color: #bbbbdd;
	border-style: solid;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

/**************************************************************/
/*               FORMULAIRE DE RECHERCHE AVANCE               */
/**************************************************************/

div.advanced-criterias
{
	float: right;
	width: 562px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	background-color: #fafafa;
	min-height: 220px;
}

div.advanced-criterias div.submit
{
	position: relative;
	margin-bottom: -1px !important;
	margin-bottom: -5px;
	margin-right: -1px !important;
	margin-right: -5px;
	margin-top: 6px;
	padding: 0px !important;
	padding-right: 4px;
	float: right;
}

div.advanced-criterias div.submit input
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	vertical-align: bottom;
}


/**************************************************************/
/*                       THEMATICS PAGES                      */
/**************************************************************/

h1.banner
{
	display: bloc;
	width: 587px;
	height: 50px;
	float: right;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
}

h1.banner span
{
	display: block;
	margin-top: 3px;
	margin-right: 8px;
}

h1.sea
{
	background-image: url('../../juanlespins06/images/subheader-sea.jpg');
	color: #4444dd;
}

h1.ski
{
	background-image: url('../../juanlespins06/images/subheader-ski.jpg');
	color: #4444dd;
}

h1.gites
{
	background-image: url('../../juanlespins06/images/subheader-gites.jpg');
	color: #006600;
}

h1.bb
{
	background-image: url('../../juanlespins06/images/subheader-bb.jpg');
	color: #662200;
}

h1.thalasso
{
	background-image: url('../../juanlespins06/images/subheader-thalasso.jpg');
	color: #0000bb;
}

h1.hotels
{
	background-image: url('../../juanlespins06/images/subheader-hotels.jpg');
	color: #662200;
}

h1.promos
{
	background-image: url('../../juanlespins06/images/subheader-promos.png');
	color: #ff4400;
}

h1.specials
{
	background-image: url('../../juanlespins06/images/subheader-specials.png');
	color: #dd2200;
}

div#thematics-content
{
	width: 322px;
	float: left;
	margin-left: 5px;
	border-width: 0px;
	border-style: solid;
}

div#thematics-content h2
{
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 4px;
	color: #ff9900;
}

div#thematics-content p.info
{
	float: left;
	margin-top: 8px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}

div#thematics-content p.info a
{
	font-weight: bold;
	color: #55cc55;
	font-size: 13px;
}

div#thematics-content p.info a:hover
{
	color: #229922;
}

h2.sea
{
	color: #ffbb00;
}

h2.ski
{
	color: #4444dd;
}

h2.gites
{
	color: #228800;
}

h2.bb
{
	color: #662200;
}

h2.thalasso
{
	color: #4444dd;
}

h2.hotels
{
	color: #662200;
}

h2.promos
{
	color: #ff4400;
}

h2.specials
{
	color: #cc2200;
}

div.focus-box
{
	width: 250px;
	clear: right;
	float: right;
	margin-top: 2px;
	margin-bottom: 8px;
}

div.focus-box p.title
{
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	color: #8888aa;
	margin-top: 6px;
	margin-bottom: 5px;
}

div.focus-box div.town-list-item
{
	float: left;
	width: 250px;
	margin-top: 2px;
	overflow: hidden;
	margin-bottom: 2px;
	height: 14px;
}



/**************************************************************/
/*                    DESTINATIONS PAGES                      */
/**************************************************************/

div#destinations-shortcut
{
	border-width: 1px;
	border-color: #ffddaa;
	border-style: solid;
	background-color: #ffffcc;
	width: 580px;
	margin-top: 10px;
	padding: 2px;
	float: right;
	text-align: center;
	line-height: 22px;
	font-size: 13px;
}

div#destinations-shortcut a
{
	color: #dd0000;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 9px;
	margin-left: 9px;
}

div#destinations-shortcut a:hover
{
	color: #ff5500;
	text-decoration: underline;
}

div#destinations-state
{
	border-width: 1px;
	border-color: #ffcccc;
	border-style: solid;
	background-color: #ffffe4;
	width: 568px;
	margin-top: 10px;
	padding: 8px;
	float: right;
}

div#destinations-state a
{
	color: #0000bb;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	float: left;
	clear: both;
	text-decoration: none;
}

div#destinations-state a:hover
{
	color: #ff5500;
	text-decoration: underline;
}

div#destinations-region
{
	padding-top: 6px;
	margin-bottom: 12px;
	clear: both;
}

div#destinations-region a
{
	color: #6666ff;
	outline: none;
	font-size: 14px;
	font-weight: bold;
	float: left;
	clear: both;
	margin-left: 14px;
	padding-bottom: 6px;
	padding-top: 4px;
	font-style: italic;
}

div#destinations-region a:hover
{
	color: #ff5500;
}

div#destinations-province
{
	clear: both;
	padding-bottom: 8px;
	color: #444444;
	font-size: 12px;
	line-height: 20px;
}

div#destinations-province a
{
	color: #ee8844;
	outline: none;
	font-size: 13px;
	font-weight: bold;
	float: none;
	clear: none;
	margin-left: 28px;
	margin-right: 4px;
	padding-top: 0px;
	padding-bottom: 6px;
	white-space:nowrap;
}

div#destinations-province a:hover
{
	color: #ff5500;
}

div#destinations-province a.destinations-district
{
	color: #444444;
	outline: none;
	font-size: 12px;
	font-weight: normal;
	float: none;
	clear: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
}



/**************************************************************/
/*                         INDEX PAGE                         */
/**************************************************************/

div.thematics
{
	clear: right;
	width: 587px;
	float: right;
	margin-top: 6px;
}

div.thematics p.intro
{
	margin-top: 4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 18px;
	color: #ffcc22;
	font-weight: bold;
	text-align: left;
	font-style: italic;
}

div.thematics div
{
	float: left;
	text-align: center;
	line-height: 12px;
	margin-top: 2px;
	margin-bottom: 5px;
}

div.thematics div a img
{
	margin-left: 1px;
	border-width: 0px;
}

div.thematics div a
{
	font-weight: bold;
	color: #6666bb;
	text-decoration: none;
}

div.thematics div a:hover
{
	color: #cc4444;
}

div.top-destination
{
	float: right;
	width: 573px;
	background-color: #f6f6f6;
	margin: 11px 0px 0px 0px !important;
	margin: 12px 0px 0px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #dddddd;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 156px;
}

div.top-destination p.title
{
	margin-top: 2px;
	margin-bottom: 6px;
	color: #aaaaaa;
	font-weight: bold;
}

div.top-destination p.text
{
	line-height: 14px;
	margin-bottom: 6px;
	margin-top: 6px;
}

div.top-destination a
{
	font-size: 11px;
	color: #888888;
	margin-right: 10px;
	text-decoration: none;
}

div.top-destination a:hover
{
	font-size: 11px;
	color: #ff8888;
}

div.partners
{
	clear: both;
	margin-top: 5px;
	padding: 5px;
	font-size: 12px;
	color: #888888;
	text-align: justify;
}

div.partners a
{
	font-size: 12px;
	color: #888888;
	text-decoration: none;
}

div.partners a:hover
{
	font-size: 12px;
	color: #eeaaaa;
}



/**************************************************************/
/*                       ACCOUNT PAGE                         */
/**************************************************************/
div#account
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}

div#account div.login
{
	float: left;
	width: 280px;
	margin-top: 10px;
}

div#account div.subscribe
{
	float: right;
	width: 360px;
	margin-bottom: 16px;
	margin-top: 10px;
}

div#account div.password
{
	float: left;
	width: 280px;
	clear: left;
	margin-top: 20px;
}



/**************************************************************/
/*                       SUPPORT PAGE                         */
/**************************************************************/

div#support
{
	margin-top: 15px;
	margin-right: 20px !important;
	margin-right: 10px;
	margin-bottom: 20px;
	float: right;
}

div#support img
{
	float: right;
	margin: 10px 0px 10px 20px;
}

div#support p, div#support li
{
	text-align: left;
	font-size: 13px;
	color: #444444;
	margin-top: 16px;
}

div#support li
{
	font-weight: bold;
	margin-bottom: 20px;
}

div#support span.block
{
	margin-left: 50px;
	display: block;
	margin-top: 8px;
	font-style: italic;
	font-weight: normal;
}


div#support div#legals
{
	background-color: #f7f7f7;
	padding: 10px;
	clear: right;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	margin-top: 20px;
}

div#support div#legals p
{
	margin: 0px;
}



/**************************************************************/
/*                          WHY PAGE                          */
/**************************************************************/

div#why
{
	margin-right: 20px !important;
	margin-right: 10px;
	margin-bottom: 20px;
	float: right;
}

div#why p.subtitle
{
	text-align: center;
	font-size: 13px;
	color: #444444;
	font-weight: bold;
	margin-top: 0px;
	color: #cc0000;
}

div#why h2
{
	margin-top: 24px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 14px;
	color: #ffaa22;
}

div#why p
{
	text-align: left;
	font-size: 13px;
	color: #444444;
	line-height: 18px;
}



/**************************************************************/
/*                        OFFERS PAGE                         */
/**************************************************************/

div#offers
{
	margin-right: 20px !important;
	margin-right: 10px;
	margin-bottom: 20px;
	float: right;
	width: 550px;
}

div#offers h1
{
	margin-bottom: 20px;
}

div#offers p, div#offers li
{
	text-align: left;
	font-size: 13px;
	color: #444444;
}

div#offers li
{
	margin-bottom: 4px;
	color: #4444dd;
	line-height: 15px;
}

div#offers h2
{
	margin-top: 20px;
	margin-bottom: 12px;
	text-align: left;
	font-size: 18px;
	color: #ffaa22;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffaa22;
}

div#offers div#prices
{
	background-color: #ffffe0;
	border-color: #ffeebb;
	border-style: solid;
	border-width: 1px;
	padding: 12px;
}

div#offers div#prices p.midtext
{
	color: #dd2222;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 6px;
}

div#offers div#prices p.bigtext
{
	color: #ff0000;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 6px;
}

div#offers table
{
	background-color: #ffffff;
	border-color: #ee8888;
	border-style: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border-collapse: collapse;
}

div#offers table tr td
{
	text-align: center;
	padding: 4px 3px 4px 3px;
	font-size: 13px;
	border-color: #ee8888;
	border-style: solid;
	border-width: 1px;
	line-height: 18px;
	color: #000088;
}

div#offers div#prices a
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	display: block;
	color: #0000ff;
	font-size: 16px;
	font-weight: bold;
}

div#offers div#prices a:hover
{
	color: #ff0000;
}



/**************************************************************/
/*                     CONDITIONS PAGE                        */
/**************************************************************/

div#conditions
{
	margin-right: 20px;
	margin-left: 20px;
	width: 720px;
}

div#conditions h1
{
	margin-bottom: 10px;
}

div#conditions p
{
	text-align: left;
	font-size: 13px;
	color: #444444;
}

div#conditions h2
{
	margin-top: 10px;
	margin-bottom: 12px;
	text-align: left;
	font-size: 18px;
	color: #ffaa22;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffaa22;
}



/**************************************************************/
/*                        PRIVACY PAGE                        */
/**************************************************************/

div#privacy
{
	margin-right: 20px;
	margin-left: 20px;
	width: 720px;
}

div#privacy h1
{
	margin-bottom: 10px;
}

div#privacy p
{
	text-align: left;
	font-size: 13px;
	color: #444444;
}

div#privacy h2
{
	margin-top: 10px;
	margin-bottom: 12px;
	text-align: left;
	font-size: 18px;
	color: #ffaa22;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffaa22;
}



/**************************************************************/
/*                       PARTNERS PAGE                        */
/**************************************************************/

div#partners
{
	margin-right: 20px;
	margin-left: 20px;
	width: 720px;
	padding-bottom: 20px;
}

div#partners p
{
	text-align: center;
	margin-bottom: 20px;
}

div#partners ul
{
	margin-bottom: 20px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

div#partners ul li
{
	float: left;
	width: 300px;
	background-image: url("../../juanlespins06/images/puce.png");
	background-position: 0px 5px;
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 34px;
	padding-left: 12px;
	font-size: 13px;
}

div#partners a
{
	color: #6666ff;
	outline: none;
}

div#partners a:hover
{
	color: #ff6666;
}



/**************************************************************/
/*                         LISTS PAGE                         */
/**************************************************************/

div#list
{
	margin-right: 20px;
	margin-left: 20px;
	width: 720px;
	padding-bottom: 20px;
}

div#list h2
{
	margin-top: 10px;
	margin-bottom: 12px;
	text-align: left;
	font-size: 18px;
	color: #ffaa22;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffaa22;
}


div#list h3
{
	text-align: left;
}

div#list li
{
	margin: 5px;
	line-height: 16px;
}

div#list a
{
	color: #6666ff;
	outline: none;
}

div#list a:hover
{
	color: #ff6666;
}

div#list p
{
	text-align: center;
	padding-bottom: 12px;
}



/**************************************************************/
/*                         LISTS PAGE                         */
/**************************************************************/

div#rss
{
	margin-right: 20px !important;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 550px;
	float: right;
}

div#rss h2
{
	margin-top: 10px;
	margin-bottom: 12px;
	text-align: left;
	font-size: 18px;
	color: #ffaa22;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffaa22;
}

div#rss a
{
	color: #6666ff;
	outline: none;
}

div#rss a:hover
{
	color: #ff6666;
}

div#rss p
{
	padding-top: 4px;
	padding-bottom: 6px;
}

div#rss ul
{
	margin-bottom: 20px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

div#rss ul li
{
	background-image: url("../../juanlespins06/images/puce.png");
	background-position: 0px 5px;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 34px;
	padding-left: 12px;
	font-size: 13px;
}

div#rss ul li img
{
	vertical-align: -2px;
	margin-left: 4px;
	border-width: 0px;
}



/**************************************************************/
/*                         MANAGER DIV                        */
/**************************************************************/

div#manager
{
	margin-left: 5px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	width: 515px;
}

div#manager div.grey-box
{
	margin-top: 20px;
}

div#manager p.stats-text
{
	line-height: 22px;
}

div#manager p.stats-text strong
{
	width: 220px;
	display: block;
	float: left;
}



/**************************************************************/
/*                           LOGO DIV                         */
/**************************************************************/

div#logo-for-websites
{
	border-width: 1px;
	border-style: solid;
	border-color: #66bb66;
	margin-top: 14px;
	margin-top: 40px;
	background-color: #eeffee;
}

div#logo-for-websites p.explain
{
	margin: 6px;
	padding: 0px;
	font-size: 13px;
	color: #229922;
}

div#logo-for-websites p.textarea
{
	margin: 0px; padding: 0px; text-align: center;
}

div#logo-for-websites textarea
{
	width: 486px;
	height: 60px;
	margin-top: 12px;
	margin-bottom: 12px;
	font-size: 11px;
}



/**************************************************************/
/*                      SCHEDULER DIV                         */
/**************************************************************/

table.simple_scheduler
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	margin-top: 6px;
}

table.simple_scheduler td.month
{
	width: 92px;
	height: 40px;
	text-align: center;
	background-image: url("../../juanlespins06/images/simple-calendar/month.png");
	background-repeat: no-repeat;
	color: #555555;
}

table.simple_scheduler td.spacer
{
	width: 12px;
}

table.simple_scheduler td.week
{
	width: 80px;
	text-align: center;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

table.simple_scheduler td.nd
{
	background-image: url("../../juanlespins06/images/simple-calendar/week-nd.png");
	color: #666666;
}

table.simple_scheduler td.nc
{
	background-image: url("../../juanlespins06/images/simple-calendar/week-nc.png");
	color: #666666;
}

table.simple_scheduler td.ts
{
	background-image: url("../../juanlespins06/images/simple-calendar/week-ts.png");
	color: #dd0000;
}

table.simple_scheduler td.hs
{
	background-image: url("../../juanlespins06/images/simple-calendar/week-hs.png");
	color: #F00;
}

table.simple_scheduler td.ms
{
	background-image: url("../../juanlespins06/images/simple-calendar/week-ms.png");
	color: #dd8822;
}

table.simple_scheduler td.bs
{
	background-image: url("../../juanlespins06/images/simple-calendar/week-bs.png");
	color: #228822;
}

table.simple_scheduler td.week span.date
{
	font-size: 10px;
	font-weight: normal;
}



/*
 * Manager towns table
 */

table.towns
{
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 560px;
}

table.towns thead td
{
	padding: 3px;
	text-align: center;
	background-color: #eeeeee;
	font-weight: bold;
	color: #555555;
}

table.towns tbody td
{
	padding: 3px;
	text-align: center;
}

table.towns tbody td.grey
{
	background-color: #f4f4f4;
}




/**********************************************************************
* Style pour gestion des bbcodes, cadre deprévisualisation
**********************************************************************/

div.bbcodes
{
	position : absolute;
	background-color : #ffffff;
	border-width : 2px;
	border-style : solid;
	border-color : #aaaaaa;
	opacity : 0;
	/*
	MozOpacity : 0;
	KhtmlOpacity : 0;
	filter : "alpha(opacity=0)";
	*/
	display : none;
	margin : 0px;
	padding : 0px;
}

.bbcodes_title
{
	color : #aa5555;
	float : left;
	margin-top : 3px;
	margin-left : 4px;
	font-size : 80%;
	font-weight : bold;
}

div.bbcodes_text
{
	background-color : #f6f6f6;
	color : #777777;
	display : block;
	margin-top : 22px;
	margin-left : 4px;
	margin-right : 4px;
	padding-left : 2px;
	padding-right : 2px;
	margin-bottom : 4px;
	font-size : 80%;
	overflow-y : scroll;
	overflow-x : hidden;
}

a.bbcodes_close
{
	color : #6688dd;
	text-decoration : underline;
	font-size : 80%;
	float : right;
	margin-right : 4px;
	margin-top : 3px;
}

a.bbcodes_close:hover
{
	color : #ff0000;
	text-decoration : underline;
	font-size : 80%;
	float : right;
	margin-right : 4px;
	margin-top : 3px;
}


/**********************************************************************
* Style pour gestion des bbcodes, toolbox
**********************************************************************/

div.toolbox
{
	margin-top : 10px;
	margin-left : 8px;
	width : 180px;
}

img.toolbox
{
	margin-right : 4px;
	margin-top : 4px;
}

img.toolbox:hover
{
	cursor : pointer;
	margin-top : 4px;
}

a.toolbox
{
	color : #6688dd;
	text-decoration : underline;
	font-size : 80%;
}

a.toolbox:hover
{
	margin-top : 12px;
	color : #ff0000;
	text-decoration : underline;
	font-size : 80%;
}


/*
 * Style de l'affichage du scheduler
 */

table.scheduler_table
{
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	text-align: center;
	border-spacing: 1px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

table.float-left
{
	float: left;
	margin-top: 14px;
	margin-bottom: 14px;
	margin-left: 18px;
	margin-right: 10px;
	border-spacing: 1px;
	border-collapse: expression('separate', cellSpacing = '1px');
	display: inline;
}

table.legend
{
	float: left;
	margin: 0px;
	width: 24px;
	height: 14px;
	border-spacing: 1px;
	border-collapse: expression('separate', cellSpacing = '1px');
}

table.legend td
{
	text-decoration: none;
	padding: 0px;
}

table.scheduler_table td
{
	height: 14px;
}

td.scheduler_title_td
{
	padding: 3px;
	font-size: 1em;
	font-weight: bold;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid;
}

td.scheduler_right_title_td
{
	text-align: center;
}

td.scheduler_top_td
{
	padding: 2px;
	font-size: 0.9em;
	background-color: #eeeeee;
	color: #888888;
}

tr.scheduler_tr
{
	height: 18px;
	font-size: 0.9em;
}

td.scheduler_brushed_td
{
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid;
	width: 18px;
}

td.scheduler_sem_td
{
	padding: 2px;
	width: 24px;
	color: #aaaaaa;
	font-style: italic;
}

td.scheduler_ts_td
{
	background-color: #ff6666;
	border-width: 1px;
	border-color: #ee5555;
	border-style: solid;
	padding: 2px;
	width: 18px;
	color: #444444;
}

td.scheduler_hs_td
{
	background-color: #ffbb22;
	border-width: 1px;
	border-color: #ff8888;
	border-style: solid;
	padding: 2px;
	width: 18px;
}

td.scheduler_ms_td
{
	background-color: #ffe677;
	border-width: 1px;
	border-color: #ffcc55;
	border-style: solid;
	padding: 2px;
	width: 18px;
}

td.scheduler_bs_td
{
	background-color: #90ee90;
	border-width: 1px;
	border-color: #66cc66;
	border-style: solid;
	padding: 2px;
	width: 18px;
}

td.scheduler_nc_td
{
	background-color: #c7deff;
	border-width: 1px;
	border-color: #bbbbff;
	border-style: solid;
	padding: 2px;
	width: 18px;
}

td.scheduler_nd_td
{
	background-color: #cccccc;
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	padding: 2px;
	width: 18px;
	text-decoration: line-through;
}

td.scheduler_promo_td
{
	border-width: 2px;
	border-color: #000000;
	border-style: solid;
	color: #000000;
	font-weight: bold;
}


/*
 * Style du formulaire de modification des périodes
 */

tr.scheduler_period_ts
{
	background-color: #ff6666;
	color: #444444;
}

tr.scheduler_period_hs
{
	background-color: #ffbb22;
}

tr.scheduler_period_ms
{
	background-color: #ffe677;
}

tr.scheduler_period_bs
{
	background-color: #90ee90;
}

tr.scheduler_period_nd
{
	background-color: #dddddd;
}

td.scheduler_msg_td
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid;
	font-style: italic;
}

a.scheduler_link
{
	font-size: 12px;
	color: #0000ff;
	text-decoration: none;
}

a.scheduler_link:hover
{
	font-size: 12px;
	color: #ff0000;
	text-decoration: underline;
}

td.scheduler_right_title_td
{
	padding: 2px;
	background-color: #eeeeee;
	color: #888888;
}

.form_button
{
	cursor: pointer;
}

/*
 * Style du form de modification des promos
 */

tr.scheduler_promo_0
{
	background-color: #ffffaa;
}

tr.scheduler_promo_10
{
	background-color: #ffee88;
}

tr.scheduler_promo_30
{
	background-color: #ffdd88;
}

tr.scheduler_promo_50
{
	background-color: #ffcc77;
}

tr.scheduler_locked
{
	background-color: #dddddd;
}


/*
 * Style du formulaire simple
 */

table.simply-calendar
{
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

table.simply-calendar thead td
{
	padding: 3px;
	text-align: center;
	background-color: #eeeeee;
	font-size: 11px;
}

table.simply-calendar tbody td
{
	padding: 0px 3px 0px 3px;
	text-align: center;
}

table.simply-calendar tbody td.grey
{
	background-color: #f4f4f4;
}


table.simply-calendar tbody td input
{
	margin: 3px 0px 0px 0px;
	padding: 0px;
}

table.simply-calendar tbody td img
{
	border-width: 0px;
}

table.simply-calendar tbody td a
{
	outline: none;
}

table.simply-calendar tbody td.date
{
	padding: 0px 3px 0px 3px;
	text-align: left;
}

table.simply-calendar tbody td.date span
{
	padding: 1px;
	margin-right: 5px;
	background-color: #f2f2f2;
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
}

table.simply-calendar tbody td.ts
{
	background-color: #ff6666;
	color: #444444;
}

table.simply-calendar tbody td.hs
{
	background-color: #ffbb22;
}

table.simply-calendar tbody td.ms
{
	background-color: #ffe677;
}

table.simply-calendar tbody td.bs
{
	background-color: #90ee90;
}

table.simply-calendar tbody td.nd
{
	background-color: #dddddd;
}

table.simply-calendar tbody td.ss
{
	background-color: #dddddd;
	color: #888888;
}












/* 
================================================
autosuggest style
================================================
*/

div.autosuggest
{
	position: absolute;
	background-image: url("../../juanlespins06/images/autosuggest/as_pointer.gif");
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	margin-bottom: 50px;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url("../../juanlespins06/images/autosuggest/ul_corner_tr.gif");
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url("../../juanlespins06/images/autosuggest/ul_corner_br.gif");
}

div.autosuggest div.as_close
{
	position: relative;
	height: 16px;
	padding: 0 6px;
	font-size: 0.8em;
	text-align: right;
	overflow: hidden;
	border-width: 0px;
	background-color: #333;
	color: #ddd;
}

div.autosuggest a.as_closelink
{
	color: #fb6;
	text-decoration: underline;
	height: 38px;
}

div.autosuggest a.as_closelink:hover
{
	color: #fda;
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url("../../juanlespins06/images/autosuggest/ul_corner_tl.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url("../../juanlespins06/images/autosuggest/ul_corner_bl.gif");
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #666;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #666;
	background-image: url("../../juanlespins06/images/autosuggest/hl_corner_br.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url("../../juanlespins06/images/autosuggest/hl_corner_bl.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url("../../juanlespins06/images/autosuggest/hl_corner_tl.gif");
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url("../../juanlespins06/images/autosuggest/hl_corner_tr.gif");
	background-position: bottom right;
}

div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
	-moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,
div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url('../../juanlespins06/images/datepicker/scheduler.png') no-repeat 50% 50%;
        width:21px;
		height: 18px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url('../../juanlespins06/images/datepicker/scheduler.png') no-repeat 50% 50%  !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-size:2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important; 
        opacity:1;        
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0px;
        border:1px solid #ccc;        
        background:#fff url('../../juanlespins06/images/datepicker/gradient-e5e5e5-ffffff.gif') repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;   
        border-radius:0.8em;             
        -moz-border-radius:0.8em;
        -moz-box-shadow:0px 0px 5px #aaa;               
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url('../../juanlespins06/images/datepicker/gradient-e5e5e5-ffffff.gif') repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:oblique;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url('../../juanlespins06/images/datepicker/backstripes.gif');
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url('../../juanlespins06/images/datepicker/bullet2.gif') no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url('../../juanlespins06/images/datepicker/bg_header.jpg') no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url('../../juanlespins06/images/datepicker/backstripes.gif') no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url('../../juanlespins06/images/datepicker/gradient-e5e5e5-ffffff.gif') repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:oblique;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */

div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus,
div.datePicker table tbody td.date-picker-hover 
        {
        overflow:hidden;
        outline:0px solid #ff0000;        
	-moz-outline: 0 none;
	-o-highlight:0 none;
	color:rgb(100,130,170) !important;        	
        }
div.static-datepicker table
        {
        -moz-box-shadow:0 0 0 transparent;
        
        }               
div.datepicker-focus table
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
         -moz-box-shadow:0px 0px 5px #aaa;         
        }    
       *:-o-prefocus{outline : -o-highlight-border;}
 
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body.fd-drag-active 
        {
        -webkit-user-select:none;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                } 
        div.datepicker-focus table
                {        
                -webkit-box-shadow:0px 0px 5px #aaa;       
                }       
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}