/** -------------------------------
 ** Globalisation des paramètres
 ** -------------------------------
 **/
#admin_icon {
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
}

body {
	background: url('../images/backgrounds/background.jpg') repeat-y;
	background-color: #E3E9F0;
}

.google_map {
	width: 100%;
}

.google_map div {
	width: 100%;
}

#message_board {
	margin: auto;
}

#message_board h2 {
	padding: 15px 0px;
	text-align: center;
}

.text_shadow_mac {
	text-shadow: #000000 1px 1px 1px;
}

#schedules {
	padding-top: 20px;
	padding-bottom: 20px;
}

#schedules h2,#schedules h3,#schedules h4 {
	color: #FFFFFF;
}

#schedules a {
	color: #FFFFFF;
}

#schedules a:hover {
	color: rgb(216, 36, 36);
}

.normal_list {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 30px;
	padding-top: 5px;
}

.normal_list li {
	display: list-item;
	list-style-type: disc;
}

#container {
	text-align: center;
}

.table_cell {
	display: table-cell;
}

.low_padding_left {
	padding-left: 10px;
}

.valid_box,.info_box,.error_box {
	padding: 0.8em;
	display: block;
}

.valid_box {
	background-color: #E6EFC2;
	border: 2px solid #C6D880;
	color: #264409;
}

.info_box {
	background-color: #FFF6BF;
	border: 2px solid #FFD324;
	color: #514721;
}

.error_box {
	background-color: #FBE3E4;
	border: 2px solid #FBC2C4;
	color: #8A1F11;
}

.full_width {
	width: 920px;
}

.half_width {
	width: 430px;
}

.quarter_width {
	width: 190px;
}

.third_width {
	width: 307px;
}

.two_third_width {
	width: 613px;
}

.box, .box2 {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 15px;
}

.box {
	padding: 18px 20px;
}

.box2 {
	padding: 4px 14px;
}

#nav ul,#nav li,#nav a:hover,#quick_access>a:hover, .box, .box2 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../pie/pie.htc);
}

#header, #footer,#nav li ul, .box, .box2 {
	-moz-box-shadow: 0px 4px 20px #A3AEB7;
	-webkit-box-shadow: 0px 4px 20px #A3AEB7;
	box-shadow: 0px 4px 20px #A3AEB7;
	behavior: url(../pie/pie.htc);
}

.hide {
	display: none;
}

.inline_list {
	margin: 0 0;
	padding: 0 0;
}

.inline_list li {
	display: inline;
}

.list_item {
	display: list-item;
}

.vertical_align_top {
	vertical-align: top;
}

.vertical_align_bottom {
	vertical-align: bottom;
}

.vertical_align_middle {
	vertical-align: middle;
}

.inline_block {
	display: inline-block;
}

.no_padding {
	padding: 0px 0px 0px 0px;
}

.no_margin {
	margin: 0px 0px 0px 0px;
}

.no_border {
	border: none;
}

.text_align_right {
	text-align: right;
}

.text_align_center {
	text-align: center;
}

.text_align_left {
	text-align: left;
}

.blue {
	color: rgb(36, 57, 216);
}

.light_blue {
	color: rgb(145, 154, 217);
}

.cyan {
	color: rgb(36, 195, 216);
}

.light_cyan {
	color: rgb(145, 208, 217);
}

.green {
	color: rgb(36, 216, 42);
}

.light_green {
	color: rgb(145, 217, 148);
}

.apple {
	color: rgb(150, 216, 36);
}

.light_apple {
	color: rgb(191, 217, 145);
}

.yellow {
	color: rgb(216, 210, 36);
}

.light_yellow {
	color: rgb(217, 214, 145);
}

.orange {
	color: rgb(216, 129, 36);
}

.light_orange {
	color: rgb(217, 182, 145);
}

.red {
	color: rgb(216, 36, 36);
}

.light_red {
	color: rgb(217, 145, 145);
}

.black {
	color: #000000;
}

.white {
	color: #FFFFFF;
}

.cell_background_1 td {
	background-color: rgb(243, 250, 255);
}

.cell_background_2 td {
	background-color: rgb(230, 237, 242);
}

.cell_background_3 td {
	background-color: rgb(242, 237, 230);
}

.block {
	display: block;
}

.block_margin {
	margin: 1em 0px;
}

.bold {
	font-weight: bold;
}

.gray {
	color: rgb(170, 170, 170);
}

.nowrap {
	white-space: nowrap;
}

.inline {
	display: inline;
}

.left {
	float: left;
}

.right {
	float: right;
}

.margin_auto {
	margin: auto;
}

.clear {
	clear: both;
}

.search {
	background: url('../images/icons/search.png') transparent no-repeat;
}

.little_margin_left {
	margin-left: 14px;
}

.little_margin_right {
	margin-right: 13px;
}

.full_width_percent {
	width: 100%;
}

.half_width_percent {
	width: 50%;
}

.third_width_percent {
	width: 33%;
}

.quarter_width_percent {
	width: 25%;
}

/** -------------------------------
 **	Description de la partie haute
 ** -------------------------------
 **/
#header {
	background: url('../images/container/header.png') no-repeat transparent;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	margin-bottom: 15px;
	height: 138px;
	width: 960px;
	border: 1px solid #DDDDDD;
	border-top: none;
	behavior: url(../pie/pie.htc);
}

#title {
	float: left;
	padding-left: 30px;
	padding-top: 10px;
}

#join,#twitter,#facebook {
	float: right;
	padding-top: 10px;
	padding-left: 10px;
}

#facebook {
	padding-right: 25px;
}

#facebook img,#twitter img {
	opacity: 0.5;
	filter: alpha(opacity = 50);
	border: none;
}

#facebook img:hover,#twitter img:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}

#bar {
	z-index: -1;
	clear: both;
	vertical-align: bottom;
	text-align: right;
	padding-right: 20px;
}

#search_form {
	display: inline-block;
	vertical-align: middle;
	display: inline-block;
}

#search_form input[type="text"] {
	width: 150px;
}

#quick_access {
	font-size: 16px;
	font-variant: small-caps;
	display: inline-block;
	vertical-align: middle;
}

#quick_access a {
	padding: 5px 10px;
	color: #FFFFFF;
}

#quick_access a:hover {
	color: #FFFFFF;
	background-color: #808080;
}

#partners {
	text-align: left;
	width: 932px;
}

#partners span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color: rgb(216, 36, 36);
}

#partners div {
	display: inline-block;
	vertical-align: middle;
}

#partners a {
	float: left;
	display: inline-block;
}

#partners a img {
	display: block;
}

#nav {
	list-style: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width: 930px;
}

#nav a {
	color: #606060;
	display: block;
	white-space: nowrap;
}

#nav li {
	padding: 0px;
}

#nav>ul {
	display: block;
}

#nav>ul>li {
	display: inline-block;
	vertical-align: middle;
}

#nav ul>li>a {
	background-color: transparent;
	padding: 5px;
}

#nav ul li:hover {
	background-color: #707070;
}

#nav ul li ul li:hover {
	background-color: #707070;
}

#nav ul>li:hover>a {
	color: #FFFFFF;
}

#nav ul>li>ul {
	display: none;
	background-color: #FFFFFF;
	border: 2px solid #808080;
	padding: 12px 6px;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	z-index: 8;
}

#nav ul>li:hover>ul {
	display: block;
	position: absolute;
}

#nav ul>li>ul>li>a:hover {
	background-color: #707070;
	color: #FFFFFF;
}

#nav ul>li>ul>li {
	display: list-item;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}

#nav ul>li>ul>li>a {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 2px;
}

/** -------------------------------
 **	Description de la partie basse
 ** -------------------------------
 **/
#footer {
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 90%;
	font-style: italic;
	text-align: center;
	clear: both;
	width: 960px;
	height: 83px;
	background: url('../images/container/footer.png') no-repeat transparent top;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	behavior: url(../pie/pie.htc);
}

#footer a {
	color: rgb(216, 36, 36);
}

#footer a:hover {
	color: rgb(216, 36, 36);
	border-bottom: 1px #FFFFFF solid;
}

#legend_content img {
	width: 36px;
	height: 19px;
}

/** -------------------------------
 **	Description des tables de nouveaux produits
 ** -------------------------------
 **/
#product_table {
	table-layout: auto;
	text-align: left;
	margin: auto;
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}

#product_table td {
	text-align: left;
	padding: 6px 5px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}

#product_table td:FIRST-CHILD {
	white-space: nowrap;
}

#product_image {
	width: 300px;
	height: 300px;
}

#product_info {
	width: 550px;
}

/** -------------------------------
 **	Description des tables de nouveaux produits
 ** -------------------------------
 **/
#products_table {
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
}

#products_table tr.th td {
	text-align: center;
	padding: 10px 10px;
	background-color: rgb(230, 230, 230);
	border-top: 5px solid rgb(169, 169, 169);
	border-bottom: 1px solid rgb(169, 169, 169);
	border-right: 1px solid rgb(169, 169, 169);
	border-left: 1px solid rgb(169, 169, 169);
	white-space: nowrap;
}

#products_table td {
	border-right: 1px solid rgb(169, 169, 169);
	border-bottom: 1px solid rgb(169, 169, 169);
	border-left: 1px solid rgb(169, 169, 169);
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
}

#products_table .product_thumbnail {
	padding: 0px;
	width: 100px;
	height: 100px;
	background-color: #FFFFFF;
}

.select_row td {
	height: 1em;
	border: none;
	background-color: #000000;
	color: #FFFFFF;
}

.select_row a {
	color: rgb(145, 154, 217);
}

.select_row a:hover {
	color: rgb(216, 36, 36);
}

/** -------------------------------
 **	Description des tables de nouveaux produits
 ** -------------------------------
 **/
#new_products_table {
	table-layout: auto;
	width: 100%;
}

#new_products_table th {
	text-align: center;
	padding: 5px 10px 5px 10px;
	background-color: rgb(230, 230, 230);
	border-top: 5px solid rgb(169, 169, 169);
	border-right: 1px solid rgb(169, 169, 169);
}

#new_products_table td {
	border-top: 1px solid rgb(169, 169, 169);
	padding: 2px 10px 3px 10px;
	vertical-align: middle;
}

/** -------------------------------
 **	Description des produits aléatoires
 ** -------------------------------
 **/
#random_products_table {
	border-spacing: 20px;
	margin-bottom: 20px;
}

.random_product_name {
	display: block;
	height: 50px;
	overflow: hidden;
}

/** -------------------------------
 ** Description des liste de news
 ** -------------------------------
 **/
.news_list li {
	padding-bottom: 2px;
	display: list-item;
}

.news_list li span {
	padding-right: 5px;
}

#availabilities {
	margin-left: 15px;
}