/* Feuille de style Helytis */

/* Définitions générales */

html,body{margin:0;padding:0;font-family: verdana; color: #1a5d84 }
body{font: 76% arial,sans-serif; width: 970px;margin-left: auto;margin-right: auto; margin-top: 0px; background: transparent url(../medias/ligneFond.png) repeat-x; border: 1px solid white; border-top: none}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
a img, fieldset {border: none;}
ul, ol {list-style-type: none;}
th {background: transparent url(../medias/btn_fd_th.png) repeat-x;}

div#header{height:185px;background: transparent url(../medias/bandeau.jpg) no-repeat;color: #79B30B; margin-top: 0px; padding-top: 0px;border: 1px solid transparent;}
div#header h1 {line-height: 0px;overflow: hidden }

div#content p{line-height:1.4}
div#navigation{/*background:#B9CAFF*/}
div#extra{ width: 170px; /*background:#FF8539*/}
div#footer{}
div#footer p{margin:0;padding:5px 10px}
div#contenu {width: 500px;}
div#contenu h2 {height: 50px; background: transparent url(../medias/fond_page.gif) no-repeat;padding-top: 30px; padding-left: 100px; padding-bottom: 0px;text-align: left; font-size: 22px;}
div#coord p span {color: #619531;font-size: 14px}
div#coord {width: 100%;}
div#wrapper{float:left;width:100%;}
div#content{margin: 0 200px; padding-left: 20px;padding-right: 0px;}
div#navigation{float:left;width:200px;margin-left:-100%; padding-left: 10px;padding-top: 0px;margin-bottom: 30px;}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%; text-align: center; margin-top: 30px;}

h2#accueil {width: 550px; text-align: center}
div#panier {width: 180px; background: transparent url(../medias/panier_png_174.png) no-repeat 0 0; margin-left: 15px;margin-bottom: 10px;background-position: top center}
div#panier h3 {margin: 0px; padding: 0px;text-align: center; padding-top: 16px; margin-left: 8px;}
#panier_cont {text-align: center; margin: 0px; padding: 0px;margin-top: 10px;margin-left: 25px;}
div.btnHaut {width: 221px; height: 5px;background: transparent url(../medias/btnHaut.gif) no-repeat; background-position: center top;}
div.btnMilieu {width: 221px; background: transparent url(../medias/btnMilieu.gif) repeat-y; text-align: center;background-position: center top;}
div.btnMilieu a {padding: 3px;}
div.btnMilieu h3 {padding: 0px; margin: 0px;}
div.btnMilieu h4 {padding: 0px; margin: auto; width: 180px; text-align: center;}
div.btnMilieu form {margin: 0px; padding: 0px;}
div.btnBas {width: 221px; height: 5px;background: transparent url(../medias/btnBas.gif) no-repeat; margin-bottom: 3px;background-position: center top;}
div.btnCat {background: transparent url(../medias/btn_fd_catal.png) no-repeat; width: 181px; height: 33px; text-align: center; margin-top: 0px;margin-bottom: 5px;}
div.btnCat h3 {padding: 0px; margin: 0px;}
div#recherche {width: 179px; height: 56px; background: transparent url(../medias/btn_fd_recherc.png) no-repeat; text-align: center; margin: 0px; padding: 0px}
div#recherche h3 {margin: 0px; padding: 0px; width: 179px;}
div#promo {margin-left: 15px; background: transparent url(../medias/btn_fd_blanc.png) no-repeat;width: 173px; text-align: center}
div#promo div{background-position: left;}
div#monCompte {margin-left: 0px;}
div#ajaxdiv {width: 550px; padding: 0px;}
div#menuH ul {width: 65%;list-style-type: none;padding: 0px; margin: auto;overflow: hidden;}
div#menuH ul li {float: left;margin: 0px; padding: 0px;}
div#menuH a {margin: 3px; padding: 0px;}
div#chemin {width: 100%; margin-bottom: 20px; overflow: hidden;}
div#chemin a, div#chemin span {float: left; padding: 0px; margin: 0px; margin-left: 3px;}
div#horizontal_container {height: 0px;}
#coul option {border: none}

p#listCol {width: 100%; padding-top: 5px; padding-bottom: 5px; font-size: 12px;font-weight: bold;margin-bottom: 20px;margin-left: 0px;}
p#listCol select {border: none;}
ul#access li a {padding: 1px; margin: 0px; text-align: right;}
ul#access li a span {float: left;}
span.titre {margin-left: 10px;}
span.titre:hover {margin-left: 10px; cursor: pointer}
span.orange {width: 100px; text-align: left;}
div#listing {clear: both; padding: 0px;width: 550px;}
div#Pages {clear: both; width: 100%; text-align: center;}
div#Pages a {display: inline;}
ul#ListingPiecePetit li {float: left; margin: 0px;}
ul#ListingPiecePetit li.piecePetit { margin-left: 0px; margin-bottom: 10px; padding-top: 35px; width: 248px; height: 341px; background: transparent url(../medias/ficherubrique_png.png) no-repeat;}
ul#ListingPiecePetit li.piecePetit a.ref_rub { margin-left: 0px; margin-bottom: 20px; width: 248px; text-align: center}
ul#ListingPiecePetit li.piecePetit_sel {float: left; margin-left: 15px; margin-bottom: 20px; padding-top: 85px; background: transparent url(../medias/fd_select.gif) no-repeat;width: 221px; height: 381px; text-align: center;}

.selected {background-color: #B2D4EB;}
.contourVignettesRub {width: 228px; height: 130px;margin: auto; padding: 0px; margin-top: 30px;text-align: center;overflow: hidden; border: 0px;}
.contourVignettesRubp {width: 168px; height: 130px;margin: auto; padding: 0px; text-align: center;overflow: hidden; border: 0px;}
.contourVignettesRub img {border: 0px; margin: 0px; margin: auto; margin-left: 20px;}
.legendePiecePetit { height: 90px; width: 208px; margin: 0px; padding: 0px; margin-top: 3px; margin-left: 30px; margin-right: 20px; text-align: center; overflow: hidden}
.legendePiecePetit_sel { height: 90px; width: 221px; margin: 0px; padding: 0px; margin-top: 3px; text-align: center; overflow: hidden}
.titrePiecePetit {margin: 0px; padding: 0px; margin-left: 100px;font-size: 14px;height: 2em;}
.titrePiecePetit_sel {margin: 0px; padding: 0px; width: 221px; font-size: 14px;}
.titrePiecePetitp {margin: 0px; padding: 0px; width: 221px; font-size: 14px;}
.titrePiecePetitPromo {margin: 0px; padding: 0px; width: 180px;}
.ficheProduit {float: left; margin-left: 10px;width: 200px; text-align: center; border: 1px solid white;}
.imgProduit {width: 300px; margin: 0px; padding: 0px; float: left; overflow: hidden;text-align: center; vertical-align: middle}
.contourImage {clear: left;margin-left: auto;margin-right: auto; margin-top: auto; margin-bottom: auto}
.prixProduit {background-color: #ccc; margin-bottom: 20px;}
.titrePage {width: 500px; text-align: center;}
.titrePagePetit {width: 200px; text-align: center;}
.textePieceGrand {clear: left; margin-top: 10px;}
.enteteTableau {width: 750px; border: none;border-collapse: collapse}
.enteteTableau th {}
.ligneTableau {text-align: right;border: 1px solid #fff;}
.ligneTableau2 {text-align: left;border: 1px solid #fff}
.tableau {width: 750px; border: none;border-collapse: collapse}
li.nouveau {float: left; margin-left: 10px; padding-top: 85px;background: transparent url(../medias/fd_nouv.gif) no-repeat; width: 221px;text-align: center;}
fieldset#form_rech {border: none; padding: 0px;margin: 0px; width: 179px;}
fieldset#form_rech input {padding: 0px;margin: 0px; }
a.boutonRetour {float: left;padding: 0px; margin: 0px;margin-left: 10px;width: 164px; height: 41px; background: transparent url(../medias/btn_retour_on.png) no-repeat;text-decoration: none;}
a.boutonRetour:hover {padding: 0px; margin: 0px;margin-left: 10px;background: transparent url(../medias/btn_retour_off.png) no-repeat;}
a.boutonValid {float: left;padding: 0px; margin: 0px;margin-left: 10px;width: 141px; height: 39px;background: transparent url(../medias/btn_valid_on.png) no-repeat;text-decoration: none }
a.boutonValid:hover {padding: 0px; margin: 0px;margin-left: 10px;background: transparent url(../medias/btn_valid_off.png) no-repeat;}
a.boutonSupprime {padding: 0px; margin: 0px;width: 141px; height: 39px;background: transparent url(../medias/btn_supp_on.png) no-repeat; }
a.boutonSupprime:hover {padding: 0px; margin: 0px;background: transparent url(../medias/btn_supp_off.png) no-repeat;}
.bouton {width: 168px; height: 37px; border: none; background: transparent url(../medias/grand_off.png) no-repeat; font-size: 11px; text-align: left;color: #1a5d84; padding-left: 60px}
.bouton:hover {background: transparent url(../medias/grand_on.png) no-repeat;cursor: pointer}
a.btn_imprim {text-decoration: none; color: #1a5d84; padding-left: 40px; padding-top: 20px; font-size: 16px; background: transparent url(../medias/imprim_png_174.png) no-repeat;height: 28px; }

.jade {background-color: #93C6BA;}
.citron {background-color: #FFE328;}
.coquelicot {background-color: #B3181B;}
.violette {background-color: #946086;}
.pomme {background-color: #67AF23;}
.charbon {background-color: #0C0C0C; color: #fff;}
.marine {background-color: #29335A; color: #fff}
.ocean {background-color: #46668C;}
.nuage {background-color: #A7ABAE;}
.terre {background-color: #9B4438;}
.citrouille {background-color: #EB6B2B;}
.sable {background-color: #EEE5BF;}


	/*
		Vertical Accordions
	*/

	.accordion_toggle {
		display: block;
		/*height: 30px;
		width: 680px;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;*/
		font-size: 12px;
		color: #2E7EB9;
		/*border-bottom: 1px solid #cde99f;*/
		cursor: pointer;
		margin: 0 0 0 0;
		padding: 0px;
	}
	
	.accordion_toggle_active {
		color: #5A8D04;
		border-bottom: 1px solid #fff;
		margin: 0 0 0 0;
	}
	
	.accordion_content {
		background-color: transparent;
		color: #5A8D04;
		overflow: hidden;
		display: none;
		padding: 0px;
	}
		
		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}
		
		.accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
		.accordion_content ul {
			margin: 0px;
			padding-left: 15px;
			}
		.accordion_content ul li {
			}

		.accordion_content ul li a {
			line-height: 1em;
			padding: 1px;
			color: #5A8D04;
			text-decoration: none;
		}
		.accordion_content ul li a:hover {
			line-height: 1em;
			padding: 1px;
			color: #fff;
			background-color: #5A8D04;
		}
		.accordion_content ul li a:visited {
			line-height: 1em;
			padding: 1px;
			color: #5A8D04;
			background-color: transparent;
		}
		
		
	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		width: 600px;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}
		.vertical_accordion_toggle_active {
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}
		.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
	}
			.vertical_accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}
			.vertical_accordion_content p {
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
 			
	/*
		Horizontal Accordion
	*/
	
	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
			display: block;
		height: 100px;
		width: 30px;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}
	
	.horizontal_accordion_toggle_active {
		border-right: 1px solid #f68263;
	}
	
	.horizontal_accordion_content {
		/* REQUIRED */
		height: 100px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		
		overflow: hidden;
		background-color: #ffffff;
		color: #444444;
	}
		
		.horizontal_accordion_content p {
			width: 450px;
			line-height: 150%;
			padding: 5px 10px 15px 10px;
		}
				
				
   /* Container styling*/
   #horizontal_container {
     margin: 20px auto 20px auto;
     width: 680px;   
     height: 100px;    
   }
   
   #vertical_nested_container {
     margin: 20px auto 20px auto;
     width: 620px;
   }