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

body
{
	color: #333333;
	background: #ffffff url('../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('../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('../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('../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('../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-repeat: no-repeat;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: auto;
	margin-bottom: 5px;
}

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

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

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

div.main-menu
{
	width: 158px;
	background-image: url('../images/bg-menu.png');
	border-color: #ffe4a4;
}

div.main-menu p.title
{
	color: #ee6622;
}

div.main-menu a
{
	color: #ee5522;
}

div.manager-menu
{
	width: 190px;
	background-image: url('../images/bg-menu.png');
	border-color: #ffe4a4;
}

div.manager-menu p.title
{
	color: #ee6622;
}

div.manager-menu p.text
{
	color: #444444;
	margin-top: 0px;
	font-size: 13px;
}

div.manager-menu a
{
	color: #ee5522;
}

div.members-menu
{
	width: 180px;
	background-image: url('../images/bg-green-box.png');
	border-color: #c4eea4;
}

div.members-menu p.title
{
	color: #55aa55;
}

div.members-menu a
{
	color: #669966;
}

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('../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('../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('../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('../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('../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: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	margin-left: 3px;
	text-align: left;
	font: bold 13px Arial;
	color: #55aa55;
}

div.green-box p.text, p.green-text
{
	margin-top: 0px;
	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('../images/bg_quote_top.png') 2px 3px no-repeat;
	height: 127px;
}

blockquote.storytext
{
	margin: 0px -1px -1px 0px;
	padding: 4px;
	background: transparent url('../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('../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;
}

/*********************** MEMBERS TABLES ****************************/

table.smart_table
{
	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.smart_table td
{
	background-color: #ffffff;
	padding: 4px;
}

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

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

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

table.smart_table a:hover
{
	color: #ff5500;
}

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

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

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

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

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

p.smart_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;
}

a.more
{
	font-weight: bold;
	color: #55cc55;
	font-size: 13px;
}

a.more:hover
{
	color: #229922;
}

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

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

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('../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('../images/bg-results.png');
}


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

div.promo
{
	text-align: center;
	background-image: url('../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 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('../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('../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;
	overflow: auto;
}

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

div#selection-box
{
	width: 180px;
	float: left;
}

div#selection-box div.green-box
{
	width: 180px;
	margin-bottom: 6px;
	float: left;
}

div#selection-box a
{
	color: #669966;
}

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

/**************************************************************/
/*                  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.tel
{
	width: 80px;
	display: inline-block;
}

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

div.small-contacts img.mail, div.small-contacts img.calendar, div.small-contacts img.comments-icon
{
	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: 735px;
	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('../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("../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;
}



/**************************************************************/
/*                       COMMENTS DIV                         */
/**************************************************************/

div#comments
{
	margin-top: 8px;
	padding: 4px;
	width: 750px;
	background-color: #f6f6f6;
	border-style: solid;
	border-width: 1px;
	border-color: #bbbbbb;
	background-image: url('../images/bg-comments.png');
	background-repeat: repeat-x;
	font-size: 13px;
}

div#comments img.logo
{
	margin: 5px;
	float: left;
}

div#comments div.title
{
	float: right;
	width: 616px;
	color: #777777;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 16px;
}

div#comments div.intro
{
	float: left;
	margin-left: 25px;
}

div#comments div.rating
{
	float: right;
	width: 300px;
	text-align: right;
}

div.stars
{
	width: 98px;
	height: 22px;
	background-image: url('../images/stars.png');
	margin-right: 6px;
}

div#comments table
{
	margin-top: 10px;
	width: 100%;
	border-spacing: 4px;
	font-size: 13px;
}

div#comments table tr
{
	height: 90px;
}

div#comments table tr td.left
{
	width: 190px;
	background-color: #e9e9e9;
	vertical-align: top;
	padding: 4px 8px 4px 8px;
	border-radius: 15px 0px 0px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}

div#comments table tr td.right
{
	background-color: #e9e9e9;
	vertical-align: top;
	padding: 4px 8px 4px 8px;
	border-radius: 0px 15px 15px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}

div#comments table tr td.right-with-answer
{
	background-color: #e9e9e9;
	vertical-align: top;
	padding: 4px 8px 4px 8px;
	border-radius: 0px 15px 0px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}

div#comments table tr td.answer
{
	background-color: #f1f1f1;
	vertical-align: top;
	padding: 4px 8px 4px 8px;
	border-radius: 0px 0px 15px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}

div#comments table tr td div
{
	font-weight: bold;
	color: #777777;
	margin-bottom: 5px;
}

div#comments iframe
{
	width: 740px;
	height: 370px;
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	overflow: hidden;
}


/**************************************************************/
/*               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('../images/subheader-sea.jpg');
	color: #4444dd;
}

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

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

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

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

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

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

h1.specials
{
	background-image: url('../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#become-member
{
	clear: right;
	width: 280px;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	height: 92px;
}

div#become-member ul
{
	margin-bottom: 8px;
	margin-top: 4px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

div#become-member ul li
{
	width: 300px;
	background-image: url("../images/puce.png");
	background-position: 0px 5px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 14px;
	padding-left: 12px;
	font-size: 13px;
	color: #777777;
}

div#become-member p.link
{
	margin-left: 42px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#become-member p.link img
{
	vertical-align: -3px;
	margin-right: 4px;
}

div#become-member p.link a
{
	font-style: italic;
	color: #8888ff;
	outline: none;
	font-size: 13px;
}

div#become-member p.link a:hover
{
	color: #ff5500;
}

div#smart-search
{
	width: 252px;
	height: 84px;
	float: right;
	margin-top: 6px;
	margin-left: 6px;
	background-position: 0px -300px; 
}

div#smart-search p.title
{
	margin: 0px;
	padding: 4px;
	font-size: 16px;
	color: #ff9900;
	font-weight: bold;
	text-align: left;
	border-color: #ffe8e8;
	font-style: italic;
}

div#smart-search p.text
{
	margin-top: 0px;
	margin-left: 6px;
	line-height: 22px;
}

div#smart-search input
{
	width: 80px;
}

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

div#become-member p.intro, 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("../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("../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("../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("../images/simple-calendar/week-nd.png");
	color: #666666;
}

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

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

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

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

table.simple_scheduler td.bs
{
	background-image: url("../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;
}