/* Général - Positionnement */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin:0;
}

#top {
	height:50px;
	background-color:#CC0000; /* Garder car image dégradé ne fait pas exactement la taille du div (variable) */
	color:#FFFFFF;
	padding:7px 0px 0px 7px;
	background-image:url(images/top.gif);
	background-repeat:repeat-x;
}

#topMenu {
	line-height:21px;
	width:100%;
	padding:0px;
	border-collapse:collapse;
	background-image:url(images/topmenu_bgmilieu.gif);
	background-repeat:repeat-x;
	font-size:8pt;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

#topMenu td {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
}

#leaderboard {
	margin:auto auto; text-align:center; padding:5px 0px;
	height:90px;
	/* padding:30px 25px 30px 15px; background:transparent url(images/shuffledpapers-white.jpg) center center no-repeat; */
}

table#page {
	width:100%;
	border-top:1px solid #bbb;
}

td#menu {
	width:150px;
	color:#000000;
	line-height:25px;
	border-right:1px solid #ccc;
	padding-right:1px;
	vertical-align:top;
}

#contenu {
	vertical-align:top;
	padding:5px 0 5px 5px; /* Padding à droite généré par souspage */
}

/* Top */
div.domaine {
	float:left;
}

div.newsletter {
	float:right;
	text-align:right;
}

a.domaine {
	font-size:26px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.domaine:hover { color:#EEE; }

div.slogan {
	font-style:italic;
	float:left;
	padding:15px 0px 0px 20px;
}

#prix_maj {
	text-align:left;
	font-size:8pt;
	text-indent:5px; /* Pour une raison inconnue padding-left:5px ne fait rien, sauf si inséré à même <td> dans header */
}

#topMenu #top_liens {
	text-align:right;
}

#topMenu a {
	padding:4px 10px;
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

#topMenu a:hover { color:#000; }

/* Menu */
#inputRech { width:170px; margin-left:0px; margin-bottom:3px; }

a.lien_niv1 {
	padding-left:10px;
	margin-bottom:1px;
	display:block;
	text-decoration:none;
	background-color:#F1F1F1;
	color:#000000;
	border-left-style:solid;
	border-left-width:10px;
}

a.lien_niv1:hover {
	background-color:#F8F8F8; 
	color:#000000;
}

a.lien_niv2 {
	margin-left:10px;
	padding-left:5px;
	display:none;
	text-decoration:none;
	background-color:#F8F8F8;
	color:#000000;
	font-size:10px;
	line-height:18px;
	border-left:0px solid black;
}

a.lien_niv2:hover {
	background-color:#F1F1F1; 
	color:#000000;
}

#cat1_niv1 { border-color:#000000; }
#cat2_niv1 { border-color:#000066; }
#cat3_niv1 { border-color:#336699; }
#cat4_niv1 { border-color:#669999; }
#cat5_niv1 { border-color:#99CCFF; }
#cat6_niv1 { border-color:#66CC66; }
#cat7_niv1 { border-color:#339933; }
#cat8_niv1 { border-color:#99CC00; }
#cat9_niv1 { border-color:#CCCC33; }
#cat10_niv1 { border-color:#CC9900; }
#cat11_niv1 { border-color:#CC6600; }
#cat12_niv1 { border-color:#993300; }
#cat13_niv1 { border-color:#660000; }
#cat14_niv1 { border-color:#990000; }
#cat15_niv1 { border-color:#DD0303; }
#cat16_niv1 { border-color:#666666; }
#cat17_niv1 { border-color:#999999; }
#cat18_niv1 { border-color:#bdbabd; }
#cat19_niv1 { border-color:#bec8ce; }
#cat20_niv1 { border-color:#dfe6ef; }

.marqueurNiv { padding-right:5px; }
#cat1_niv2 .marqueurNiv { color:#000000; }
#cat2_niv2 .marqueurNiv { color:#000066; }
#cat3_niv2 .marqueurNiv { color:#336699; }
#cat4_niv2 .marqueurNiv { color:#669999; }
#cat5_niv2 .marqueurNiv { color:#99CCFF; }
#cat6_niv2 .marqueurNiv { color:#66CC66; }
#cat7_niv2 .marqueurNiv { color:#339933; }
#cat8_niv2 .marqueurNiv { color:#99CC00; }
#cat9_niv2 .marqueurNiv { color:#CCCC33; }
#cat10_niv2 .marqueurNiv { color:#CC9900; }
#cat11_niv2 .marqueurNiv { color:#CC6600; }
#cat12_niv2 .marqueurNiv { color:#993300; }
#cat13_niv2 .marqueurNiv { color:#660000; }
#cat14_niv2 .marqueurNiv { color:#990000; }
#cat15_niv2 .marqueurNiv { color:#DD0303; }
#cat16_niv2 .marqueurNiv { color:#666666; }
#cat17_niv2 .marqueurNiv { color:#999999; }
#cat18_niv2 .marqueurNiv { color:#bdbabd; }
#cat19_niv2 .marqueurNiv { color:#bec8ce; }
#cat20_niv2 .marqueurNiv { color:#dfe6ef; }

body#afficheCat1Niv1 #cat1_niv2,
body#afficheCat2Niv1 #cat2_niv2,
body#afficheCat3Niv1 #cat3_niv2,
body#afficheCat4Niv1 #cat4_niv2,
body#afficheCat5Niv1 #cat5_niv2,
body#afficheCat6Niv1 #cat6_niv2,
body#afficheCat7Niv1 #cat7_niv2,
body#afficheCat8Niv1 #cat8_niv2,
body#afficheCat9Niv1 #cat9_niv2,
body#afficheCat10Niv1 #cat10_niv2,
body#afficheCat11Niv1 #cat11_niv2,
body#afficheCat12Niv1 #cat12_niv2,
body#afficheCat13Niv1 #cat13_niv2,
body#afficheCat14Niv1 #cat14_niv2,
body#afficheCat15Niv1 #cat15_niv2,
body#afficheCat16Niv1 #cat16_niv2,
body#afficheCat17Niv1 #cat17_niv2,
body#afficheCat18Niv1 #cat18_niv2,
body#afficheCat19Niv1 #cat19_niv2,
body#afficheCat20Niv1 #cat20_niv2 { display:block; }
/* Fin catégories */

#menu #zoneMembre {
	text-align:center;
	line-height:15px;
}

#menu #partenaires { 
	border-top:1px solid #ccc;
	text-align:center;
	line-height:18px;
}

#menu #partenaires img { border-width:0px; }
/* Fin menu */

/* Gestion */
h2.gestion { border-bottom: 2px solid #336699; }

img.menuGestion { margin-right:5px; }
a.menuGestion { text-decoration:none; }

/* Divs colorés */
div.message {
	width:60%;
	background-color:#DFE6EF;
	border:1px solid #BEC8CE;
	/*background-color:#D7EDBD;
	border:1px solid #009900;*/
	text-align:center;
	margin:auto auto; /* Sert à centrer le div. Juste besoin de left et right margin */
	padding:4px;
}

div#concours {
	width:545px;
	line-height:18px;
	border:1px solid #336699; 
	text-align:center;
	margin:auto auto; /* Sert à centrer le div. Juste besoin de left et right margin */
	padding:2px;
}

div#guide_achats h3 {
	font-size:11pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

div#guide_achats ul {
	line-height:20px;
}

/* Liens normaux */
a { color:#000066; }
a:hover { text-decoration:none; }

/* Contenu */
h1, .h1 {
	font-size:13pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
}

h2, .h2 {
	font-size:12pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2.section {
	padding-bottom:0px;
	margin-bottom:0px;
}

table.ligne_section {
	margin-top:4px;
	width:100%;
	border-collapse:collapse;
}

h6 { font-size:10px; font-weight:normal; margin:0px;}

ul.listeTexte {
	line-height:20px;
}

input.grosBouton { padding:2px; }


/* Tableau normal ex. : pièces */
tr.itemPair    { background-color:#FFF; }
tr.itemImpair  { background-color:#EEE; }
tr.itemPremier { background-color:#E4FDE3; }

table.secondaire {width:100%; }

table.secondaire th.auteur { width:120px; }
table.secondaire th.gauche { text-align:left; font-size:11pt; }

table.secondaire td.principal {
	line-height:18px;
	border-bottom:1px solid #ccc;
	padding:4px;
}

table.secondaire th {
	line-height:20px;
	border-bottom:2px solid #336699;
	text-align:center;
	color:#000;
	font-weight:bold;
}

td.erreur {
	background-color:#FFCCCC;
	border:1px solid #FF0000;
}

table.connexion {
	line-height:22px;
	border:1px dotted #CCC;
	font-size:10pt;
}

table.statistiques { line-height:20px; }

table.statistiques th { 
	padding-left:5px;
	padding-right:5px;
	background-color:#ddd;
	border:1px solid #ccc;
	color:#000;
}

table.statistiques td { text-align:center; }

fieldset.secondaire {
	width:500px;
	border:1px solid #ccc;
}

fieldset.secondaire legend {
	border:1px solid #666;
	padding:4px;
	background-color:#eee;
}

span.vote { cursor:pointer; }

table.listePrix {
	border-collapse:collapse;
	width:100%;
	line-height:23px;
}

table.listePrix tr.Pair { background-color:#F7F7F7; }
table.listePrix tr.Impair { background-color:#FFFFFF; }

#dernieresBaisses th {
	background-color:#cc0000;
	border-bottom:0;
	color:white;
}

#piecesPop th {
	background-color:#336699;
	border-bottom:0;
	color:white;
}

#dernieresPieces th {
	background-color:#666666;
	border-bottom:0;
	color:white;
}

#activiteForum th {
	background-color:#666666;
	border-bottom:0;
	color:white;
}

table.listePrix td.headerCatNiv2 {
	background-color:#f0f0f0;
	color:#BB0000;
	font-weight:bold;
	padding:0px 0px 0px 14px;
	_padding:4px 0px 4px 14px;
	text-align:left;
	color:#BB0000;
}

table.listePrix th.compagnie {
	text-align:left;
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
}

table.listePrix th.colPrix { text-align:right; padding-right:15px;} <!-- enlevé width specification -->
table.listePrix th.colMag { width:180px;} <!-- inutilisé -->
table.listePrix th.colNotePiece { width:40px; }
table.listePrix th.colStop { width:50px; }
table.listePrix th.colMeilleurPrix { width:120px; }
table.listePrix td.colPic { width:76px;}
table.listePrix td.colPic2 { width:65px;}

table.listePrix th {

	border-bottom:2px solid #cc0000;
}

table.listePrix td { 
	border-bottom:1px dashed #CCC;
	vertical-align:top;
}

table.listePrix td.prix { text-align:right; padding-right:10px;}

table.listePrix td.piece {
	padding-left:8px;
	text-align:left;
}

table.listePrix td.etoiles { text-align:left; }
table.listePrix a { text-decoration:none; }
table.listePrix a:hover { color:#CC0000; }

table.listePrix img.picPiece {
	border:1px solid #ccc;
	padding:0px;
	margin:5px 0px 0px 0px;
	background-color:#FFF;
}

table.listePrix div.criteres {
	color:#999999;
	font-size:8pt;
	line-height:15px;
}

table.listePrix span.tempsMAJ {
	color:#999999;
	font-size:8pt;
}

table.listePrix#inventaires td {
	font-size:8pt;
}

td.piecesTop {
	background-color:#fbfbfb;
	border:1px solid #336699;
	border-left:5px solid #336699;
}

td.piecesTop img.picPiece {
	border:0px;
	width:60px;
	padding-right:5px;
	background-color:#FFF;
}

table.commentairesMag {
	border:1px solid #ccc;
	border-collapse:collapse;
	line-height:20px;
	width:100%;
}

table.commentairesMag tr.commentairesMagHeader { background-color:#ddd; }

table.commentairesMag td.commentairesMagHeader {
	padding-left:10px;
	font-size:8pt;
}

table.commentairesMag td.commentairesMagComm { padding:10px; }

table.listePrixMag {
	border-collapse:collapse;
	width:100%;
}

table.listePrixMag th {
	background-color:#ddd;
	border:1px solid #ccc;
	padding:6px;
}

table.listePrixMag td {
	border:1px solid #ccc;
	text-align:center;
	padding:5px;  /* À cause du line-height, pas autant de padding vertical qu'horizontal */
}

table.listePrixMag h2 { margin:0px; padding:0px; }

a.prix, span.prix {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}

table.listePrixMag a.magasin {
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

table.listePrixMag a.magasinExterne {
	font-size:10pt;
	text-decoration:none;
}

table.listePrixMag th.magasin { font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:200px; }
table.listePrixMag th.ou { font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:80px; }
table.listePrixMag th.prix { font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:90px; }
table.listePrixMag th.note { font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
table.listePrixMag th.stock { font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:80px; }

table.listePrix td.comparer {
	width:18px;
}

table.listePrix input.chkComparer {
	margin:7px 0px 0px 0px;
	width:13px;
	_margin-top:3px; /* IE ajoute automatiquement du padding pour les checkbox.width > 12 donc faut modifier */
}

img.imagePiece {
	border:0px;
}

img.imagePieceListe {
	border:0px;
	margin:5px;	
}

input.comparerPieces {
	font-size:8pt;
	margin-left:10px;
	padding:2px;
	_padding:0px;
}

table.comparaison {
	line-height:25px;
	border-collapse:collapse;
}

table.comparaison#pagePiece  { line-height:20px; border-top:1px solid #ddd; }

table.comparaison th.trou {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

table.comparaison th.noPiece {
	background-color:#eee;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
}

table.comparaison td.titreSection {
	background-color:#eee;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding-left:4px;
}

table.comparaison td.case {
	padding:4px;
	text-align:center;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

/* Liste prix d'un mag / équivalences */
table.prixRecenseMag {
	line-height:25px;
	border: 1px solid #ccc;
	border-collapse:collapse;
}

table.prixRecenseMag tr.header {
	background-color:#EFEBEF;
}

table.prixRecenseMag tr.pair td, table.prixRecenseMag tr.impair td { border-top:1px dashed #CCC; }
table.prixRecenseMag tr.pair { background-color:#FFF; }
table.prixRecenseMag tr.impair { background-color:#F7F7F7; }

/* Page PHOTOS */
table#headerPhoto {
	 border-collapse:collapse;
	 line-height:25px;
	 width:100%;
}

#headerPhoto td.piecePhoto {
	font-weight:bold;
	font-size:14pt;
	text-align:center;
	background-color:#eee;
	border:1px solid #ccc;
}

#headerPhoto td.navig {
	width:50%;
	border:1px solid #ccc;
}

#headerPhoto a { text-decoration:none; }

#headerPhoto a.navig {
	text-decoration:none;
	display:block;
	font-weight:bold;
}

#headerPhoto img { border:0px; }

div.choixCriteres {
	background-color:#fafafa;
	border:1px solid #bbb;
	padding:8px 0px 8px 8px;
	font-size:8pt;
	line-height:17px;
	float:left;
	vertical-align:top;
}

div.critereValeurs {
	float:left;
	padding-right:20px;
}

div.separateurRevue {
	font-size:8pt;
	border-bottom:1px solid #bdbabd;
	padding-bottom:10px;
}

div.imgNote {
	font-size:8pt;
	font-weight:bold;
}

img.guide-achats {
	border:0px;
}

a.optionPiece { text-decoration:none; }

table.headerPiece { width:100%; }

div#sousTitrePiece {
	color:#777;
	font-size:8pt;
}

div#sousTitrePiece a.lienSousTitrePiece {
	color:#777;
	font-size:8pt;
	font-weight:bold;
}

a#lienAjouterPrix, a#lienAjouterRevue {
	text-decoration:none;
	font-weight:bold;
}

a.titreConfig {
	color:#FFF;
}

table.configurationGuide {
	margin:0px 0px;
	border-collapse:collapse;
}

table.configurationGuide th {
	background-color:#CC0000;
	color:#FFF;
	font-weight:bold;
	font-size:11pt;
	padding:5px;
	text-align:left;
}

table.configurationGuide th div.objectif {
	font-size:8pt;
	font-weight:normal;
	text-indent:30px;
}
table.configurationGuide td { border:1px solid #eee; padding: 8px; }
table.configurationGuide a { text-decoration:none; }
table.configurationGuide td.categorie { font-weight:bold; text-align:right; }
table.configurationGuide td.sous-total { font-weight:bold; text-align:right; background-color: #eee; }
table.configurationGuide td.prix { 	color:#CC0000; font-weight:bold; }

/* New */
table { border-collapse:collapse; }

table.form_shade td.label {
	background-color:#eee;
	padding:10px;
	font-weight:bold;
}

table.form_shade td {
	background-color:#f6f6f6;
	padding:10px;
}

table.form_shade input.text {
	width:200px;
}

table.form_shade textarea {
	width:350px;
	height:100px;
}

select option.catNiv1 {
	background-color:#BAD869;
	color:#000;
	font-weight:bold;
}

.lienPage { text-decoration:none; }

.lienPage_encours {
	font-weight:bold;
	font-size:12pt;
}

td.left { text-align:left; }
td.center { text-align:center; }

table.liste2 {
	width:100%;
}

table.liste2 th {
	padding:8px;
	border-bottom:2px solid #cc0000;
}

table.liste2 td {
	padding:6px;
	border-bottom:1px solid #ccc;
}

img { border:0px; }

.greencount {
	font-weight:bold;
	color:#8DB12E;
}

div.erreur {
	margin:10px 5px;
	padding:5px;
	
	background-color:#FFDFDF;
	border:1px solid #ccc;
}

div.confirmation {
	margin-bottom:10px;
	padding:5px; 
	
	background-color:#E1EEBF;
	border:1px solid #ccc;
}

.left { text-align:left; }

.stock-oui {
	font-weight:bold;
	color:#619B39;
}

.stock-non {
	color:#000;
}

.stock-mystere {
	font-weight:bold;
	color:#FF9900;
}

h2.section-listeprix {
	background-color:#fafafa;
	border:1px solid #ccc;
	border-color:#e6e6e6 #e6e6e6 #ccc #ccc;
	padding:4px;
	font-size:11pt;
	color:#006;
}

span.section-listeprix {
	color:#aaa;
	font-size:8pt;
	font-weight:normal;
	margin-left:10px;
}

/* JOLI FORMS */
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}