/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
FORM 										{display: inline;}
CHECKBOX, INPUT, RADIO, SELECT 				{font-family: Verdana, Arial, sans-serif;font-size: 11px;}
TEXTAREA 									{width: 100%; font-family: Verdana, Arial, sans-serif;font-size: 11px;}
/*input										{background:#ffffff; border:1px solid #e1e1e1;}*/

/* -------------------------------------------------          -------------------------------------------------------- */

.vam			{vertical-align:middle;}
.button_margin	{margin:1px; }

/* -------------------------------------------------          -------------------------------------------------------- */

body {padding:0; margin:0; background:#4f5278; color:#000000; }
table, td, .main, select, input, textarea {
	font-size:11px;
    font-family:Tahoma;
	color:#282e3e;
	line-height:13px;
	vertical-align:top;
	padding:0px;
}
img      {border:0px;}
table	 {width:100%;}
H1		{ border-bottom:1px dashed #999999; padding-bottom:7px; margin-bottom:3px; margin-top:13px; line-height:1.1; font-weight:bold; color:#FF6600; font-size:14px;} 	

#navig { color:#4f5278;}
#navig a { color:#4f5278;}
#navig a:hover { text-decoration:none;}

.header			 {background: transparent url(../images/top.jpg) no-repeat 0% 0%; height: 283px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}
.header td 		 {color:#353535;}
.header span	 {color:#FFFFFF; font-size:10px;}
.header b   	 {color:#fc236c;}
.header a 		 {color:#eb6265; text-decoration:none; font-size:11px; }
.header a:hover  {color:#eb6265;text-decoration:underline}
.header strong 	 {color:#b9215c; }
TR.header 				{background: #ffffff;}

/* -box_body- */
.box_body span.productSpecialPrice { color:#890508; font-size:12px; font-weight:bold}
.box_body del       {color:#ffffff; font-size:12px; font-weight:bold}

.box_body ul 	{ padding: 10px 0px; margin:0px; list-style:none; }
.box_body .bg_list	{}
.box_body .bg_list a	{color:#ffffff; padding-left:13px; font-weight:bold; background:url(../images/arrow.gif) top left no-repeat; background-position:0 3px; text-decoration:none; line-height:18px; font-family:Tahoma, Arial; font-size:10px; text-transform:uppercase}
.box_body .bg_list a:hover {color:#f8e7c2; text-decoration:none;}

.box_body .bg_list_un 	{}
.box_body .bg_list_un  a	{color:#ffcce4; padding-left:20px; background:url(../images/arrow_3.gif) top left no-repeat; background-position:0 3px; text-decoration:none; line-height:18px; font-weight:bold}
.box_body .bg_list_un  a:hover	{color:#ffffff; text-decoration:none;}

.box_body .bg_list_sub 	{}
.box_body .bg_list_sub  a	{color:#f8e7c2; padding-left:10px; background:url(../images/arrow_sub.gif) top left no-repeat; background-position:0 3px; text-decoration:none; line-height:18px; font-family:Arial; font-size:10px; text-transform:uppercase; margin-left:2px}
.box_body .bg_list_sub  a:hover	 {color:#ffffff; text-decoration:none;}

.box_body td{ color:#ffffff; font-family:Arial}
.box_body span   		{color:#ffffff; font-size:11px; font-weight:normal; font-family:Tahoma}
.box_body span a		    {color:#ffffff; font-size:10px; text-decoration:none;  text-transform:uppercase}
.box_body span a:hover	{color:#ffffff;text-decoration:underline;}
.box_body a 			{color:#ffffff; font-family:Tahoma; font-size:11px; text-decoration:none;}
.box_body a:hover  		{color:#ffffff; text-decoration:underline}
.box_body em a 			{color:#ffffff; font-family:Tahoma; font-size:11px; font-weight:bold; text-decoration:underline; font-style:normal;}


/* -1- */
.box_heading_table 					{ background:url(../images/heading_c.gif)  bottom repeat-x;}
.box_heading_table .box_heading_td 	{background:url(../images/heading_bg_1.jpg) top right no-repeat; padding:10px 10px 8px 0px;}
.box_heading_table .box_heading_td 	{color:#6f0002; font-weight:bold; font-size:12px;}

.box_body_table {background-color:#991643; font-size:10px;}

.box_body_table .box_body_td {padding:0px;}



/*  ------------------------   CONTENT   ----------------------------  */

.main_content { background: transparent url(../images/bg.gif) repeat scroll 0% 0%; height: 484px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}

.content {padding: 0px 17px 0px 47px;}

.cont_heading_table { background:url(../images/cont_corn_tc.gif) repeat-x bottom; }
.cont_heading_td {padding:9px 0px 9px 0px; font-size:12px;  font-weight:bold; color:#3a3a3a; }

.cont_heading_td a{color:#3a3a3a; text-decoration:none}
.cont_heading_td a:hover{color:#3a3a3a; text-decoration:underline }

.cont_body_table {background:#FFFFFF;}
.cont_body_tall_t {background:#FFFFFF url(../images/cont_body_corn_t.gif) top repeat-x;}
.cont_body_tall_b {background:#FFFFFF url(../images/cont_body_corn_b.gif) bottom repeat-x;}
.cont_body_tall_l {background:#FFFFFF url(../images/cont_body_corn_l.gif) left repeat-y;}
.cont_body_tall_r {background:#FFFFFF url(../images/cont_body_corn_r.gif) right repeat-y;}


/*  HOMEPAGE  */
.bestseller a { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#e35634; text-decoration:none; background:url(../images/list_style1.gif) top left no-repeat; background-position:0 3px; padding-left:13px;}
.bestseller a:hover { text-decoration: underline; }
.bestseller ul { list-style:none; padding:0px; margin:7px 0 7px 12px;}
.bestseller ul li { margin-bottom:1px;}

/*  PRODUCT  */
.product td					{ color:#3d3434; font-family:Tahoma, Arial;  text-transform:uppercase; font-size:11px;}
.product a 					{font-weight:bold; font-size:12px; color:#8E013B; text-decoration:none;} 
.product a:hover 			{text-decoration:underline;}

.product span a 			{ text-transform:uppercase; font-size:10px; color:#3d3434; text-decoration:none; font-weight:normal}
.product span a:hover 		{text-decoration:underline;}

.product b					{ color:#3a3a3a; font-family:Tahoma;  font-size:12px; text-transform:none}
.product strong 			{ color:#6f0002; font-size:12px; text-transform:none; font-weight:normal}
.product em		    		{text-transform:uppercase; font-size:10px; color:#767676; text-decoration:none; font-weight:normal; font-style:normal;} 

.product div a		    {color:#eb6265; font-size:9px; font-weight:normal; text-decoration:none; text-transform:none;}
.product div a:hover	{color:#eb6265; text-decoration: underline;}	

span.productSpecialPrice {font-size:12px; color:#cf3b3f; font-weight:bold; font-family:Tahoma, Arial }

/* LIST CATEGORY */	
.cat_list_box 			{ border-bottom:1px dashed #CCCCCC; width:100%;  margin-bottom:6px; }
.cat_list_box2 			{ margin-top:8px; margin-bottom:6px;}
.cat_list_img 			{ padding-bottom:6px;}
.list_product_name 		{ font-variant:small-caps; font-size:12px; font-weight:bold; color:#4f5278; width:100%; padding:4px 0 6px 0; margin:0 0 10px 0; border-bottom:1px dashed #CCCCCC;}
.txt_small 				{ font-variant:normal; font-size:10px; color:#4f5278; padding:0; margin:0;  }
.productSpecialPrice2 	{ color:#cf3b3f; font-size:14px; font-weight:bold}

.navig_pages 			{ text-align:right; width:100%; margin:10px 0px 10px 0px;}
.navig_pages span		{ color:#d9005d; font-weight:bold; padding-right:6px;}
.navig_pages a 			{ text-decoration:underline; color:#d9005d; font-weight:normal;}
.navig_pages a:hover 	{ text-decoration:none; }

/* FICHE PRODUIT */	
.fiche_prod_box 		{ width:100%;  margin:0; vertical-align:middle; }
.fiche_prod_box .utils	a { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#c86d2e; text-decoration:none;}
.fiche_prod_box .utils	a:hover { text-decoration:underline; }

.choix_couleur			{ margin:10px 0 10px 0; font-size:11px;}
.choix_couleur	p		{ margin:0px 0 6px 0;}

.fich_prod_list1 		{ margin:0; padding:0;}
.fich_prod_list1 	ul	{ padding: 7px 0px; margin:0px; list-style:none;}
.fich_prod_list1 ul li	{ border-bottom:1px solid #cccccc; padding:10px 0 10px 0;}

.fich_prod_prix			{ font-size:18px; font-weight:bold; color:#000000; margin:8px 0 6px 0; }
.fich_prod_remarque		{ font-size:9px;  color:#000000; margin:0; line-height:10px;}
.fich_desc_courte		{ margin:17px 0 0 0; color:#c3590f; font-size:11px;}

.img_big_size			{ width:90%; height:20px; text-align:center; vertical-align:middle;}
.img_big_size 	a		{ background: transparent url(../images/mini_pict_zoom.gif) no-repeat 0% 0%; padding:0 0 0 22px;   text-decoration:underline; font-size:10px; color:#da8f47;}
.img_big_size a:hover	{ text-decoration:none;}

#tab-1 { background-color:#e9e8e5; float:left; padding:10px 0 0 0; width:401px;}
* html #tab-1 { width:403px;}
#tab-1 .acc-desc a { color:#9E9E9E; text-decoration:none;}
#tab-1 .acc-desc a:hover { color:#B6B6B6; text-decoration:underline;}
#tab-2 { background-color:#d7f1f9;}


.accessoire {width:121px; height:200px; background: transparent url(../images/bg_accessoire.png) no-repeat 0% 0%; text-align:center; float:left; margin:0 0px 0 10px;}
* html .accessoire {margin:0 0px 0 6px;}
.accessoire div {width:121px; height:121px; vertical-align:middle; text-align:center; padding-top:5px; }
.accessoire a { font-size:11px; font-weight:bold; color:#4f5278; text-decoration:none; line-height:11px; padding:0; margin:0;}
.accessoire a:hover { text-decoration:underline; }
.accessoire p { padding:0; margin:2px 0 0 0;}
.accessoire p.prix { color:#cf3b3f; font-size:14px; font-weight:bold; padding:0; margin:3px 0 3px 0;}



/* PAGES COMMANDES */

.clearboth { clear:both; }
#panier table { margin:0; padding:0; background-color:#f1f1f1; }
#panier table th { background-color:#E35634;  padding:2px 3px; font-weight:bold; color:#FFFFFF;} 
#panier table td { padding:1px 3px 1px 3px;  } 
#panier table a { text-decoration:none; color:#000;}
#panier table a:hover { text-decoration:underline; color:#E35634;}
.lign-prod {border-bottom:1px dashed #ccc;}
#ensemble-btns { margin:10px 0 0 20px; width:380px; height:35px; text-align:right }
.btn-generique { width:100px; margin-right:0; margin-top:2px; margin-bottom:1px; margin-left:7px; display:inline; }

.panier-list { border-bottom:1px solid #ccc;} 
.total { background-color:#e1e1e1; font-weight:bold; font-size:1.0em; }
.total-fond { background-color:#e1e1e1;}

#div-command-content { width:400px; margin:0px 0 10px 0; padding:0; }
/*#div-command-content input { border:1px solid #e1e1e1;}*/
#div-command-content a { color:#902a65; text-decoration:underline;}
#div-command-content a, a:hover { color:#902a65; text-decoration:underline;}
#div-command-content table { /*float:left;*/ clear:both; margin:0; padding:0;}
#div-command-content table th {  padding:2px 10px; margin:15px 0 10px 0; font-weight:bold; font-size:11px; white-space:nowrap; }
#div-command-content table tr.total { background-color:#f6f6f6; text-align:right; border:none; }
#div-command-content table td { }
#div-command-content H1 { font-weight:bold; color:#fe0000; font-size:1.5em; padding:0 0 0 0; margin:5px 0 0 10px;}
#div-command-content H2 { font-weight:bold; color:#000; font-size:1.4em; background: url("../images/fleche_1.gif") 2px 5px no-repeat; padding:0 0 0 0px; margin:0 0 10px 0px;}
#div-command-content H4 { font-weight:bold;color:#000; font-size:11px; background-color:#e9e9e9; width:100%; white-space:nowrap; display:block; height:15px; margin:0 0 10px 0; padding:0 5px 0 5px; text-align:center; border-bottom:1px dashed #ccc;}
#div-command-content input, textarea{ margin-bottom: 5px; }
#div-command-content textarea{ width: 300px; height: 80px;  }
#div-command-content br{ clear: left; }
#div-command-content table td.bdc-head { font-weight:bold; font-size:1.2em; color:#fff; background-color:#666; padding:0 0 0 20px; height:16px;}

#div-command-boutons {clear:both; width:300px; display:block; float:right; text-align:right; margin: 15px 0 0 0; white-space:nowrap;}
#div-command-boutons span { margin: 0 0 0 10px; padding:0; }

#div-command-ident-part1 { border:solid 1px #fe0000; padding:10px; margin:10px 10px 10px 0; background-color:#fff; float:left; width:250px; }
#div-command-ident-part1 table td { padding-left:20px; }

#div-command-ident-part2 { padding:0 0 0 15px; margin:0px; background-color:#fdc39b; float:left; width:auto; }
#div-command-ident-part2 table td.space { padding:0px 0 0px 15px; }

#div-command-ident-boutons {padding:0px 5px 0 0;  text-align:right; display:inline; }
#div-command-ident-boutons span { margin:0 0 0 10px; padding:0; }
#div-command-ident-boutons div { padding:0; margin:0 7px 0 0; }

#div-form-separateur { width:400px; height:1px; border-bottom: dashed 1px #999;}
.form-asterisque { color:#FF0000;}

#tabl-coordonnees {}
#tabl-coordonnees a {color:#1F6614; text-decoration:underline;}
table#tabl-commande  td {  padding:4px 10px 4px 10px;}
.panier-list {border-bottom:dashed 1px #c4c4c4;} 

#div-adresse { background-color:#F9F9F9; padding:10px; margin:5px; display:block; text-align:center;}
#div-adresse-livraison {background-color:#FFF; border:solid 1px #3599ED; width:200px; white-space:nowrap; padding:10px; margin:0 0 0 90px; display:block;  font-size:12px; text-align:center;  }


#print-coordonnees { padding:5px;}


.style1 {font-size: 1.2em; font-weight: bold; color:#000; padding-left:5px;}
.style2 {font-size:1.0em;}


/*  IMAGE  */
.pic				{}
.table_pic_width	{width:1px;}


/*  footer  */
.footer		  	  { width:100%; background: transparent url(../images/bot.gif) repeat scroll 0% 0%; height: 107px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}	
.footer td 		  {color:#ffffff; font-size:11px;}			
.footer a 		  {color:#ffffff; font-size:11px; text-decoration:none;} 			
.footer a:hover   {color:#ffffff;text-decoration:underline;}	
.footer span 	  {color:#ffffff; font-size:11px;}
.footer span a 		  {color:#ffffff; font-size:11px; text-decoration:none;} 			
.footer span a:hover   {color:#ffffff;text-decoration:underline;}
.footer b, .footer b a 	  {color:#ffffff; font-size:11px; font-weight:bold; text-decoration:underline;}			
.footer b a:hover {color:#ffffff; text-decoration:none;}


/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.box_width_left			{ width:163px; margin-left:18px;}
.box_width_right		{ width:0px;}
.box_width_cont			{ width:100%;}
.col_left				{}
.col_center				{ width:100%;}
.col_right				{}			
/* -------------------------------------------------          -------------------------------------------------------- */

.heading_top_3			{margin-top:6px;}
.heading_top_3 .padd_33	{padding:0px 0px 10px 0px;}


.tableBox_output		{margin-top:6px;}

/*    */



/* ---- ONGLETS ---- */

#onglets {width:403px; float:left;  margin:0 0 15px 228px; padding:0;}
#onglets a { color:#FFFFFF; text-decoration:none;}
* html #onglets{ margin:0 0 15px 115px;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Tahoma, Helvetica, Arial, sans-serif; 
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(../images/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #c94700;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	font-size:11px;
}

/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#compte H4 { font-size:14px; font-weight:bold; color:#4F5278; border-bottom:1px dashed #4F5278; padding-bottom:4px; margin:20px 0; }
#compte a { text-decoration:none; color:#E25633; border:1px solid #E25633; padding:3px 6px; background:#fff;}
#compte a:hover { text-decoration:none; color:#fff; background:#FA8A5A;}
#compte ul { list-style:none; margin:0; padding:0 0 0 5px; }
#compte ul li { margin:8px 0; padding:2px 0; }

/*** FORMULAIRE ****/

.cssform p{
	width: 200px;
	clear: left;
	margin: 0;
	padding: 4px 0 7px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}
.cssform p.no-border { border-top:none; margin-top:10px; }

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	/*width: 180px;*/
}

.cssform textarea{
	width: 200px;
	height: 150px;
}

.cssform select {
	width: 200px;
}

/* fieldset , legend */
.cssform fieldset
{
	margin: 10px 0 10px 0;
	border: #E25633 1px solid;
	padding:0 15px 15px 15px;	
}

.cssform fieldset:hover
{
	background-color: #F9F9F9;
}

.cssform fieldset legend
{
	padding: 0 10px;
	border-left: #E25633 1px solid;
	border-right: #E25633 1px solid;
	font-size: 1.2em;
	font-weight:bold;
	color:#E25633;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*******************/