html, body
{
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
	/*background-color: #FFFFFF;*/
}
body
{
	background-image: url(http://pony.xaw.fr/rsc/bg_stamp.png);
	background-position: 60px -40px;
	background-attachment: fixed;
}
::selection
{
	background: #3C1705; color: #B5976A;
}
::-moz-selection
{
	background: #3C1705; color: #B5976A;
}
::-webkit-selection
{
	background: #3C1705; color: #B5976A;
}


input::-webkit-input-placeholder {				color: #BC9E91;	}
input:focus::-webkit-input-placeholder {			color: #956653;	}
input:hover::-webkit-input-placeholder {			color: #956653;	}
textarea::-webkit-input-placeholder {				color: #BC9E91;	}
textarea:focus::-webkit-input-placeholder {		color: #956653;	}
textarea:hover::-webkit-input-placeholder {		color: #956653;	}
/* Firefox < 19 */
input:-moz-placeholder {							color: #BC9E91;	}
input:focus:-moz-placeholder {					color: #956653;	}
input:hover:-moz-placeholder {					color: #956653;	}
textarea:-moz-placeholder {						color: #BC9E91;	}
textarea:focus:-moz-placeholder {					color: #956653;	}
textarea:hover:-moz-placeholder {					color: #956653;	}
/* Firefox > 19 */
input::-moz-placeholder {							color: #BC9E91;	}
input:focus::-moz-placeholder {					color: #956653;	}
input:hover::-moz-placeholder {					color: #956653;	}
textarea::-moz-placeholder {						color: #BC9E91;	}
textarea:focus::-moz-placeholder {				color: #956653;	}
textarea:hover::-moz-placeholder {				color: #956653;	}
/* Internet Explorer 10 */
input:-ms-input-placeholder {						color: #BC9E91;	}
input:focus:-ms-input-placeholder {				color: #956653;	}
input:hover:-ms-input-placeholder {				color: #956653;	}
textarea:-ms-input-placeholder {					color: #BC9E91;	}
textarea:focus:-ms-input-placeholder {			color: #956653;	}
textarea:hover:-ms-input-placeholder {			color: #956653;	}


/*---------------------------------------- SCROLLBARS ----------------------------------------*/
.COMMON_scroll_bar::-webkit-scrollbar
{
	width: 15px;
}
.COMMON_scroll_bar::-webkit-scrollbar-track
{
	width: 9px;
	border: 3px solid rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	background-clip: padding-box;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.COMMON_scroll_bar::-webkit-scrollbar-track:hover
{
	/*width: 6px;*/
	background-color: rgba(0, 0, 0, 0.15);
}
.COMMON_scroll_bar::-webkit-scrollbar-thumb
{
	width: 9px;
	height: 18px;
	border: 3px solid rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0.25);
	background-clip: padding-box;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.COMMON_scroll_bar::-webkit-scrollbar-thumb:hover
{
	background-color: rgba(0, 0, 0, 0.3);
}
.COMMON_scroll_bar::-webkit-scrollbar-button
{
	width: 0px;
	height: 0px;
	background-color: rgba(0, 0, 0, 0);
}
/* --- on dark --- */
.COMMON_scroll_bar_onDark::-webkit-scrollbar
{
	width: 15px;
}
.COMMON_scroll_bar_onDark::-webkit-scrollbar-track
{
	width: 9px;
	border: 3px solid rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	background-clip: padding-box;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.COMMON_scroll_bar_onDark::-webkit-scrollbar-track:hover
{
	/*width: 6px;*/
	background-color: rgba(255, 255, 255, 0.25);
}
.COMMON_scroll_bar_onDark::-webkit-scrollbar-thumb
{
	width: 9px;
	height: 18px;
	border: 3px solid rgba(0, 0, 0, 0);
	background-color: rgba(255, 255, 255, 0.35);
	background-clip: padding-box;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.COMMON_scroll_bar_onDark::-webkit-scrollbar-thumb:hover
{
	background-color: rgba(255, 255, 255, 0.45);
}
.COMMON_scroll_bar_onDark::-webkit-scrollbar-button
{
	width: 0px;
	height: 0px;
	background-color: rgba(0, 0, 0, 0);
}

/*---------------------------------------- SCROLLBARS ----------------------------------------*/

table
{
	border-spacing: 0px;
	margin: 0;
	padding: 0;
}

tr
{
	border-spacing: 0px;
	margin: 0;
	padding: 0;
}

td, th
{
	border-spacing: 0px;
	margin: 0;
	padding: 0;
}

th
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

label
{
	cursor: pointer;
}

ul
{
	line-height: 1.5em;
	list-style-image: url(http://pony.xaw.fr/rsc/puce.png);
	padding-left: 10px;
}

h1
{
}
h2
{
}
h3
{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	display: inline;
	color: #B5976A;
}
h4
{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	display: inline;
	color: #B5976A;
}
h5
{
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	display: inline;
	color: #775694;
}
h6
{
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #3C1705;
	margin: 0;
}

div#page
{
	/*position: relative;*/
		/* permet au bloc de servir de référent pour
		   ses descendants positionnés en absolu */
	/*background-color:#ffffff;*/
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
}

input[type=text], input[type=password]
{
	padding-left: 3px;
	font-size: 12px;
	outline: 0px;
}


.COMMON_image_hidden
{
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.COMMON_button
{
	top: 0px;
	height: 27px;
	/*width: 105px;*/
	margin: 0px;
	margin-top: 8px;
	padding-right: 12px;
	padding-left: 12px;
	border: 0px;
	/*border: 1px solid #3C1705;*/
	color: #3C1705;
	font-style: normal; /*italic;*/
	font-weight: bold;
	text-decoration: none;
	background-color: #D3B07C;
	/*background-color: #ed567c;	rose YP*/
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.COMMON_button:hover
{
	background-color: #B5976A;
}
.COMMON_button_div
{
	display: inline-block;
	top: 0px;
	height: 27px;
	/*width: 105px;*/
	margin: 0px;
	margin-top: 8px;
	padding-right: 12px;
	padding-left: 12px;
	border: 0px;
	line-height: 27px;
	color: #3C1705;
	font-style: normal; /*italic;*/
	font-weight: bold;
	text-decoration: none;
	background-color: #B5976A;
	/*background-color: #ed567c;	rose YP*/
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.COMMON_button_div:hover
{
	background-color: #D3B07C;
}
.COMMON_button_div a
{
	color: #3C1705;
	font-size: 12px;
	font-style: normal; /*italic;*/
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}


/******************************* LINKS **************************/
.COMMON_link_bold a
{
	font-weight: bold;
}
.COMMON_link_on_green a:link, .COMMON_link_on_green a:visited
{
	color: #3C1705;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.COMMON_link_on_green a:hover, .COMMON_link_on_green a:active, .COMMON_link_on_green a:focus
{
	color: #ffffff;
}
.COMMON_link_on_white a:link, .COMMON_link_on_white a:visited
{
	color: #719838;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.COMMON_link_on_white a:hover, .COMMON_link_on_white a:active, .COMMON_link_on_white a:focus
{
	color: #B5976A;
	text-decoration: underline;
}



.COMMON_false_link_on_green
{
	color: #3C1705;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.COMMON_false_link_on_green:hover
{
	color: #ffffff;
}
.COMMON_false_link_on_green_accept
{
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.COMMON_false_link_on_green_accept:hover
{
	color: #3C1705;
	text-decoration: underline;
}
.COMMON_false_link_on_green_refuse
{
	color: #638432;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.COMMON_false_link_on_green_refuse:hover
{
	color: #3C1705;
	text-decoration: underline;
}
.COMMON_false_link_on_white
{
	display: inline-block;
	color: #719838;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.COMMON_false_link_on_white:hover
{
	color: #B5976A;
	text-decoration: underline;
}
.COMMON_popup_container
{
	position: relative;
	display: inline-block;
}
.COMMON_popup
{
	display: none;
	position: absolute;
	margin-top: -1px;
	min-width: 120px;
	max-height: 306px;
	overflow-y: scroll;
	margin-left: -15px;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	border: 10px solid transparent;
	background-color: rgba(0, 0, 0, 0.7);
	color: #ffffff;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	background-clip: padding-box;
}
.COMMON_false_link_on_white:hover .COMMON_popup
{
	display: block;
}
.COMMON_popup:after
{
	content: ' ';
	position: absolute;
	height: 0;
	width: 0;
	top: -10px;
	left: 20px;

	border: 5px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.7);
}
/*********************** LINKS ****************************/

.COMMON_input
{
	height: 18px;
	margin-bottom: 4px;
	margin-top: 4px;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #bababa;
	border-left: 1px solid #bababa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.COMMON_input:hover
{
	border: 1px solid #b9b9b9;
	border-top: 1px solid #9a9a9a;
	border-left: 1px solid #9a9a9a;
}
.COMMON_input:focus
{
	border: 1px solid #B5976A;
}

.COMMON_checkbox
{
	/*height: 18px;
	margin-bottom: 4px;
	margin-top: 4px;*/
	margin-right: 8px;
	border: 1px solid #B5976A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.COMMON_checkbox:hover
{
	border: 1px solid #682509;
}
.COMMON_checkbox:focus
{
	border: 1px solid #682509;
}