* { margin:0; padding:0; list-style-type:none; border:0; font-weight:normal;  }

/* hack hauteur IE */

* html #main {
	height: 550px;
}

* html .bloc { height:300px; }
* html .bloc-index { height:230px; }


h3, h4 { color:#005CE2; font-weight:normal; }

h3 a, h3 a:visited { text-decoration:underline; }
h3 a:hover { text-decoration:none; }


/*^^^^^^^^^^^^^^^^^*/

/* liens */ 

a, a:visited, a:active { text-decoration:none; color:#005CE2; font-weight:bold; }
a:hover { text-decoration:underline; }

/*^^^^^^^^^^^^^^^^^*/

body { color:#000; height:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;  }

#box { height:100%; width:100%; background:url(images/bg-left.gif) left top repeat-y; }

#cadre {  }

#cadre_main { width:100%; background: url(images/bg-main.gif) top left repeat-x;  }

#left { width:249px; float:left;  }

strong { font-weight:bold; }

/* HEADER */

#header { position:relative; width:100%; height:131px; background:url(images/bg-top.gif) left bottom repeat-x; }

	#header-pic { position:absolute; left:0; top:0;  }

	#recherche { position:absolute; top:50px; left:275px; color:#FFF;  }
		#recherche form {  }
		#recherche select { font-size:0.9em; border:1px solid #005CE2; vertical-align:middle;  }
		#recherche option {  padding:2px 1px; text-transform: lowercase; }
		#recherche input { vertical-align:middle;  }
		#recherche label {  }	
	
	#utilisateur { position:absolute; top:10px; left:100px; color:#fff; text-align:right; }
		#utilisateur a, #utilisateur a:visited { color:#fff; }
	
	#panier { position:absolute; top:10px; left:275px; color:#ff6f05;  }
		#panier	a, #panier a:visited { text-decoration:none; color:#ff6f05; }
		#panier a:hover { text-decoration:underline; }
		#panier img { float:left; }
	
/* MENU */

#menu { margin-left:32px; background:#EBF4D6; color:#000; padding:5px 0;  }
	
.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none; background:url(images/list.gif) no-repeat left 3px; text-transform:uppercase; padding:0 0 0 10px;
width:195px; margin-bottom:3px; display:block; font-weight:bold; }

.treeview li li { margin-bottom:0; }

.treeview li a, .treeview li a:visited { color:#000; text-decoration:none; }

.treeview li li a, .treeview li li a:visited { text-transform:none; font-weight:normal;  }

.treeview li a:hover { color:#ff6f05; text-decoration:none; }

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important; cursor: pointer !important; }


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default; }

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

#menu_top { position:absolute; bottom:0; left:270px; }
	#menu_top ul { }
	#menu_top li { float:left; }
	#menu_top li a:link, #menu_top li a:visited { color:#33443F; text-transform:uppercase; font-weight:bold; width:100px; height:31px; background:url(images/bouton-bg.gif) center center no-repeat; display:block; text-align:center; line-height:15px;}
	html>body #menu_top li a { width: auto;  }
	#menu_top li a:hover { color:#ff6f05; text-decoration:none;}

/* MAIN */ 

#main_bg {float:left; position:relative; margin:20px 0; padding:0 0 0 22px; background:url(images/ombre-left.gif) left top no-repeat; width:700px;}

	.croix { position:absolute; right:0; top:0;  }

#main { min-height:550px; padding:20px 5px 5px 5px;  }

	#breadcrumb { background: url(images/picto-02.gif) 10px 55% no-repeat #6EC12A; width:675px;}
		#breadcrumb	h2 { width:600px; font-size:1.6em; color:#fff; font-weight:lighter; text-transform: uppercase;  padding:20px 0 15px 30px;  }
	
	/* #main 	h3 { font-size:1.3em; font-weight:bold; text-transform: uppercase; color:#F60208; margin:10px 0; background:url(images/menu_fond_titre.gif) left center no-repeat; } */
	
	#main 	li { background:url(images/list.gif) center left no-repeat; padding-left:15px; margin:5px 0 5px 15px; }
		
	#main p { line-height:1.5em; margin:5px 0;}
	
			.pages { float:right; margin:10px 5px 0 5px; background:#E3E3E2; color:#000; padding:2px 5px; }
			.pages a, .pages a:visited { color:#005CE2; font-weight:normal; }
			.pages a:hover { font-weight:bold; }

/*^^^^^^^^^^^^^^^^^*/

/* ------------BLOC PRIX------------------ */

.prix { width:195px; padding:5px; float:left; }
	.reduc { float:right; font-size:0.9em; }
		.barre { text-decoration:line-through; font-weight:bold;  }
	.prix-affiche { font-weight:bold; font-size:1.4em; color:#005CE2; margin-bottom:10px; }
	.commander { display:block; margin:5px 0; }
		.input-commander { width:15px; border:1px solid #ff6f05; text-align:center; }
		.bouton-commander { float:right;  }

/* ------------BLOC { 3 colonnes }------------------ */
.bloc { min-height:300px; }
.bloc, .bloc-index  { width:200px;  float:left; margin:5px 5px 0 5px; border:1px dotted #E3E3E2; padding:5px; }
	.bloc 	h3 { font-size:1.2em; font-weight:bold;  }
	.bloc 	p { margin:0; line-height:1.3em; }
	.bloc 	.pic { display:block; margin:0 auto; }
	
.detail { float:right; }


/* ------------BLOC INDEX { 1 colonne }------------------ */

.bloc-index { margin:5px; padding:5px; min-height:230px; }
	.bloc-index 	h3 { font-size:1.2em; margin:5px 0;  }
	.bloc-index  	.pic { display:block; margin:0 auto; }

/* -----------DETAIL-------------------------------- */

#detail { padding:5px ; margin-bottom:10px; }
	#detail .pic { float:left; border-right:1px dotted #E3E3E2; padding:5px 10px 5px 5px; margin:0 10px 10px 0; }
	#detail h3 { font-size:1.6em; margin:5px 0 -10px 0;}
	#detail h4 { border-top:1px dotted #E3E3E2; font-size:1.2em; padding:5px 0 0 0; margin:5px 0 0 0; }
	#detail .marque { font-weight:0.9em; }
	#detail p { line-height:1.5em; margin:5px 0; }

/* images et styles particuliers */

.pic { }
	.pic img { display:block; margin:10px auto; }
	
	
.thumbpic_liens { float:right; margin:5px; }
	
.pic-index { padding:5px 10px; }
	
.retour { float:right; margin:10px 0 10px 10px; }
	.retour img {   }

#special { background: url(images/ombre.gif) top left repeat-x #6EC12A; margin-left:32px; color:#fff;  }
	#special h2 { padding:15px 5px 5px 15px; color:#fff; font-size:1.4em; background: url(images/picto-02.gif) left 65% no-repeat; font-weight:normal; border-bottom:1px dotted #fff; margin:0 10px 5px 10px; text-transform:uppercase;  }
		#special p { margin:5px 10px; line-height:1.4em; }
	#special .pic { display:block; margin:0 auto; }
	#special h3 { font-size:1.2em; font-weight:bold; color:#fff; margin:5px 10px;  }
		#special h3 a:link, #special h3 a:visited { text-decoration:none; color:#fff; }
		#special h3 a:visited { text-decoration:underline; }
	#special .detail { margin:5px 10px; }
		
#compte { }
	#compte table { width:100%; }
	#compte th { text-align:right; font-size:0.9em; font-weight:bold; width:100px; padding:0 10px 0 0; }
	#compte td { text-align:left; text-align:left; }
	#compte h5 { text-transform:uppercase; font-size:1.3em; margin:10px 0; padding:3px 5px; color:#005CE2; background:url(images/bg-titre.gif) center left no-repeat; }
	#compte input, #compte textarea { border:1px solid #ff6f05; padding:2px; width:150px; }
	#compte input:hover, #compte textarea:focus { border:1px solid #ff6f05; }
	#compte label { margin:0 0 5px 0; font-size:0.9em; font-weight:bold;  }
	#compte input.submit { background: #ff6f05; border: 0; padding: 1px 0; width:65px; margin: 0 15px 1px 0; color:#FFF; font-size:0.9em; }
	
	.floatright { float:right; }
					
/* footer */

#footer { width:100%; background: url(images/bg-footer.gif) left top repeat-x #EFEFED; height:53px; position:relative; }
		#footer .cb { position:absolute; top:10px; left:770px;  }
		
#copyright { text-align:center; font-size:0.9em; margin:0 auto; color:#000; background:#EFEFED;  }
	#copyright a { color:#000; }

/*^^^^^^^^^^^^^^^^^*/
	
/* hack clear float */ 	
	
.clr { clear: both; }