/* Styles de base */
body, td, th {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

input, textarea, select {
	border: solid 1px #a0a2a4;
	font-family: Verdana;
	font-size: 8pt;
}

h1 {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 22px;
	background-color: #82358C;
	color: #FFFFFF;
	white-space: nowrap;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	color: #82358C;
	margin: 0 0 10px 36px;
}

h3 {
	font-weight : bold;
	font-size: 12px;
	margin: 0px;
	margin-left: 55px;
}

h4 {
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	margin-left: 55px;
}

form {
	margin: 0px;
}

a, a:hover, a.on_dark, a.on_dark:hover {
	color: #AEAD07;
	text-decoration: none;
}

a:hover, a.on_dark:hover {
	text-decoration: underline;
}

ul {
    list-style-image: url(../images/square.png);
}

ul.purple {
    list-style-image: url(../images/square_violet.png);
}

li {
	margin-left: 12px;
	_margin-left: 0px;
	margin-bottom: 5px;
}

ol {
    color: #82358C;
    font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
}

p {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana;
	margin: 0;
}

/* Styles généraux */
.clear {
	clear: both;
}

.normal {
	padding: 0px;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

.bold_violet {
	font-weight: bold;
	color: #82358C;
}
.violet {
	color: #82358C;
}

.bold_green {
	font-weight: bold;
	color: #AEAD07;
}

.green {
	color: #AEAD07;
}

.text {
	color: #706F6F;
}

.big {
	font-size: 14px;
	font-weight: bold;
}

.highlight {
	font-weight: bold;
	color: #799f1d;
}

div.h1_left {
	float: left;
	background: url('/images/h1_left.png') top left no-repeat;
	width: 4px;
	height: 31px;
	margin: 10px 0 0 10px;
}

div.h1_middle {
	position: relative;
	float: left;
	background: url('/images/h1_middle.png') top left repeat-x;
	height: 31px;
	margin: 10px 0 16px 0;
	line-height: 29px;
	padding: 0 10px;
}

div.h1_right {
	float: left;
	background: url('/images/h1_right.png') top right no-repeat;
	width: 6px;
	height: 31px;
	margin: 10px 0 0 0;
}

div.h1_arrow {
	position: absolute;
	bottom: -9px;
	right: 20px;
	background: url('/images/h1_arrow.png') top right no-repeat;
	width: 10px;
	height: 11px;
}

.row_title_first {
    background-image: url(../images/section.png);
    background-repeat: no-repeat;
    background-position: top 4px;
	border-bottom: solid 1px #704e88;
	text-align: left;
	padding-left: 24px;
	padding-top: 2px;
	font-weight: bold;
}

.row_title_square {
    background-image: url(../images/square.png);
    background-repeat: no-repeat;
    background-position: top 4px;
	border-bottom: solid 1px #704e88;
	text-align: left;
	padding-left: 18px;
	padding-top: 2px;
	font-weight: bold;
}

.row_title {
	border-bottom: solid 1px #704e88;
	text-align: left;
	padding-top: 2px;
	font-weight: bold;
}

.odd {
	background-color: #f6f4f8;
}

.even {
	background-color: #f0eef2;
}

.odd_order {
	background-color: #F4F3F2;
}

.even_order {
	background-color: #FFFFFF;
}

.small {
	font-size: 7pt;
}

.faded {
	color: #706F6F;
}

#error {
	position: absolute;
	width: 600px; left: 50%; margin-left: -300px;
	background-color: #f2eae4;
	border: solid 2px red;
	padding: 10px;
}

#fatal_error {
	position: absolute;
	width: 600px; left: 50%; margin-left: -300px;
	border: solid 2px red;
	padding: 10px;
}

.error {
	padding: 10px;
	background-color: #f0e0e0;
	border: solid 2px #c04040;
	color: red;
}

.error_field {
	background-color: #F0E0E0;
}

.success {
	padding: 10px;
	background-color: #F4FFF4;
	border: solid 2px #009900;
	color: green;
}

.error_text {
	color: red;
}

.warning {
	padding: 10px;
	background-color: #f5f7c9;
	border: solid 2px #c9d200;
	color: maroon;
}

.flag_on {
	border: outset 2px #c9d200;
}

.flag_off {
	border: outset 2px #704e88;
}

.tab_active {
	background-color: white;
	border-top: solid 2px #c9d200; border-right: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0;
	float: left; padding: 6px; padding-bottom: 9px; _margin-left: -1px; margin-right: -1px; _margin-right: 0px;
	cursor: default; color: #4070A0;
}

.tab {
	background-color: #f8f5fa;
	border: solid 1px #c0c0c0;
	float: left; padding: 6px; margin-top: 3px; margin-bottom: -3px; _margin-left: -1px; margin-right: -1px; _margin-right: 0px;
	cursor: pointer; color: #607080;
}

.tab_spacer {
	border-bottom: solid 1px #c0c0c0; width: 100%
	float: left; padding-top: 29px;
}

.tab_content {
	clear: left;
	background-color: white;
	border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0;
	padding: 6px;
}

input.form_button {
	border: none;
	background-color: transparent;
	color: #FFFFFF;
	margin-top: 7px;
	cursor: pointer;
}

.button_left {
	float: right;
	background: url('/images/button_left.jpg') top left no-repeat;
	width: 5px;
	height: 30px;
}

.button_middle {
	float: right;
	background: url('/images/button_middle.jpg') top left repeat-x;
	height: 30px;
	padding: 0;
	line-height: 28px;
}

.button_right {
	float: right;
	background: url('/images/button_right.jpg') top right no-repeat;
	width: 16px;
	height: 30px;
}

.button_publish_left {
	float: right;
	background: url('/images/button_publish_left.jpg') top left no-repeat;
	width: 5px;
	height: 30px;
}

.button_publish_middle {
	float: right;
	background: url('/images/button_publish_middle.jpg') top left repeat-x;
	height: 30px;
	padding: 0;
	line-height: 28px;
}

.button_publish_right {
	float: right;
	background: url('/images/button_publish_right.jpg') top right no-repeat;
	width: 16px;
	height: 30px;
}

/* Styles généraux pour frame.html */
div#global {
	width: 996px;
	margin: 0 auto;
}

div#private_bar {
	float: left;
	width: 198px;
}

div.private_space_top {
	background: url('/images/private_space_top.jpg') left top no-repeat;
	height: 7px;
}

div.private_space_center {
	background: url('/images/private_space_center.jpg') left top repeat-y;
}

div.private_space_bottom {
	background: url('/images/private_space_bottom.jpg') left top no-repeat;
	height: 5px;
}

div#content {
	float: left;
	width: 798px;
}

div#menu {
	background: url('/images/menu.jpg') left top repeat-x;
	height: 36px;
}

div#article {
	padding: 4px 4px 0 14px;
	margin-bottom: 4px;
}

div#footer {
	width: 996px;
	height: 50px;
	margin-top: 14px;
}

/* Styles de la boite de connexion */
.link_menu, .link_menu:hover {
	background: url('/images/arrow_right.png') right 8px no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
}

.link_menu_connected, .link_menu_connected:hover {
	background: url('/images/arrow_right.png') left 8px no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
}

.private_title {
	padding: 0 18px 6px 0;
	font-size: 14px;
	text-align: right;
}

.private_space_center form p {
	padding: 0 18px;
	margin-bottom: 8px;
}

.private_space_center form label {
	display: block;
	padding-bottom: 4px;
}

.private_space_center ul {
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
	list-style-image: none;
}

.private_space_center ul li {
	padding: 0 4px 0 0;
	margin: 0;
	text-align: right;
}

.private_space_center ul li a {
	display: block;
	padding-right: 18px;
}

.private_space_center .input_private {
	background: url('/images/input_private.png') left top no-repeat;
	width: 156px;
	height: 17px;
	padding: 0 3px;
	border: none;
}

.private_space_center .button_private {
	background: url('/images/button_private.png') left top no-repeat;
	width: 121px;
	height: 31px;
	padding: 0 18px 6px 0;
	margin: 0;
	border: none;
	cursor: pointer;
	text-align: right;
	color: #FFFFFF;
	line-height: 31px;
}

.private_box {
	padding: 0 18px;
}

.private_box span {
	display: block;
}

.private_box .highlight {
	margin-bottom: 14px;
	color: #FFFFFF;
}

.private_box ul li {
	padding: 0;
	margin: 0;
	text-align: left;
}

.private_box ul li a {
	display: block;
	padding-left: 10px;
}

/* Styles de la boite de connexion pour les entreprises */
#login_panel {
	position: absolute; top: 239px; left: 790px; width: 500px; margin-left: -250px;
	overflow: hidden;
}

.login_background {
	background-color: #e4e6e9;
	text-align: center;
}

/* Styles de la page d'accueil */
#home_content {
	background: url('/images/news_center.jpg') 529px top repeat-y;
}

#home_articles {
	float: left;
	width: 519px;
	min-height: 100px;
	margin-right: 10px
}

.home_article {
	border-bottom: solid 1px #B8B8B8;
}

#home_news {
	float: left;
	width: 251px;
}

#home_news_top {
	background: url('/images/news_top.jpg') left top no-repeat;
	width: 251px;
	height: 110px;
}

#home_news_center {
	background: url('/images/news_center.jpg') left top repeat-y;
	width: 225px;
	padding: 10px 16px 0 10px;
}

#home_news_bottom {
	float: right;
	/*background: url('/images/news_bottom.jpg') left top no-repeat;*/
	width: 421px;
	height: 158px;
}

#home_footer {
	min-height: 158px;
	background-color: #FFFFFF;
}

#home_footer_content {
	float: left;
	width: 359px;
	min-height: 158px;
}

/* Tableau de bord des entreprises */
.cvtheque {
	background: url('/images/cvtheque.jpg') 725px center no-repeat;
	min-height: 50px;
	padding-right: 60px;
}

.tracking_ok {
	background: url('/images/dashboard_ok.jpg') 672px center no-repeat;
	padding: 16px 60px 26px 16px;
}

.tracking_nok {
	background: url('/images/dashboard_nok.jpg') 672px center no-repeat;
	padding: 16px 60px 26px 16px;
}

.dashboard_ok {
	list-style-image: url('/images/dashboard_small_ok.jpg');
}

.dashboard_nok {
	list-style-image: url('/images/dashboard_small_nok.jpg');
}

.dashboard_waiting {
	list-style-image: url('/images/dashboard_small_waiting.jpg');
}

/* Styles de l'ancienne charte à conserver */
.box {
	margin-bottom: 10px;
}

.box_border {
	border: solid 1px #a0a2a4;
	padding: 6px;
}

.box_line {
	border-top: solid 1px #a0a2a4;
	padding: 4px;
}

.bottom_line {
	border-top: solid 1px #a0a2a4;
}

.back_light {
	background-color: #eee8f2;
}

.back_dark {
	background-color: #4c226a;
}

.total_price {
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #cacaca;
}
.border_order_summary {
	border:1px  solid #4C236A;
}
.included_product_title {
	background-color: #C9D200;
	color:#4C236A;
	font-weight:bold;
}
.row_title_underline {
	border-bottom: solid 1px #4C226A;
	text-align: left;
	padding-top: 2px;
	font-weight: bold;
}

.order_details{
	margin: 4px 20px;
}

#agency_title {
	position: absolute;
	left: 175px; top: 100px;
	width: 581px; height: 25px;
}

.over {
	background-color: silver;
}

.combo_fade {
	background-color: #D1D1D1;
	color: #E0E0E0;
}