body { margin: 0; padding: 0 }
#head  { position: absolute; z-index: 1; top: 0; left: 160px; width: 660px; height: 70px }
body > #head { position: fixed }
#sidebar { position: absolute; top: 0; left: 0; width: 160px; height: 100% }

body > #sidebar {position:fixed;}
#recherche { margin: 0 0 0 10px; padding: 0 0 0 10px; width: 120px; float: right }
#pieddepage   { color: #8498ae; font-size: 11px; font-family: Arial; font-style: oblique; text-align: center; letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; margin-left: 160px; padding-top: 5px; width: 660px; border-top: 1px solid #dee9fb }
#pieddepage a:link, #pieddepage a:visited { color: #8498ae; text-decoration: none }
#pieddepage a:hover { text-decoration: underline }

/***** COULEURS *****/

h1 { color: #7388aa }

/***** ACCUEIL *****/

#home         { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 160px; padding: 112px 0 20px; width: 600px }

/***** CATALOGUE *****/

#catalogue         { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 200px; padding: 100px 0 20px; width: 600px }

/***** SELECTION *****/

#selection       { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 200px; padding: 0 0 20px; width: 600px }
#selection h4     { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; font-weight: bold; text-align: left; margin: 0 140px; padding: 100px 0 0 }
#selection h1   { font-size: 1.3em; font-weight: bold; margin: 0.67em 140px 0; padding: 6px 0 0; border-top: 1px solid #d7d7d7 }
#selection h2  { font-size: 1.1em; font-style: italic; font-weight: bold; margin: 0 140px 8px; padding: 0 }
#selection h3 { font-size: 0.8em; font-weight: bold; margin: 10px 140px 3px; padding: 0 }
#selection p  { font-size: 0.7em; text-align: justify; margin: 0 140px 0.5em; padding: 0 }
#selection ul     { font-size: 0.7em; font-weight: bold; line-height: 1.3; white-space: normal; list-style: url(fr/imgLemoine/puce.png)none url("fr/imgLemoine/flecheD.jpg"); margin: 0 140px 10px 155px; padding: 3px 0 0 }
#selection a:link   { color: #4e719c; font-weight: bold; text-decoration: none }
#selection a:visited  { color: #4e719c; text-decoration: none }
#selection a:hover  { text-decoration: underline }

/***** FICHE *****/

#fiche  { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 20px; padding: 0 0 0 0; width: 120px; float: right }
#fiche p, #ficheG p { color: #8d8e8f; font-size: 10px; margin: 1px 0 0; padding: 0 }
#fiche b, #ficheG b { color: #000; font-size: 1.3em; font-family: Arial; font-weight: bold }
#fiche a:link, #ficheG a:link   { color: #4e719c; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
#fiche a:visited, #ficheG a:visited  { color: #4e719c; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
#fiche a:hover, #ficheG a:hover { text-decoration: underline }
#fiche p img, #ficheG p img { margin: 0 0 5px; padding: 0 }
#ficheG  { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 20px 0 0; padding: 0 0 0 0; width: 120px; float: left }
#ficheG p { text-align: right }

/***** COMPOSITEURS *****/

#sidebar2 { position: absolute; top: 70px; left: 175px; width: 135px; height: 100% }
body > #sidebar2 { position: fixed }
#compositeurs    { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 340px; padding: 90px 0 20px; width: 460px }
#compositeurs h1    { font-size: 1.3em; font-weight: bold; margin: 0 140px 0 0; padding: 6px 0 0 }
#compositeurs h2  { font-size: 1.1em; font-style: italic; font-weight: bold; margin: 0 140px 0.8em 0; padding: 0 }
#compositeurs h3  { color: #7388aa; font-size: 65%; font-weight: bold; text-transform: uppercase; letter-spacing: 5px; margin: 20px 140px 0.6em 0; padding: 0 0 5px; border-bottom: 1px dashed #7388aa }
#compositeurs h4 { font-size: 0.7em; font-weight: normal; text-align: justify; margin: 0 140px 0.5em 0; padding: 0 }
#compositeurs p    { font-size: 0.7em; text-align: left; margin: 0 140px 0.5em 0; padding: 0 }
#compositeurs b   { font-size: 1.1em; font-style: italic; font-weight: bold }
#compositeurs #visuel { margin: 0 70px 0 0; padding: 0 0 0 10px; width: 50px; float: right; border-left: 1px dashed #c6c2ba }
#compositeurs a:link      { color: #434343; font-size: 1.1em; font-style: italic; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #000 }
#compositeurs a:visited    { color: #73839c; font-size: 1.1em; font-style: italic; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #a3a3a3 }
#compositeurs a:hover   { color: #000; font-size: 1.1em; font-style: italic; text-decoration: none; border-bottom: 1px solid #000 }

/***** CONCERTS *****/

#sidebar3   { font-family: Arial, Helvetica, Verdana, sans-serif; text-align: right; position: absolute; top: 70px; left: 160px; width: 160px; height: 100% }
body > #sidebar3 { position: fixed }
#sidebar3 form  { margin: 0 0 5px; padding: 0 }
#rechercheRapide { margin: 25px 25px 0 10px; padding: 0 5px 0 0; border-style: none dotted none none; border-width: medium 1px medium medium; border-color: #7e9eb8 }
#rechercheDate { margin: 25px 25px 0 20px; padding: 0 5px 0 0; border-style: none dotted none none; border-width: medium 1px medium medium; border-color: #7e9eb8 }
#sidebar3 h3    { color: #7e9eb8; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-align: right; text-transform: uppercase; margin: 0 0 5px; padding: 0 }
#sidebar3 p     { font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-align: right; margin: 0 0 5px; padding: 0 }
#sidebar3 h1  { font-size: 10px; text-align: right; margin-top: 10px; margin-right: 0; margin-left: 0; padding: 0 20px 0 0 }
#sidebar3 input  { color: #7e9eb8; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: none; margin: 0; padding: 1px; border: solid 1px #fff }
#sidebar3 input:hover  { margin: 0; padding: 1px; border: solid 1px #f93 }
#sidebar3 input[type=text] { border: solid 1px #6798ae }
#sidebar3 input[type=text]:hover { border: solid 1px #6798ae }
#sidebar3 select[name=annee]  { color: #6798ae; font-size: 14px; font-weight: bold; list-style-image: none; border-style: none }
#sidebar3 img { margin: 0; padding: 0; border: solid 1px #fff }
#concerts   { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 340px; padding: 0 0 20px; width: 460px }
#concerts h4   { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; text-align: justify; margin: 0 90px 15px 0; padding: 90px 0 0 }
#concerts h1   { font-size: 1.2em; margin: 0 0 10px; padding: 0 }
#concerts h2   { color: #7e9eb8; font-size: 1em; margin: 6px 0 5px; padding: 0 }
#concerts h3     { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; background-color: #7e9eb8; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; margin-bottom: 0; padding: 1px 0 1px 10px; width: 14em }
#concerts h5       { font-size: 0.7em; font-weight: normal; background-color: #e3eeee; background-image: url("fr/imgLemoine/coin.gif"); background-repeat: no-repeat; background-position: 104% 100%; margin: 0 90px 0 11px; padding: 10px 5px 10px 10px; border-left: 1px solid #7e9eb8 }
#concerts p    { font-size: 0.7em; margin: 0 100px 0 11px; padding-top: 5px; padding-left: 10px; border-left: 1px solid #7e9eb8 }
#concerts b { font-size: 1.2em }
#concerts i  { font-size: 1.1em; font-weight: bold }
#concerts h5+p { padding-top: 6px }
#concerts a:link   { color: #52819b; font-style: italic; text-decoration: none; border-bottom: 1px dotted #7e9eb8 }
#concerts a:visited  { color: #52819b; font-style: italic; text-decoration: none; border-bottom: 1px dotted #a3a3a3 }
#concerts a:hover  { color: #52819b; text-decoration: none; border-bottom: 1px solid #52819b }

/***** REVENDEURS *****/

#sidebar4 { position: absolute; top: 70px; left: 160px; width: 270px; height: 100% }
body > #sidebar4 { position: fixed }
#revendeurs { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 450px; padding: 0 0 20px; width: 370px }
#revendeurs h1   { font-size: 1.5em; margin: 0 0 10px; padding-top: 100px }
#revendeurs p   { font-size: 0.7em; line-height: 1.4em }
#revendeurs table    { width: 350px; border-top: 1px dashed #a3a3a3; border-collapse: collapse    }
#revendeurs td.c1     { font-size: 1em; text-align: right; padding-top: 10px; padding-right: 10px; width: 60% }
#revendeurs td.c2     { color: #4f6b98; font-size: 1em; font-weight: bold; padding-top: 10px; padding-left: 10px; width: 40%; border-left: 1px dashed #a3a3a3 }
#revendeurs a:link    { color: #4e719c; text-decoration: none }
#revendeurs a:visited { color: #9dacbf; text-decoration: none }
#revendeurs a:hover   { text-decoration: underline }
/***** INFOS *****/

div.margeG { text-align: right; margin: 0; padding: 0; width: 120px; float: left }
div.margeD   { text-align: left; margin: 0; padding: 0; width: 120px; float: right }
#infos       { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 200px; padding: 0 0 20px; width: 600px }
#infos h4     { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; font-weight: bold; text-align: left; margin: 0 140px; padding: 100px 0 0 }
#infos h1   { font-size: 1.3em; font-weight: bold; margin: 0.67em 140px 0; padding: 6px 0 0; border-top: 1px solid #d7d7d7 }
#infos h2   { font-size: 1.1em; font-style: italic; font-weight: bold; margin: 0 140px 8px; padding: 0 }
#infos h3    { font-size: 0.8em; font-weight: bold; margin: 10px 140px 0; padding: 0 }
#infos h5  { color: #888; font-size: 0.75em; font-style: italic; font-weight: normal; margin: 7px 140px 2px; padding: 0 }
#infos p     { font-size: 0.7em; margin: 0 140px 0.8em; padding: 0 }
#infos ul  { font-size: 0.7em; list-style-image: url(fr/imgLemoine/puce.png); list-style-position: outside; margin: 0 140px 0.8em; padding: 0 }
#infos ul h3 { font-size: 1.1em; list-style: square inside; margin: 0 0 0; padding: 0 0 0 15px }
#infos li { list-style-position: outside; margin: 0 0 0.8em; padding: 0 }
#infos table   { color: #5e6e88; font-size: 0.7em; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center; margin: 10px 0 10px 140px; padding: 0; width: 350px; border: solid 2px #73839c; border-collapse: collapse      }
#infos td { border: solid 1px #73839c }
#infos tr.l1 { color: #fff; font-weight: bold; background-color: #73839c; border: solid 1px #73839c }
#infos td.c1 { color: #000; font-weight: bold; background-color: #b8c8d7; border: solid 1px #73839c }
#infos a:link     { color: #434343; font-style: normal; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #000 }
#infos a:visited   { color: #73839c; font-style: normal; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #a3a3a3 }
#infos a:hover  { color: #000; text-decoration: none; border-bottom: 1px solid #000 }

/***** DISTRIBUTORS *****/

#distributors       { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 200px; padding: 0 0 20px; width: 600px }
#distributors h4     { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; font-weight: bold; text-align: left; margin: 0 140px; padding: 100px 0 0 }
#distributors h1   { font-size: 1.3em; font-weight: bold; margin: 0.67em 140px 0; padding: 6px 0 0; border-top: 1px solid #d7d7d7 }
#distributors h2  { font-size: 1.1em; font-style: italic; font-weight: bold; margin: 0 140px 8px; padding: 0 }
#distributors h3   { font-size: 0.8em; font-weight: bold; margin: 10px 140px 3px; padding: 0 }
#distributors h5 { color: #888; font-size: 0.75em; font-style: italic; font-weight: normal; margin: 7px 140px 3px; padding: 0 }
#distributors p    { font-size: 0.7em; text-align: justify; margin: 0 140px 2em; padding: 0 }
#distributors a:link     { color: #434343; font-style: normal; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #000 }
#distributors a:visited   { color: #73839c; font-style: normal; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #a3a3a3 }
#distributors a:hover  { color: #000; text-decoration: none; border-bottom: 1px solid #000 }

/***** HENRY LEMOINE *****/

#hl { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 200px; padding: 0 0 20px; width: 600px }
#hl img  { text-align: right; margin: 0 0 0 -140px; padding: 10px 20px 10px 0; float: left }
#hl b img { text-align: right; margin: 0 -140px 0 0; padding: 10px 0 10px 20px; float: right }
#hl h4     { font-size: 0.8em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; font-weight: bold; text-align: left; margin: 0 140px; padding: 100px 0 0 }
#hl h1   { font-size: 1.3em; font-weight: bold; margin: 0.67em 140px 0; padding: 6px 0 0; border-top: 1px solid #d7d7d7 }
#hl h2  { font-size: 1.1em; font-style: italic; font-weight: bold; margin: 0 140px 8px; padding: 0 }
#hl h3   { font-size: 0.8em; font-weight: bold; margin: 10px 140px 3px; padding: 0 }
#hl h5 { color: #888; font-size: 0.75em; font-style: italic; font-weight: normal; margin: 7px 140px 3px; padding: 0 }
#hl p     { font-size: 0.7em; text-align: justify; margin: 0 140px 1em; padding: 0 }
#hl a:link     { color: #434343; font-style: normal; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #000 }
#hl a:visited   { color: #73839c; font-style: normal; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #a3a3a3 }
#hl a:hover  { color: #000; text-decoration: none; border-bottom: 1px solid #000 }
#hl div.margeD p { font-size: 0.7em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; text-align: left; margin: 0; padding: 0 0 0 10px; width: 120px; float: right; border-left: 1px dashed #9dacbf }
#hl div.margeG p { font-size: 0.7em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; text-align: right; margin: 0; padding: 0 10px 0 0; width: 120px; float: left; border-right: 1px dashed #9dacbf }
#hl div.margeD p b { font-style: normal }
#hl div.margeG p b { font-style: normal }

/***** MON COMPTE *****/

#erreur    { color: #fff; font-size: 0.9em; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic; font-weight: normal; background-color: #ff7800; text-align: center; margin-bottom: 10px; margin-left: 1px; padding: 5px 10px; width: 560px }
#compte  { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 217px; padding: 0 0 20px; width: 600px }
#compte a:link, #compte a:visited   { color: #4e719c; font-weight: bold; text-decoration: none }
#compte a:hover      { color: #4e719c; text-decoration: underline }
.etape   { margin-bottom: 20px; padding-top: 120px }
#compte table { border-collapse: collapse          }
#compte table h4  { color: #ff7800; font-weight: bold; margin: 0; padding: 0 }
#compte input[type=text], #compte input[type=password]  { color: #4f6b98; font-size: 1.1em; font-family: Arial; font-weight: normal; padding-left: 3px; border: solid 1px #a4c0cf }
#compte select[name=pays] { color: #4f6b98; font-size: 1.1em; font-family: Arial; font-weight: normal; border: solid 1px #a4c0cf }
#compte h1  { color: black; font-size: 1em; font-weight: bold; background-color: #d1e2ea; text-align: center; margin: 0 0 1.3em; padding-top: 0.3em; padding-bottom: 0.3em }
#compte h2 { font-size: 0.8em; font-style: italic; font-weight: bold; margin: 0.83em 10px 0.4em }
#compte h6  { text-align: right; margin-top: 20px; margin-right: 20px; margin-bottom: -15px; padding: 0 }
#compte h6 img  { padding-left: 10px }
#compte p { font-size: 0.8em; margin: 0 15px 0.4em 10px }
#blocInfo      { font-family: Arial; margin-top: 30px; width: 580px; border: solid 1px #a4c0cf }
#blocInfo p { font-size: 0.75em; font-style: italic; font-weight: normal; margin: 1em 10px }
#bloc1               { font-family: Arial; margin: 0 5px 0 0; padding: 0; width: 285px; border: solid 1px #a4c0cf }
#calage  { height: 150px }
#compte img { border-style: none }

/***** Bloc panier *****/

#bloc3         { font-family: Arial; width: 580px; border: solid 1px #a4c0cf }
#bloc3 form { margin: 0; padding: 0 }
#bloc3 h3  { font-size: 0.8em; font-style: italic; margin: 0 0 10px; padding: 10px 0 0 10px }
#bloc3 h3 img  { margin-right: 3px; vertical-align: -2px }
#bloc3 h4  { font-size: 14px; font-weight: normal; text-align: right; margin: 0 10px 10px 0 }
#bloc3 h5 { font-size: 16px; font-weight: normal; margin-top: 10px; margin-bottom: 10px; margin-left: 10px }
#bloc3 table      { text-align: center; width: 100% }
#bloc3 table td { margin: 0; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #a4c0cf }
#bloc3 table h2   { color: #6798ae; font-size: 0.6em; font-style: normal; text-transform: uppercase; margin: 0; padding: 0 }
#bloc3 table p    { margin: 0; padding: 0 }
#bloc3 table p i { font-size: 1.1em; font-weight: bold }
#bloc3 table p b  { color: #6798ae; font-size: 0.9em; font-weight: normal }
#bloc3 table img { margin-right: 3px; vertical-align: -2px }
#bloc3 table .col1    { text-align: left; padding: 0.4em 10px; width: 280px }
#bloc3 table .col3 { text-align: right; padding-top: 0.4em; padding-bottom: 0.4em }
#bloc3 table .col1a { text-align: left; padding-top: 0.4em; padding-right: 10px; padding-left: 10px; border-style: none }
#bloc3 table .col1b { text-align: left; padding-right: 10px; padding-left: 10px; border-style: none }
#bloc3 table .colb { border-style: none }
#bloc3 table .col3b { text-align: right; border-style: none }
#bloc3 table .col1c { text-align: left; padding-right: 10px; padding-bottom: 0.4em; padding-left: 10px }
#bloc3 table .colc { padding-bottom: 0.4em }
#bloc3 table .col3c { text-align: right; padding-bottom: 0.4em }
#bloc3 table .col4 { text-align: left; padding-left: 10px }
#bloc3 .bdc p { margin-top: 10px }
#bloc3 .bdc p i { font-size: 13px }
#bloc3 .bdc p b { color: #4e719c; font-size: 14px }
#bloc3 .bdc h1 { margin-top: 10px }
#bloc3 .bdc h2 { font-size: 15px; font-style: normal; text-align: center; margin-bottom: 15px }
#bloc3 .bdc h3 { font-size: 15px; font-style: normal; margin-bottom: 100px }
#bloc4      { font-family: Arial; width: 580px; border: solid 1px #a4c0cf }
#bloc4 table  { margin-right: 10px; margin-left: 70px; border-collapse: collapse           }

/***** Bloc d'inscription *****/

#bloc5      { font-family: Arial; margin-right: 5px; margin-bottom: 0; width: 580px; border: solid 1px #a4c0cf }
#bloc5 p  { font-size: 0.7em; font-weight: bold; margin-top: 1em }
#bloc5 h2 { margin-bottom: 1em }
#bloc5 h3 { font-size: 0.8em; font-style: italic; margin: 1em 0; padding: 10px 0 0 10px; border-top: 1px solid #a4c0cf }
#bloc5 h4   { color: #fff; font-size: 0.9em; font-style: italic; font-weight: normal; background-color: #ff7800; text-align: center; margin-right: 10px; margin-left: 10px; padding: 0.5em 10px }
#bloc5 h5 { font-size: 0.8em; font-style: italic; margin: 1em 0 -2.3em; padding: 10px 0 0 10px; border-top: 1px solid #a4c0cf }
#bloc5 h5 i { font-style: italic; margin: 1em 0 -2.3em; padding: 10px 0 0 10px; border-top: 1px solid #a4c0cf }
#bloc5 table p  { font-size: 0.7em; font-weight: bold; margin: 0 10px }
#bloc5 ul { font-size: 0.8em; font-weight: bold; list-style-type: none; margin: 0 0 1em 10px; padding: 0 }
#bloc5 table .col1  { width: 200px }
#bloc5 li { display: inline; margin-right: 1em }
#bloc5 h3 img, #bloc5 h5 img, #bloc5 p img { margin-right: 3px; vertical-align: -2px }
#bloc5 input { font-size: 1.1em }
#bloc5 p b { color: #ff6000 }
#bloc5 table .colA  { color: #6798ae; width: 200px }
#bloc5 table .colB { font-size: 1.2em }