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

/* hack hauteur IE */

* html #main { height: 450px; }

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

* html .bloc { height:350px; }

h3, h4 { font-weight: bold; background:url(images/puce-bleue.png) left center no-repeat; margin:5px 0; color:#fc602a; }

h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }

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

strong { font-weight:bold; }

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

	.pic { width:200px; /*height:130px;*/ border:1px solid #C9CECF; }
	.pic img { width:200px; /*height:130px;*/  }

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

/* liens */ 

a, a:visited, a:active { text-decoration:none; color:#fc602a; font-weight:bold; }
a:hover { text-decoration:underline; color:#1973AC; }

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

body { color:#33443F; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background:#EBEDEC; margin-top:10px; }

#box { width:950px; margin:0 auto; border-right:1px solid #8B9693; border-top:1px solid #8B9693; border-bottom:1px solid #8B9693; border-left:1px solid #8B9693; }

#cadre {  }

#breadcrumb { padding:10px; }

#cadre_main { background:#fff; }

#side { width:210px; float:left;  }
	
	#menu-right { background:url(images/right-bottom.gif) center bottom no-repeat; margin:5px 0; } 
	#menu-right .top { }
	#menu-right ul { background:url(images/right-top.gif) center top no-repeat ; }
	#menu-right li {  }
	#menu-right li a, #menu-right li a:visited { text-transform:uppercase; background:url(images/btn-fleche.png) center left no-repeat; padding:10px 0 10px 27px; font-size:0.9em; display:block; }
	
	html>body #menu_right li a { width: auto;  }

	#menu-right li a:hover { text-decoration:none; background:url(images/btn-fleche.png) center left no-repeat #CFD6E2;  }
	.menu-right-border { border-bottom:1px solid #d2d3e1; }

/* HEADER */

#header { position:relative; }
	
/* MENU */

#menu {  }
	
	.treeview ul { margin:5px 0; }
	.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none; text-transform:uppercase;  font-weight:bold; margin:0; }
	.treeview li li {  }
	.treeview li a, .treeview li a:visited { color:#fff; text-decoration:none; padding:5px 0; display:block; width:210px; text-indent:20px; background:url(images/li.png) center center no-repeat;   }
	html>body .treeview li a { width: auto;  }
	.treeview li li a, .treeview li li a:visited { text-transform:none; font-weight:normal;  padding:2px 0; border:none; text-indent:25px; background:#2B4046;  }
	.treeview li a:hover { text-decoration:none; background:url(images/li-over.png) center center no-repeat; color:#fff;  }
	.treeview li li a:hover { text-decoration:none; background:url(images/li.png) center left no-repeat; color:#fff; }
	.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; top:135px; left:210px; z-index:1; }
	#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:110px; height:30px; background:url(images/bg-menu.jpg) center center no-repeat; display:block; text-align:center; line-height:30px;}
	html>body #menu_top li a { width: auto; }
	#menu_top li a:hover { color:#ff6f05; text-decoration:none; background:url(images/bg-menu-over.jpg) center center no-repeat;}
		
/* MAIN */ 

#main-padding  {float:left; margin:0; width:740px; background:url(images/main-bord-left.png) left top no-repeat #fff; border-top:1px solid #8B9693; }

#main { min-height:450px; padding:10px; }

#main li { background:url(images/puce.gif) center left no-repeat; padding-left:10px; margin:5px 0 5px 10px; }
		
/* ------------BLOC { 2 colonnes }------------------ */

#cadre-bloc { margin:0 auto; width:580px; }

.bloc { width:280px; min-height:350px; float:left; margin:5px 10px 0 0; background:url(images/block-small.png) bottom center no-repeat;  }
	.bloc .top { height:32px; }
	.bloc h3 { margin:5px 0 5px 10px; font-size:1.4em;  }
	#main .bloc p { margin:5px 10px; line-height:1.5em; }
	.bloc .pic { display:block; margin:0 auto; width:auto; height:130px; }
	
	.bloc .formulaire { width:260px; margin:20px auto; }
		.bloc .formulaire radio, .bloc .formulaire label, .bloc .formulaire input, .bloc .formulaire textarea, .bloc 																	.formulaire select { display: block; float: left; margin-bottom:10px;  }	
		.bloc .formulaire label { text-align: left; width: 80px; margin-right: 5px; font-weight:bold; font-size:0.9em; }			
		.bloc .formulaire input, .bloc .formulaire textarea, .bloc .formulaire select { border:1px solid #d7d7d7; padding:2px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:1em;  }
		.bloc .formulaire input, .bloc .formulaire textarea { width:50px; }			
		.bloc .formulaire .bouton { border:none; width:auto; height:auto; }	
		.bloc .formulaire .bouton:hover { border:none; }
		.bloc .formulaire input:hover, .bloc .formulaire textarea:hover { border:1px solid #fc602a; }		
		.bloc .formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; }		
		.bloc .formulaire br { clear: left; }

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

.input-style, .textaera-style { border:1px solid #234AA1; padding:2px; color:#234AA1; font-size:0.9em; margin:2px 0; vertical-align:middle; }

.detail { padding:5px ; margin-bottom:10px; }
	.detail p { line-height:1.5em; margin:5px auto; }
	
		#diaporama-detail { display:block; margin:5px 0;   }
		#diaporama-detail img {  }
		.big { display:block; margin:5px auto; border:1px solid #2D2C2B;  }
		.thumb img { float:left; margin:5px 8px; border:1px solid #d7d7d7;  }
		
.detail { margin:10px 0; background:url('images/bg_form.gif') repeat-x left bottom; border-collapse: collapse; width:100%; }

	.detail th, .detail td { padding:6px 2px 6px 5px; text-align:left; border:1px solid #d7d7d7;  }
	.detail th { font-weight:bold; width:150px;  }
	.detail td {  }
	.detail tr:hover { background:#d7d7d7; }

/* images et styles particuliers */
	
.retour { float:right; margin:5px; }
	.retour img {   }
	
	#promotion { background:url(images/block-large.png) bottom center no-repeat; width:580px; margin:10px auto; padding-bottom:5px; }
		#promotion .top { background:url(images/promotions-top.jpg) center top no-repeat; height:31px;}
		#promotion .pic { margin:5px 5px 20px 5px;  float:right; }
		#main #promotion h3 { margin:5px; }
		#main #promotion p { margin:5px; }
		#promotion li a:link, #promotion li a:visited { color:#57696C; background:url(images/li-home.png) left center no-repeat; padding-left:15px; }
		
	#recherche { background:url(images/block-rechercher.png) bottom center repeat-y; width:580px; margin:0 auto; height:180px; }
		#recherche form { width: 540px; margin:0 auto; padding:10px; }
					
		.visu { float:right; }
			
.formulaire { margin:5px 0; }
			.formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px;  }	
			.formulaire label { text-align: left; width: 150px; margin-right: 10px; font-weight:bold; font-size:0.9em; }			
			.formulaire input, .formulaire textarea, .formulaire select { border:1px solid #d7d7d7; padding:3px; color:#333333; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em;  }
			.formulaire input, .formulaire textarea { width:150px; }			
			.formulaire .bouton { width:auto; border:none; height:auto; }	
			.formulaire .bouton:hover { border:none; }
			.formulaire input:hover, .formulaire textarea:hover { border:1px solid #fc602a; }		
			.formulaire .input-radio { background:#fff; border:1px solid #fff; width: 20px; }		
			.formulaire br { clear: left; }
					
	.thumbpic_liens { float:right; margin:0 0 5px 5px; border:1px solid #2D2C2B;  }					
					
	#main p { line-height:1.5em; margin:5px 0;}			
	
	.hidden { visibility:hidden; overflow: auto; display:none;}
				
	.plusdedetail { padding-left:15px; background:url(images/puce-or.png) left center no-repeat; }
		
	.colleft { float:left; width:225px; margin:5px 10px 5px 0; border-right:1px dotted #545558; }
	.colright { float:left; width:225px; margin:5px 0; }
	.cadre { padding:5px 0; }
	
	.center img { display:block; margin:5px auto; }
	
	.pages { word-spacing:5px; padding:2px; width:auto; text-align:right; }
	.pages a:link, .pages a:visited { }
	
	.prix { font-size:1.2em; font-weight:bold; color:#fc602a; }
	
	#conditions { float:right; width:250px; }
	#conditions li a, #conditions li a:visited { }
	#conditions li a:hover { }	
	
div.hr { height: 10px; background: url(images/points.gif) repeat-x scroll center; }
div.hr hr {   display: none; }	
	
	.showstate{ /*Definition for state toggling image */
cursor:hand; cursor:pointer; }

.headers{ width: 210px; margin:5px 0; }

.switchcontent{ width: 210px; background:#fff; }
	.switchcontent label { font-size:0.9em; }
	.switchcontent input, .switchcontent textarea { padding:1px 0; width:140px; margin:2px auto; border:1px solid #d7d7d7; }
	.switchcontent .btn { width:140px; padding:1px; margin:2px auto; font-size:0.9em;}

/*	PANIER */

.left { text-align:left; }

.panier table { width:100%; margin:5px auto; padding:1px; border:1px solid #EFEFED; text-align:center;}

.panier th { font-weight:bold; background-color:#fc602a; color:#FFFFFF; text-align:center; border-bottom:1px solid #EFEFED; padding:5px; }
.panier td {  padding:5px; text-align:center; }
.panier tr { }

.panier .infos { width:50%; color:#000; border:none; padding:0; }
.panier .infos tr { border-bottom:1px solid #EFEFED; }
.panier .infos th { background:none; text-align:right; color:#000; border:none; vertical-align:top; }
.panier .infos td { text-align:left; }

.article { color:#fc602a; text-align:left; }

.floatleft { float:left; padding:5px 0; }
.floatright { float:right; padding:5px 0;}

	#nav { float:right; height:25px; margin:5px 0 0 0; }
	#nav a:link, #nav a:visited { padding:3px 7px; background:#fff; color:#fc602a; border:1px solid #fc602a; }
	#nav a:hover { background:#fc602a; color:#fff; border:1px solid #fff;  text-decoration:none; }
	
	.navactive { margin:5px 0 0 0; background:#fc602a; color:#fff; border:1px solid #fff;  text-decoration:none; }
	.navactive a:link, .navactive a:visited { padding:3px 7px; background:#fc602a; color:#fff; border:1px solid #fc602a; }
	.navactive a:hover { background:#fc602a; color:#fff; border:1px solid #fff;  text-decoration:none; }
	
	
	
	#current { background:#fc602a; color:#fff; border:1px solid #fff;  text-decoration:none; }
	
	
	.alerte {
	background:#FFF7C0 url(images/warning.gif) no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	color:#000;
	margin:3px 0;
	}

		
/* footer */

#footer { background-color:#FFFFFF;  }

#copyright { width:950px; text-align:center; font-size:0.9em; margin:0 auto; color:#000; margin:5px auto;   }
	#copyright a { color:#000; }
	#categories-r { width:950px; text-align:center; color:#000; margin:5px auto; }
	#categories-r a {font-size:0.8em;}
	
/* ------------REF------------------ */

#r fieldset { border:1px solid #000000; padding:10px; width:600px; margin-left:10px;}
#r fieldset a{width:45%; float:left; padding:2px; font-size:0.9em;}
#r legend { padding:0 5px; font-weight:bold; color:#000000; font-size:0.9em; }
	
/* hack clear float */ 	
	
.clr { clear: both; }