/* Skin */

body, html {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	margin: 10px;
	padding: 0px;
	background-color: #00283c;
}

a:link     { color: #667e8a; Text-Decoration: underline; }
a:visited { color: #667e8a; Text-Decoration: underline; }
a:active  { color: #667e8a; Text-Decoration: underline; }
a:hover  { color: #ffffff; Text-Decoration: none; }

.main_table {
	width: 990px;
	border: 2px #cfd0d1 solid;
	margin: 0 auto;
}

/* Page */

.left {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;	
	width: 170px;
	padding-bottom: 114px;
	background-image: url(images/left_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.l_search {
	padding-left: 1px;
}

.center {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;	width: 646px;
}

.right {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;	
	width: 170px;
	background-color: #9093a1;
	background-image: url(images/right_back.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.bottom {
	width: 818px;
	background-image: url(images/bottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.Module {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #00283c;	
	padding: 2px;
	background-color: #bcbec9;
	border: 1px #7e8392 solid;
}

.Bouton {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;	
	padding: 2px;
	background-color: #7e8392;
	border: 0px #7e8392 solid;
}

/* Top */

.DivSousTopMenu { 

	background-color: #9093a1;
	border: 2px #cfd0d1 solid;

	position: relative; 

	white-space: nowrap; 

	margin: 0px; 

	padding: 5px; 

	visibility: hidden;

	clear: both; 

}

html>body .DivSousTopMenu { 

	clear: both; 

	position: absolute; 

	white-space: nowrap; 

	padding-top: 0px; 

	margin-left: 0px; 

	visibility: hidden; 

}
A.SousTopMenu:link , A.SousTopMenu:visited , A.SousTopMenu:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 20px;

	height: 20px;

	text-decoration: none;

	color: #ffffff;

	width: 100%;

	padding-top: 2px;

	padding-bottom: 2px;
	float: left;
	clear: both;

}

A.SousTopMenu:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 20px;

	height: 20px;

	text-decoration: none;

	color: #d2232a;

	width: 100%;

	padding-top: 2px;

	padding-bottom: 2px;

	float: left;
	clear: both;

}

A.SousTopMenu_Active:link , A.SousTopMenu_Active:visited , A.SousTopMenu_Active:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;	
	line-height: 20px;

	height: 20px;

	text-decoration: none;

	color: #ffffff;

	width: 100%;

	padding-top: 2px;

	padding-bottom: 2px;
	font-weight: bold;

	float: left;
	clear: both;

}

A.SousTopMenu_Active:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 20px;

	height: 20px;

	text-decoration: none;

	color: #d2232a;

	width: 100%;

	padding-top: 2px;

	padding-bottom: 2px;
	font-weight: bold;

	float: left;
	clear: both;

}
A.Tab:link, A.Tab:active , A.Tab:visited {

	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #ffffff; 
	Text-Decoration: none;
	font-variant: small-caps; 
}

A.Tab:hover {

	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #d2232a; 
	Text-Decoration: none;
	font-variant: small-caps; 
}

A.Tab_Active:link, A.Tab_Active:active , A.Tab_Active:visited {

	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #ffffff; 
	Text-Decoration: none;
	font-weight: bold;
	font-variant: small-caps; 
}

A.Tab_Active:hover {

	font-family: arial;
	font-size: 11pt;
	font-weight: normal;
	color: #d2232a; 
	Text-Decoration: none;
	font-weight: bold;
	font-variant: small-caps; 
}


/* Left */

.left_top {
	background-image: url(images/left_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 25px;
	padding-left: 25px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	height: 55px;	
}


.l_top {
	background-image: url(images/left_menu_top.gif);
	background-repeat: no-repeat;
	line-height: 28px;
	height: 28px;
	padding-left: 25px;
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
	color: #ffffff;
	font-variant: small-caps; 	
}

.l_txt {
	padding: 5px 2px 10px 25px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;	
}

.search1 {
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #00283c;	
	padding: 3px;
	background-color: #bcbec9;
	border: 0px #7e8392 solid;
	height: 20px;
	width: 100px;
}

.search2 {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;	
	padding: 2px;
	background-color: #7e8392;
	border: 0px #7e8392 solid;
	height: 20px;
}

A.Menu:link , A.Menu:visited , A.Menu:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #ffffff; 
	Text-Decoration: none;
	float: left;
	clear: both;
}

A.Menu:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
}
A.Menu_Actif:link , A.Menu_Actif:visited , A.Menu_Actif:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
}

A.Menu_Actif:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
}

A.Sous_Menu:link , A.Sous_Menu:visited , A.Sous_Menu:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li2.gif);
	background-repeat: no-repeat;
	color: #9093a1; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}

A.Sous_Menu:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li2.gif);
	background-repeat: no-repeat;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}
A.Sous_Menu_Actif:link , A.Sous_Menu_Actif:visited , A.Sous_Menu_Actif:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li2.gif);
	background-repeat: no-repeat;
	color: #9093a1; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}

A.Sous_Menu_Actif:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li2.gif);
	background-repeat: no-repeat;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}

/* Center */

.center_page {
	padding: 5px 15px 5px 18px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	line-height: 18px;
}

.hr {
	height: 1px; 
	border: none;
	color: #cfd0d1;
	background: #cfd0d1;
}


.center_txt {
	padding-top: 10px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	line-height: 18px;
}

/* Right */

.r_top {
	background-color: #d2232a;
	padding-left: 10px;
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
	color: #ffffff;
	font-variant: small-caps; 	
}

.r_top2 {
	background-color: #054f15;
	padding-left: 10px;
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
	color: #ffffff;
	font-variant: small-caps; 	
}

.r_txt {
	padding: 5px 2px 10px 10px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;	
}

.r_txt2 {
	padding: 5px 2px 5px 10px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
	border-bottom: 1px #cfd1d1 dotted;
	text-align: center;	
}

.Panier {
	background-image: url(images/panier.gif); 
	background-repeat: no-repeat; 
	width: 130px;
	height: 43px;
	padding: 5px 0 0 40px;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;	
}

a.panier_link:link     { color: #ffffff; Text-Decoration: none; }
a.panier_link:visited { color: #ffffff; Text-Decoration: none; }
a.panier_link:active  { color: #ffffff; Text-Decoration: none; }
a.panier_link:hover  { color: #cfd0d1; Text-Decoration: none; }

A.Menu_D:link , A.Menu_D:visited , A.Menu_D:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #ffffff; 
	Text-Decoration: none;
	float: left;
	clear: both;
}

A.Menu_D:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
}
A.Menu_Actif_D:link , A.Menu_Actif_D:visited , A.Menu_Actif_D:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
}

A.Menu_Actif_D:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
}

A.Sous_Menu_D:link , A.Sous_Menu_D:visited , A.Sous_Menu_D:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li.gif);
	background-repeat: no-repeat;
	color: #00283c; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}

A.Sous_Menu_D:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li.gif);
	background-repeat: no-repeat;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}
A.Sous_Menu_Actif_D:link , A.Sous_Menu_Actif_D:visited , A.Sous_Menu_Actif_D:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li.gif);
	background-repeat: no-repeat;
	color: #00283c; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}

A.Sous_Menu_Actif_D:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	line-height: 18px;
	height: 18px;
	background-image: url(images/li.gif);
	background-repeat: no-repeat;
	color: #d2232a; 
	Text-Decoration: none;
	float: left;
	clear: both;
	padding: 2px 0 2px 15px;
}


.login_Bouton {
	width: 63px; height: 63px; background-image: url(images/go.gif); background-repeat: no-repeat; padding: 0; margin: 0; border: 0; cursor: text; cursor: pointer;
}


/* Mode list & detail */ 

.pages {
	color: #8f95a1;
	font-weight: bold;  
}

a.pages:link     { padding: 5px; border: 1px #305d70 solid; background-color: #144154; COLOR: #ffffff; Text-Decoration: none; font-weight: bold;  }
a.pages:visited { padding: 5px; border: 1px #305d70 solid; background-color: #144154; COLOR: #ffffff; Text-Decoration: none; font-weight: bold; }
a.pages:active  { padding: 5px; border: 1px #305d70 solid; background-color: #144154; COLOR: #ffffff; Text-Decoration: none; font-weight: bold;  }
a.pages:hover  { padding: 5px; border: 1px #305d70 solid; background-color: #1f4d60; COLOR: #ffffff; Text-Decoration: none; font-weight: bold;  }

a.ml_more:link     { Text-Decoration: none; cursor: pointer; }
a.ml_more:visited { Text-Decoration: none; cursor: pointer; }
a.ml_more:active  { Text-Decoration: none; cursor: pointer; }
a.ml_more:hover  { Text-Decoration: none; cursor: pointer; }

.small_img {
	border: 1px #858c9c solid;
	padding: 5px;
}

.md_links {
	padding: 5px 0 5px 0; border-bottom: 1px #6d899e dotted; text-align: center;
}

.md_links a:link     { color: #d5d5d5; Text-Decoration: none;}
.md_links a:visited { color: #d5d5d5; Text-Decoration: none;}
.md_links a:active  { color: #d5d5d5; Text-Decoration: none;}
.md_links a:hover  { color: #667e8a; Text-Decoration: underline;}

.md_list {
	padding: 5px; border: 1px #b0b0b0 solid; background-color: #1d3b47; COLOR: #ffffff;
}

.ml_prod_list {
	background-color: #000000; opacity : 0.7; filter : alpha(opacity=70); position: absolute; bottom: 0; left: 0; width: 190px; padding: 5px; height: 55px;
}

/* Panier */

.TotalCommande {
	color: #002b3c;
}

.Txt_Input {
	padding: 3px; border: 1px #b0b0b0 solid; background-color: #1d3b47; COLOR: #ffffff;
}

#CouponReduc {
	font-size: 11pt;
}

#TableFacturation {
	font-size: 11pt;
}

/* Bottom */

.bottom_page {
	padding: 34px 0 0 18px;
	font-family: arial;
	font-weight: normal;
	font-size: 8pt;
	color: #345261;
}

A.Bottom_Tab:link , A.Bottom_Tab:visited , A.Bottom_Tab:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #345261; 
	Text-Decoration: none;
}

A.Bottom_Tab:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #d2232a; 
	Text-Decoration: none;
}

A.Bottom_Tab_Active:link , A.Bottom_Tab_Active:visited , A.Bottom_Tab_Active:active {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #345261; 
	Text-Decoration: none;
	font-weight: bold;
}

A.Bottom_Tab_Active:hover {

	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #d2232a; 
	Text-Decoration: none;
	font-weight: bold;
}

a.Footer_Lien:link     { color: #667e8a; Text-Decoration: underline; }
a.Footer_Lien:visited { color: #667e8a; Text-Decoration: underline; }
a.Footer_Lien:active  { color: #667e8a; Text-Decoration: underline; }
a.Footer_Lien:hover  { color: #ffffff; Text-Decoration: none; }