* { margin:0; padding:0; list-style-type:none; border:0px none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; }

/* hack hauteur IE */

* html #main-padding { height: 450px; }

* html #side { height: 450px; }

* html #diaporama { height: 300px; }

* html .bloc-home { height: 250px; }

* html .bloc-promo { height: 150px; }

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

/* liens */ 

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

/* ------------STRUCTURES------------------ */

html {  }

body { color:#3D3B3B;; background:url('images/bg-body.jpg') repeat-x left top; text-align:center; }

#box { /*width:950px;*/ width:100%; min-height:450px;  margin:0;background:url('images/bg-deco.jpg') no-repeat right top; text-align:left; }

#cadre_main {}

#header { margin:0 0 0 0; position:relative; }
	
#side { float:right; width:190px; margin:0 0 0 0; min-height:450px; }

/* ------------MENU------------------ */
    #menu  { width:200px; height:130px; background:url(images/bg-menu.png) 0 0 no-repeat; color:#C8C8CA;}
	#menu ul {margin-top:3px; }
	#menu li { font-weight:bold;text-indent:5px; display:block; height:15px; }
	#menu li a:link, #menu li a:visited {color:#C8C8CA;}
	html>body #menu li a { width: auto; }
	#menu li a:hover { color:#fff; text-decoration:none;}

/* ------------MENU-SIDE------------------ */
	#menu-side {width:190px; background-color:#FFFFFF; background:url(images/bg-right.jpg) 0 0 no-repeat; padding:20px 0 20px 0;}
	#menu-side .right{display:block; width:160px; margin:5px 0 0 25px;}
	#menu-side .right ul  {padding:10px 0;margin:0;}
    #menu-side .right li {padding:2px 0;}
	#menu-side .right p {padding:5px 0px; color:#333333; background:url(images/separation.png) center bottom no-repeat;}
	#menu-side .right li a, #menu-side li a:visited { text-align:left;color:#333333; background:url(images/li-li.png) 5px center no-repeat; padding:2px 14px; }
	#menu-side .right li a:hover { }	
	html>body #menu-side li a { width: auto;  }
	
/* ------------MENU-SIDE-LEFT------------------ */
	#side-left {float:left; width:200px; min-height:450px; }
	#menu-side-left li { list-style-type: none; display:block; height:20px; width:200px;}
	#menu-side-left li a, #menu-side-left li a:visited { text-align:left;color:#333333; background:url(images/li-li.png) 5px center no-repeat; padding:2px 14px; }
	#menu-side-left li a:hover {  text-decoration:none;color:#FB5A03; }	
	#menu-side-left .rubrique-cat  {background:url(images/bg-smenu.jpg) 0 0 no-repeat; color:#000;; height:25px; padding:4px 4px; font-weight:bold;}
	html>body #menu-side-left li a { width: auto;  }

/* ------------IMAGES------------------ */

	.pic { width:200px; height:130px;}
	.pic img { width:200px; height:130px;  }
	
	.pic2 { width:50px; height:50px; border:1px solid #3D383E; margin:0 0 5px 0; }
	.pic2 img { width:50px; height:50px;  }
	
	.pic3 { width:520px; height:200px; }
	.pic3 img { width:520px; height:200px;  }
	
	.pic4 { width:140px; height:100px; }
	.pic4 img { width:140px; height:100px;  }
	
	.pic a, .pic2 a, .thumb a { border:none; }
	.pic a:hover, .pic2 a:hover, .thumb a:hover  { border:none; background:none; }
	
	.partenaire { float:right; margin:0 0 0 15px; border:1px solid #0C364F; }

/* ------------MAIN-------------------- */ 


#main-padding { float:left; width:530px; min-height:450px; background:#fff;}/* float:left;*/
#main { }/*padding:0px 5px;*/
		
	#main ul { margin:5px 0 5px 20px; }
	#main li { background:url(images/picto-titre.png) left center no-repeat; padding:0 0 5px 20px; }
	#main p { line-height:1.4em; margin:7px 0; }
	
	fieldset { padding:7px 0px 0px 5px; border:1px solid #d7d7d7; margin:5px 0; }/* width:525px;*/
	legend { color:#3D3B3B; font-weight:bold; padding:0 10px; }
	fieldset p { color:#3D3B3B; }
	
/* ------------BLOC------------------ */

	.bloc-home { position:relative; width:540px;padding:0px 0 ; }
		.bloc-home .top { height:37px;}
		.bloc-home .detail { background: url('images/picto-details.png') 5px center no-repeat; padding:5px 0 15px 25px; display:block; }
		.bloc-home .detail a { color:#FB5A03; }
		.bloc-home .detail a:hover { text-decoration:underline; }
		.bloc-home .pic  {  }
		.bloc-home .liens img { }
		.bloc-home h3 { position:absolute; top:38px; right:0; padding:7px 0; width:100%; background:#fff; color:#373536; }
	
/* ------------BLOC HOME 2 (300px)------------------ */

		.bloc-home-2 { width:236px;  float:left; margin:10px 10px; position:relative; }
		.bloc-home-2 .pic { margin:10px auto; float:none; width:200px; height:130px; position:relative;  }
		.bloc-home-2 .pic  img { width:200px; height:130px;  }
		.bloc-home-2 .detail { position:absolute; left:0px; bottom:0px; }
		.bloc-home-2 .prix {float:right; width:216px; height:40px; text-align:center;font-size:1.2em; color:#FB5A03;}	 
		.bloc-home-2 a, .bloc-home a:visited { color:#FB5A03;}
		.bloc-home-2 h3 { text-align:center;height:25px;  color:#484E40; margin:5px;  } /*change heigt si titre x lignes */
		.bloc-home-2 .top { width:236px; height:36px;}
		.bloc-home-2 .bottom { width:236px; height:15px; background:url('images/separation.png')center top no-repeat;position:absolute; bottom:0; left:0; z-index:1; }
		
	.bloc-categorie { /*width:500px;*/ width:90%; margin:10px 0 0 0; background:url('images/separation-large.png') left bottom no-repeat; }
		.bloc-categorie .pic { display:block; margin:5px 5px; width:150px; height:100px;}
		.bloc-categorie .pic img { width:150px; height:100px; }
		.bloc-categorie .detail { display:block; background:url('images/bt-details.png') left center no-repeat; height:25px ;width:64px;padding-bottom:10px;}
		.bloc-categorie .detail a { }
		.bloc-categorie .prix { display:block; width:150px; margin:5px 0;font-size:1.2em;}
		.bloc-categorie h3 { text-align:left; margin-left:5px; margin-right:5px; }
		.bloc-categorie  .left { float:left; width:40%; }
		.bloc-categorie  .right { float:left;width:60%;}
#main 	.bloc-categorie  .right ul  {padding:10px 0;margin:0;}
#main 	.bloc-categorie  .right li {padding:2px 0;}
#main 	.bloc-categorie  .right p { margin:0px auto;color:#333333; text-align:justify;}
		#main 	.bloc-categorie .right a,.bloc-categorie .right a:visited { background:url(images/li-li.png) left center no-repeat;padding:2px 0 0 10px; color:#000000; }
		#main 	.bloc-categorie  .right a:hover { text-decoration:underline; color:#FB5A03;}

	.bloc-produit { padding-bottom:10px ; }
		.bloc-produit .left { float:left; width:210px; }
		.bloc-produit .right { float:left; width:320px; }
#main 	.bloc-produit .right p { margin:0 0 5px 0; }
		
		.bloc-produit .right .panier { position:relative; margin:20px 0 5px 0; padding:5px 0;  }
		.bloc-produit .right select { border:1px solid #0C364F; position:absolute; bottom:2px; left:35px; text-align:center; padding:2px 1px; }
		.bloc-produit .right label { bottom:4px; left:0; position:absolute; }
		.ajouter { bottom:0; left:80px; position:absolute; }
		
	#bloc-detail  p { text-align:justify; padding:5px 0; }
	

/* ------------FORMULAIRE------------------ */

.formulaire { margin:5px 0; padding:5px 0; }
	.formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px; vertical-align:middle;  }
	.formulaire label { text-align: left; width: 110px; margin-right: 5px; }
	.formulaire input, .formulaire textarea, .formulaire select { border:1px solid #d7d7d7; padding:3px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em;  }
	.formulaire input, .formulaire textarea, .formulaire option { width:140px; background:url('images/form_bg.jpg') repeat-x left top; border:1px solid #d7d7d7;}
	.formulaire .bouton { width:120px; cursor:pointer; border:1px outset #ccc; color:#000; font-weight:bold; background:url('images/form_bg.jpg') repeat-x left top; padding:2px }
	.formulaire input:hover, .formulaire textarea:hover { border:1px outset #FB5A03; }
	.formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; }
	.formulaire .input-radio:hover { border:none;   }
	.formulaire br { clear: left; }
	.formulaire img { width:auto; height:auto; }
	.formulaire p { text-align:justify; padding:5px 10px 15px 0; }
	
/* ------------RECHERCHE------------------ */
	
	#recherche { height:80px; }
	/*#recherche .top { height:20px; width:200px; }*/
	#recherche form { float:left; margin:0 10px 0 0;}
	#recherche select { font-size:0.9em; border:1px solid #4D2033; vertical-align:middle; /* width:180px;*/ }
	#recherche .input-rech { padding:0px 4px; font-size:0.9em; border:1px solid #4D2033; vertical-align:middle; }
	#recherche option {  padding:2px; }
	#recherche input, #recherche select { vertical-align:middle; margin-bottom:5px;   }
	#recherche label { float:left; width:135px; text-indent:10px; margin:0; background:url(images/list_down.png) left center no-repeat;vertical-align:middle;  }
	#recherche img { height:auto; size:auto; }
	
/* ------------DIAPORAMA------------------ */

#diaporama { margin:10px auto; min-height:300px; width:470px; }
	#diaporama .thumb { width:60px; float:left;  }
	#diaporama .thumb img { margin: 0 0 5px 0; border:1px solid #3D383E;  }
	#diaporama .big img {  float:left; border:1px solid #3D383E; }
	
/* ------------DETAIL------------------ */

table { width:100%; border-collapse:collapse; background: url(images/bg_header.jpg) left bottom repeat-x;   }

	th, td { border-bottom: 1px solid #d7d7d7; padding:4px 0; text-align: left; }
	th { color:#3D3B3B;  width:100px; text-indent:5px; }
	td { }
	tr:hover { cursor:default;  }
		
/* ------------DIVERS--------------------- */


		
	strong { font-weight:bold; }
	
	h2 { font-weight:bold; font-size:1.2em; }
	h3 {  font-weight:bold; font-size:1.2em; text-align:center; }
	h4 {  font-weight:bold; font-size:1.1em; text-align:left; margin:0; }

	
	.detail { background:url('images/picto-details.png') left center no-repeat; padding:0 0 0 20px; }
	
	.prix {font-weight:bold; font-size:1.2em; color:#FB5A03; padding-left:5px;}
	.prix-barre { font-size:0.8em; text-decoration:line-through; padding-left:5px;color:#666; }
	
	.url {  }
	
	.pdf {  }

	.video { background: url('images/video.gif') no-repeat left center; padding:0 0 0 22px; }
	
	#lang { position:absolute; top:90px; left:0px; }
	
	.hidden { visibility:hidden; overflow: auto; display:none;}

	.retour { float:right; padding:5px 10px; }
	
	.decouvrez { background: url(images/decouvrez.jpg) 4% 2px no-repeat; padding:0 0 0 30px; }
					
	.alerte { background: #fff6bf url('images/alerte.gif') center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }

/* ------------COMBO------------------ */	
			
	#combo { margin:5px 0 10px 0; }
	#combo select { border:1px solid #c0c4d5; padding:1px; }
	#combo label { padding-left:20px; background:url('images/search-folder-blue.gif') no-repeat left center; }
		
/* ------------NAV------------------ */
	
	#nav { float:right; }
	#nav a:link, #nav a:visited { padding:3px 7px; background:#fff; color:#FB5903; border:1px solid #FB5903; }
	#nav a:hover { background:#FB5903; color:#fff; border:1px solid #fff;  text-decoration:none; }
	
/* ------------HR------------------ */

	div.hr { height: 10px; background: url('images/separation.png') no-repeat center; clear:both; }
	div.hr hr {   display: none; }	
	
/* ------------DL DT DD------------------ */
		
dl { margin: 5px 0; display:block; width:400px;  }

dl h3 { text-align:left; }

dt, dd { padding:5px 0; text-align:left; }
dt { width: 80px; float: left; font-weight: bold; }
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear:both; }
/* end hack */
dd { float: left; width:320px; line-height:1.4em;}

/* ------------CONDITIONS------------------ */
	
.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: left;
}

.headers { width: 600px; }

.switchcontent { width: auto; margin:5px 0; border-bottom:1px solid #fff;  }

h4 { font-size:1.3em; font-weight:bold; margin:5px 0; }
	
/* ------------FOOTER------------------ */

#footer { background-color:#3F3C3C; width:100%; margin:0 auto;text-align:center; }	
#copyright { background-color:#FB5A03;text-align:center; font-size:0.8em; margin:0 auto; width:100%;padding:10px 0 50px 0;color:#000; }
		#copyright a { color:#000; }
		

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