body{ 
	background-color: #ffffff;
	text-align: center;	
}

PRE{ font-size: 10px; font-family: Arial; color: #191919}

/*
---------------------------------------------------------------------------------
structure
*/
/*
#all{ width: 900px; background-color: #ffffff; padding: 0; text-align:left; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;} /* toute la page * /
*//*
#all{ position:absolute; left: 50%; width: 1000px; margin-left: -500px; text-align: left; padding: 0; margin-top: 0px;}
	*/
	#header{ padding: 0px;/*border-top: 1px solid #adca76;*/} /* header */
	
	#main{/* min-height: 450px;*/ padding: 0;/* border-top: 1px solid #b3d744;*/ clear: both; width: 1006px} /* partie principale */
	/*
		#menu { width: 150px; float: left; padding: 5px; border-right: 1px dotted #CCCCCC; height: 440px}
			UL#menuul, #menuul UL, #menuul LI { list-style-type: none}
			#menuul LI UL{ display: none}
			#menuul LI:hover UL{ display: block}
	*/	
		#mainmain{width: 1012px/*730px;*/ float: left; /*padding: 5px;*/ /*min-height: 440px;*/} /* le contenu */
		#aftermainmain{ clear: both;} /* un div après le mainmain, pour caser le clear:both au besoin */
	/*
	#footer{ height: 20px; background-color: #DEDEDE; padding: 10px; text-align: center} 
	*/

/*
---------------------------------------------------------------------------------
Menus
*/
.menus UL, .menus UL LI{ list-style: none; padding: 0; margin: 0;}

#menus_header .menu {background-color: #b3d744; height: 20px;}
	#menus_header .menu H3, #menus_header .menu LI{ margin: 0; padding: 0; width: auto; float: left; padding-left: 5px; padding-right: 5px; height: 20px}
	#menus_header .menu LI{  background-color: #b3d744}
	#menus_header .menu LI:hover, #menus_header .menu LI.selected{ background-color: #ecf7e7}
	
	
#menus_gauche{ width: 150px; float: left; padding: 5px;}
	#menus_gauche .menu{ border: 0px solid #a8c571; margin-bottom: 5px}
	#menus_gauche H3{ background-color: #a8c571; color: #FFFFFF; margin: 0; padding: 2px; padding-left: 5px}
	#menus_gauche UL, #menus_gauche LI{ list-style: none; margin: 0; padding: 0;}
	#menus_gauche UL{ background: url(../img/degrade_menu_g.gif); background-repeat: repeat-x; background-position: top; padding-bottom: 15px}
	#menus_gauche LI{ padding-left: 5px; padding-top: 3px; padding-bottom: 3px}
	

#menus_footer{ /*background-color: #b3d744; */ border-top: 1px solid #adca76; /* background-color: #e7e5ce ;*/text-align:center; padding-bottom: 5px; padding-top: 5px}
/*#menus_footer .menu {height: 18px;}*/
	#menus_footer .menu H3, #menus_footer .menu TD{ margin: 0; padding: 0; width: auto; padding-left: 5px; padding-right: 5px; /* height: 18px*/}
	#menus_footer .menu TD{  /*background-color: #b3d744 */}
		#menus_footer .menu TD A { display:list-item; list-style: square; margin-left: 15px}
	#menus_footer .menu TD:hover, #menus_footer .menu TD.selected{ background-color: #e7e5ce}
	#menus_footer .menu TD.inactive:hover{  background-color: #e7e5ce/*#b3d744*/}


.prixbarre{ text-decoration: line-through}

/*
---------------------------------------------------------------------------------
détail
*/

/* home */
#accueil{ margin-top:20px}
	#accueil #titre{}
		#accueil #titre #H1{}
	#accueil #zoneeditable{ /*width: 410px;*/ float: left;}
		#accueil #zoneeditable #static-accueil2{ border-top: 1px dotted #CCCCCC; padding-top: 10px; margin-top: 10px}
	#accueil #topten{ float: right; border: 1px dotted #999999; margin: 5px; padding: 5px; width: 150px}
	/*mea*/
	#accueil .meacold{ background-color: #e0e2f7; border: 1px solid #91b7de; border-bottom: 0; margin-bottom: 10px; width: 250px; float: right; margin-top: -20px} /* liens externes */
		#accueil .meacold TABLE{ width: 100%}
		#accueil .meacold TABLE TR TD { vertical-align: top; border-bottom: 1px solid #91b7de}
		#accueil .meacold .titremea TD{ color: #FFFFFF; background-color: #91b7de; padding: 2px; padding-left: 5px; font-size: 14px}
			#accueil .meacold .titremea TD H4{ padding: 0; margin: 0}
		#accueil .meacold .donneemea TD{ padding-bottom: 5px; }
			#accueil .meacold .donneemea TD A{ font-weight: bold}

/* page rubrique */
#rub{}
	#rub #titre{}
		#rub #titre #H1{}
	#rub #description{ clear: both}
	
	/* liste d'articles */
	#rub #liste{}
		TABLE.listearticles{ }
			.listearticles .imageMea{ text-align:center}
			.listearticles .prixmea{ text-align:center}
				.listearticles .prixmea .prixbarre{}
				.listearticles .prixmea .prixnormal{ font-size: 14px; font-weight: bold}
			.listearticles TD{ border-top: 1px dotted #999999; padding-top: 5px; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px}
				
		
	#rub #piecesjointes{}/* pièces jointes */
	#rub #topten{ float: right; border: 1px dotted #999999; margin: 5px; padding: 5px; width: 150px}
	
	
/* page article */
#art{ }
	#art #titre{ float: left}
		#art #titre #H1{ clear: both}
	
	#art #outils{ float: left; margin-top: 10px; margin-left: 30px}
		#art #outils A{ margin-left: 15px}
		
	#art #part1{width: 100%; float: left; min-height: 250px; clear: both}
		#art #accroche{ float: left; width: 530px}
			#art #imagemea{ float: left; margin-left: 5px; margin-right: 10px; margin-bottom: 10px}
		#art P{ text-align: justify}
		#art #prix{}
			#art #prix .prixbarre{}
			#art #prix .prixnormal{ font-size: 14px; font-weight: bold}
			
		
		#art #part1 UL, LI{ /*list-style: square;*/}
		#art #part1 H3{ /** /clear:both; /**/margin-bottom: 5px}
		#art #part1 H4{ /** /clear:both; /**/margin-bottom: 2px}
	#art #part2{ float: right; width: 180px; /*clear: both*/}
	
	#art #accroche, #art #description{ }
	#art #piecesjointes{ margin-top: 10px} /* pièces jointes */
			#piecesjointes .pj_libelle{ font-weight: bold}
			#piecesjointes .pj_description{}
		#piecesjointes .document, #piecesjointes .jpg, #piecesjointes .mp3, #piecesjointes .flv{ padding-top: 5px; padding-bottom: 15px}
		#piecesjointes .document{ clear: both}
		#piecesjointes .jpg{ float: left; width: 50%; height: 130px; text-align: left}
		#piecesjointes .mp3{ clear: both}
		#piecesjointes .flv{ clear: both}
		
	

	#art #par, #art #lie, #art #art_art{ background-color: #e0e2f7; border: 1px solid #91b7de; margin-bottom: 10px}
		#art #par H4, #art #lie H4, #art #art_art H4{ color: #FFFFFF; background-color: #91b7de; padding: 2px; padding-left: 5px}
		#art #lie UL, #art #art_art UL{ padding-bottom: 5px; }
	
	#art .donnelies H4{ padding: 0; margin: 0}
	#art .donnelies UL, #art .donnelies LI{ list-style: none; margin: 0; padding: 0;}
	#art .donnelies LI{ padding-left: 5px; padding-top: 2px}
	
	#art #artprecsuiv{ padding-top: 15px; clear: both; width: 90%; text-align:center}
		#art #artprecsuiv TABLE {width: 80%; border-top: 1px dotted #b3d744; border-bottom: 1px dotted #a8c571; background-color: #e7e5ce;}
			#art #artprecsuiv TABLE TD{ padding: 2px}
			#art #artprecsuiv #lienprecedent{ text-align:left; width: 50%}
			#art #artprecsuiv #liensuivant{ text-align:right; width: 50%}

/*
CADDIE
*/
#caddie{}
	     #caddie .listecaddie{}
		 	#caddie .listecaddie .entete{ font-weight: 800; font-size:12px}
		 	#caddie .listecaddie .donnee{}
			 	#caddie .listecaddie .art_libelle{ width: 200px}
			 	#caddie .listecaddie .qte{ width: 100px}
			 	#caddie .listecaddie .art_prix{ width: 120px}
			 	#caddie .listecaddie .prixtotalligne{ width: 120px}
			 	#caddie .listecaddie .tva{width: 100px}






#form #part1 TABLE{}




.edit{ text-align: right;}
	.edit A {background-color: #66830b; color: #FFFFFF; padding: 1px}
	.edit A:hover{ background-color: #b4d745}


/*
Sondage
*/
.vote .reponses{height: auto; clear: both; text-align: left;}
.vote .reponses .texte{ margin-right: 7px; margin-left: 8px; width: 100px; text-align: right; float: left}
.vote .reponses .pct{ float: left; width: 20px; font-size: 10px; padding-top: 0px; margin-left: 5px}

.vote .reponses .bar{ float: left; width: 140px; min-height:10px; height:10px; padding-top: 0px; border: 1px solid black}
.vote .reponses .bar .barreComplete{ width: 140px; min-height:10px; height:10px;  background-color:#FFFFFF;}
.vote .reponses .bar .barreInterieur{ min-height:10px; height:10px; background-color:#c7d6c9}
a#lien_Inscription, a#.liens_type{ text-decoration:none }
a:hover#lien_Inscription, a:hover.liens_type{ text-decoration:underline }
