@charset "iso-8859-1";
/* DATE DE CREATION : 31/05/2006 */
/* divers */
body {color: #000000; background: #BDC7FF; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 8pt; margin: 0; padding: 0; }
body a.lien {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #000; }
body a.lien:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2 {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #DC143C; }
body p {font-size: 8pt; color: #000; margin: 6px 0.5em 6px; }
body b.rouge {color: #c00; }
body b.noir {color: #000; }
body a.jaune {text-decoration: underline; font-weight: bold; color: #FFC; }
body a.rouge {text-decoration: underline; font-weight: bold; color: #c00; }
body a.vert {text-decoration: underline; font-weight: bold; color: #A1C749; }
body a.noir {text-decoration: underline; font-weight: bold; color: #000; }
body legend {font-weight: bold; }
body fieldset {margin: 6px 0.5em 6px; padding: 6px 0.5em 6px; }
body font.lettrine {font-size:15pt; font-weight: bold; text-indent:5px; color: #F00; }
body ul {margin-top: 0em; margin-bottom: 0em;  }

/* menu haut */
#bar_menu {position: relative; left: 50%; width: 940px; height: 175px; margin-left: -470px; padding: 0; }
#bar_logo {position: absolute; top: 7px; left: 7px;}
#bar_piedg {position: absolute; top: 7px; left: 232px;}
#bar_piedd {position: absolute; top: 7px; left: 886px;}
#bar_m {position: absolute; top: 7px; left: 272px;font-size: 7pt; margin: auto; }
#bar_m1, #bar_m2, #bar_m3, #bar_m4 {position: absolute; text-decoration: none; width: 120px; height: 136px;}
#bar_m5, #bar_m6 {position: absolute; text-decoration: none; width: 87px; height: 136px;}
#bar_m1 {left: 0px; }
#bar_m2 {left: 120px; }
#bar_m3 {left: 327px; }
#bar_m4 {left: 447px; }
#bar_m5 {left: 240px; }
#bar_m6 {left: 534px; }
#bar_mp1 {position: absolute; top: 143px; left: 7px; width: 16px; height: 25px; background: url(http://imgshop.hitparade.fr/menu_mp1.gif) top left no-repeat;}
#bar_mp2 {position: absolute; top: 143px; left: 23px; width: 900px; height: 25px; background: url(http://imgshop.hitparade.fr/menu_mp2.gif) top left repeat-x; font-size: 7pt; font-weight: normal; color: #fff; text-align: center; vertical-align: text-bottom}
#bar_mp3 {position: absolute; top: 143px; left: 920px; width: 16px; height: 25px; background: url(http://imgshop.hitparade.fr/menu_mp3.gif) top left no-repeat;}
#bar_mpa {position: absolute; top: 168px; left: 7px; width: 16px; height: 10px; background: url(http://imgshop.hitparade.fr/menu_mpa.gif) top left no-repeat;}
#bar_mpb {position: absolute; top: 168px; left: 23px; width: 900px; height: 10px; background: url(http://imgshop.hitparade.fr/menu_mpb.gif) top left repeat-x;}
#bar_mpc {position: absolute; top: 168px; left: 920px; width: 16px; height: 10px; background: url(http://imgshop.hitparade.fr/menu_mpc.gif) top left no-repeat;}

#nav {position: relative; left: 50%; width: 940px; height: 20px; margin-left: -470px; border: 0px; z-index: 1000;}
#nav b {color: #000; }
#nav ul {margin: 0; padding: 0.25em 0 0.25em 16px; background: #BDC7FF; border: 0px; -moz-opacity: 0.95; opacity: 0.95; filter:alpha(opacity=95);}
#nav li {position: relative; display: block; list-style: none; margin: 0; float: left; line-height: 1.6em; }
#nav li:hover {background-color: #fff;}
#nav li.menu {background-color: #7b8ed6; border: 1px solid #000000; margin-right: 0.6em;}
#nav li.menu:hover {background-color: #41a5d8;}
#nav li a.niveau_a {display: block; padding: 0.1em 0.4em; text-decoration: none; color: #000; font-size: 10pt; font-weight: bold; }
#nav>ul a.niveau_a {width: auto;}
#nav li a.niveau_b {display: block; padding: 0.25em 0em 0.1em 0em; text-decoration: none; color: #000; font-size: 9pt; font-weight: bold; }
#nav>ul a.niveau_b {width: auto;}
#nav ul ul {position: absolute; width: auto; display: none;}
#nav ul ul li {width: 15em; background: #41a5d8; border: 0px; -moz-opacity: 0.96; opacity: 0.96; filter:alpha(opacity=96);}
#nav ul ul li li {width: 15em; background: #41a5d8; border: 0px; -moz-opacity: 0.96; opacity: 0.96; filter:alpha(opacity=96);}
#nav li.menu li.menu {background-color: #41a5d8; border-top: 1px dotted #000000; border-right: 1px solid #000000; border-bottom: 0px; border-left: 1px solid #000000; line-height: 1.6em; padding: 0.2em 0.6em; }
#nav li.menu li.menu:hover {background-color: #9ac3d7; }
#nav ul.niveau1 li.menu:hover ul.niveau2,
#nav ul.niveau2 li.menu:hover {display:block; }
#nav ul.niveau2 {width: auto; top: 1.9em; left: -18px; line-height: 1.6em; }

/* barre de position */
#bar_pos {position: relative; left: 50%; width: 940px; height: 30px; margin: 10px 0px 5px -470px; font-size: 8pt; font-weight: bold; }
#bar_pos_g {position: absolute; top: 0px; left: 16px; width: 10px; height: 30px; background: url(http://imgshop.hitparade.fr/menu1_gauche.gif) top left no-repeat;}
#bar_pos_c {position: absolute; top: 0px; left: 26px; width: 740px; height: 30px; padding-top: 8px; background: url(http://imgshop.hitparade.fr/menu1_centre.gif) top left repeat-x; }
#bar_pos_d {position: absolute; top: 0px; left: 766px; width: 10px; height: 30px; background: url(http://imgshop.hitparade.fr/menu1_droite.gif) top left no-repeat;}

/* coeur */
#coeur {overflow: auto; position: relative; left: 50%; width: 940px; margin: 10px 0px 5px -470px; }
#coeur td {font-size: 8pt; }
#coeur b {font-size: 8pt; font-weight: bold; }
#coeur div.texte {position: relative; font-size :8pt; text-decoration: none; font-weight: normal; text-indent: 0em; text-align: justify; padding: 0.5em; margin-bottom: 5px;}
#coeur div.boite {float: left; width: 175px; height: 120px; margin: 2px 2px 0px 2px; padding: 3px; background: #D4DEFF; border-top: 2px dotted #BDC7FF; border-left: 2px dotted #BDC7FF; border-right: 2px dotted #BDC7FF; text-align: center; }
#coeur div.boite2 {float: left; width: 175px; height: 30px; margin: 0px 2px 2px 2px; padding: 3px; background: #D4DEFF; border-right: 2px dotted #BDC7FF; border-left: 2px dotted #BDC7FF; border-bottom: 2px dotted #BDC7FF; text-align: center; }
#coeur div.boitecaddie {margin: 10px; padding: 10px; border: 1px dotted #000; }
#coeur div.boitecentre {margin: 5px; text-align: center;}
#coeur div.boitetrait {border: 1px solid #000; }
#coeur .btn {font-size: 8pt; color: #c00; font-weight: bold; margin: 6px 0.5em 6px; padding: 6px 0.5em 6px; }

/* central */
#ct {position: relative; float: left; width: 660px; font-size: 8pt; padding: 5px 2px; background: #ffffff; border: 1px solid #7B8ED6;}
/* accueil et page courante */
#ct .verticale {float: left; width: 206px; margin: 7px 4px; padding: 2px; }
#ct .simple    {float: left; width: 190px; margin: 7px 5px; padding: 3px; height: 505px; border: 1px dashed #7B8ED6; background: #BDC7FF; }
#ct .double    {float: left; width: 400px; margin: 7px 5px; padding: 3px; height: 370px; border: 0px solid #7B8ED6; }
#ct .triple    {float: left; width: 190px; margin: 7px 5px; padding: 3px; height: 150px; border: 1px dashed #7B8ED6; }
#ct .selection {float: left; width: 186px; height: 150px; margin: 7px 4px; padding: 3px; border: 1px dotted #7B8ED6; background: #FFFFFF; }
#ct .cadre     {float: left; width: 190px; height: 150px; margin: 7px 5px; padding: 3px; border: 1px dotted #7B8ED6; background: #BDC7FF; }
#ct .demi      {float: left; width: 310px; margin: 7px 5px; padding: 3px; border: 1px dashed #7B8ED6; text-align: center; }
#ct .encart    {float: left; width: 635px; margin: 5px; padding: 5px; background: #E8EDFF; border: 2px dotted #BDC7FF; text-align: justify; }
#ct .titre     {width: 630px; font-size :9pt; text-decoration: none; font-weight: bold; text-indent: 0em; text-align: justify; padding: 0.5em; margin-bottom: 5px; margin-top: 5px; border-bottom: 2px dashed #000; }
#ct .insert    {float: left; width: 620px; margin: 5px 0px; padding: 0px;}
#ct .insert_1  {float: left; width: 155px; margin: 0px; padding: 0px;}
#ct .insert_2  {float: left; width: 465px; margin: 0px; padding: 0px;}
#ct .produit   {float: left; width: 64px; margin: 2px; padding: 3px; border: 1px solid; background: #ffffff; text-align: center; }
#ct .vignette  {float: left; width: 190px; margin: 7px 5px; padding: 3px; background: #fff; border: 1px solid #7B8ED6;}
#ct .titre2    {font-size :14pt; text-decoration: none; font-weight: bold; font-style: italic; text-align: center; padding: 10px; margin: 0px 0px 5px 0px; color: #FFFFFF; background: #7B8ED6;}
#ct .fond      {float: left; margin: 0px; padding: 2px; border: 1px solid #7B8ED6; background: #E1E2F3; }
/* produit */
#ct .coeur_titre {text-align: center; padding-top: 3px; padding-bottom: 3px; color: #c00; font-weight: bold;}
#ct .coeur_titre2 {text-align: center; padding-top: 1px; padding-bottom: 1px; color: #7B8ED6; text-transform: uppercase; font-weight: bold;}
#ct .coeur_texte {text-align: left; padding-bottom: 0px; color: #000; font-weight: bold;}
#ct .coeur_bouton {position: relative; display: block; left: 25px; width: 60px; height: 8px; text-align: center; border: 1px solid #000; padding: 5px; background: #BDC7FF; color: #000; font-weight: bold;}
#ct .bulle {display: block; text-align: center; border: 1px solid #7B8ED6; padding: 3px; background: #BDC7FF; color: #000; text-transform: uppercase; font-weight: bold;}
#ct .fiche {display: block; top: 0px; left: 0px; width: 625px; height: 250px; text-align: center; border: 1px solid #7B8ED6; padding: 3px; background: #fff; color: #000;}
#ct img.neutre {float: left; padding: 0px; margin: 2px; border: 3px solid; border-color: #fff;}
#ct img.select {float: left; padding: 0px; margin: 2px; border: 3px solid; border-color: #c00 #900 #900 #c00;}
#ct div.pic {float: left; width: 46px;}
#ct div.prod {float: left; width: 265px;}
#ct img.prod {float: left; padding: 0px; margin-top: 10px; border: 0px solid; border-color: #fff;}
#ct .angle {float: left; position: relative; clear: left; padding: 16px 0px 0px 14px; background: url(http://imgshop.hitparade.fr/angle_flou.gif) 2px 2px no-repeat; margin: 5px 0px 0px 5px; min-height: 140px;}
#ct .angle1 {width: 290px; }
#ct .angle2 {width: 610px; }
#ct .angle_plus {float: left; padding: 21px 0px 0px 0px; margin: 0px; width: 7px; height : 170px; background: #fff; min-height : 170px; border-right: 1px dashed #7B8ED6; }
#ct .bandeau {position: relative; display: inline; float: left; padding: 4px 10px; margin: 0px; color: #000000; font-size: 12pt; }
#ct .colonne {float: left; width: 625px; background: #ffffff; border: 1px solid #7B8ED6; padding: 2px; margin: 2px; }
#ct .colonne1 {float: left; margin: 0px 5px 0px 0px; padding: 0px; }
#ct .colonne2 {float: left; margin: 0px; padding: 0px; border-left: 1px dashed #7B8ED6;}
/* #ct .haut {position: relative; display: block; float: left; width: 625px; background: #ffffff; border-left: 1px solid #7B8ED6; border-right: 1px solid #7B8ED6; border-top: 1px solid #7B8ED6; padding: 2px; margin: 4px 0px; } */
/* #ct .bas  {position: relative; display: block; float: left; width: 625px; background: #ffffff; border-left: 1px solid #7B8ED6; border-right: 1px solid #7B8ED6; border-bottom: 1px solid #7B8ED6; padding: 2px; margin: 4px 0px; } */
#ct .flottant {float: left; position: relative; font-size: 8pt; padding-top: 1em; margin-top: 1em; border-top: 1px dashed #7B8ED6; }
#ct .caddie {float: left; position: relative; display: block; width: 625px; background: #fff; border-left: 1px solid #7B8ED6; border-right: 1px solid #7B8ED6; border-bottom: 1px dashed #7B8ED6; padding: 2px;}

/* onglet */
#onglet {position: relative; float: left; left: 0px; width: 600px; height: 16px; font-size: 8pt; margin: 0; padding: 0; text-transform: uppercase; font-weight: bold; text-align: center; }
#onglet .tab {position: relative; float: left; left: 20px; width: 105px; height: 16px; margin-right: 5px;}
#onglet .tab_d {padding-top: 1px; color: #000; background: url(http://imgshop.hitparade.fr/ts_disponible.gif) top left no-repeat;}
#onglet .tab_s {padding-top: 1px; color: #fff; background: url(http://imgshop.hitparade.fr/ts_selection.gif) top left no-repeat;}
#onglet a.tab_d {display:block; color: #000000; font-weight: bold; }
#onglet a.tab_d:hover {color: #7b8ed6;}
#onglet a.tab_s {display:block; color: #ffffff; font-weight: bold; }
#onglet a.tab_s:hover {color: #E8EDFF;}

/* colonne info */
#bar_d {position: relative; float: left; top: 0px; left: 12px; width: 260px; height: auto; }
#bar_d .liste {display: block; width: 240px; margin: 0px 0px 5px 5px; background: #ffffff; border: 1px solid #7B8ED6; color: #000; font-size: 9pt; padding: 3px 3px 3px; }
#bar_d .angle {padding: 16px 0px 0px 14px; background: url(http://imgshop.hitparade.fr/angle_flou.gif) 2px 2px no-repeat; min-height: 70px;}

/* peton */
#bar_p {display: block; position: relative; left: 50%; width: 940px; margin: 5px 0px 5px -470px; font-size: 7pt; color: #8D95BF; }
#bar_p a.lien {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #8D95BF; }
#bar_p a.lien:hover {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #808080; }
#bar_p .peton {display: block; position: relative; width: 100%; text-align: center; vertical-align: middle; font-weight: bold; line-height:0.15in; }

/* table */
td.pointille    {font-size: 8pt; border-bottom: 1px dotted #000; padding: 1px; height: 25px;}
td.continu      {font-size: 8pt; border-bottom: 1px solid #000; padding: 1px; }
table.bord      {border: 1px solid #7B8ED6; }
table.cal       {background-color: #FFDDDD; text-align: center; }
table.cal_t {width: 222px; background-color: #FFBBBA; text-align: center; }

/* lien */
a         {font-size : 8pt;text-decoration: underline;font-weight: normal;}
a:link    {text-decoration: none;color: #00c;}
a:visited {text-decoration: none;color: #00c;}
a:active  {text-decoration: underline;color: #c00;}
a:hover   {text-decoration: underline;color: #c00;}
a:focus   {text-decoration: underline;color: #c00;}

a.barre         {font-size : 8pt; text-decoration: underline; color: #000; font-weight: bold;}
a.barre:link    {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:visited {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:active  {text-decoration: underline; color: #7B8ED6; font-weight: bold;}
a.barre:hover   {text-decoration: underline; color: #7B8ED6; font-weight: bold;}
a.barre:focus   {text-decoration: underline; color: #7B8ED6; font-weight: bold;}

a.mini         {font-size : 7.5pt; text-decoration: underline; color: #000000; font-weight: bold;}
a.mini:link    {text-decoration: underline; color: #000000; font-weight: bold;}
a.mini:visited {text-decoration: underline; color: #000000; font-weight: bold;}
a.mini:active  {text-decoration: underline; color: #7B8ED6; font-weight: bold;}
a.mini:hover   {text-decoration: underline; color: #7B8ED6; font-weight: bold;}
a.mini:focus   {text-decoration: underline; color: #7B8ED6; font-weight: bold;}

a.boite         {float: left; display: block; font-size : 7pt; margin: 3px 36px; padding: 5px 25px 5px 25px; background: #7B8ED6; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 2px solid #BDC7FF; }
a.boite:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite:active  {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite:hover   {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite:focus   {text-decoration: underline; color: #ccc; font-weight: bold;}

a.boite2         {float: left; display: block; font-size : 7pt; margin: 7px; padding: 5px; background: #BC84D6; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 2px solid #DBC1FF; }
a.boite2:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:active  {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:hover   {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:focus   {text-decoration: underline; color: #ccc; font-weight: bold;}

i {font-size: 8pt;}
b {font-size :8pt;text-decoration: none; font-weight: bold;}
u {font-size :8pt;text-decoration: underline; font-weight: bold;}
hr {color: #666699; text-align: center}
p {text-indent: 0.25in; line-height:0.18in; font-size: 8pt; text-align:justify;}
p.marge {margin-left:0.25in; text-indent: 0in; line-height:0.18in; font-size: 8pt; text-align:justify;}
p.oui   {margin-left:3px; text-indent: 18px; line-height:0.16in; font-size: 8pt; text-align: left; background: url(http://imgshop.hitparade.fr/oui.gif) 0px 0px no-repeat;}
p.non   {margin-left:3px; text-indent: 18px; line-height:0.16in; font-size: 8pt; text-align: left; background: url(http://imgshop.hitparade.fr/non.gif) 0px 0px no-repeat;}
p.fleche   {margin-left:3px; text-indent: 18px; line-height:0.16in; font-size: 8pt; text-align: left; background: url(http://imgshop.hitparade.fr/bas.gif) 0px 0px no-repeat;}
p.shirt {margin-left:3px; text-indent: 18px; line-height:0.16in; font-size: 8pt; text-align: left; background: url(http://imgshop.hitparade.fr/shirt.gif) 0px 0px no-repeat;}
h2 {text-indent: 0.25in; }

/* table */
body table.caddie1 {margin: 0px; border: 0px ; background: #C21569; padding: 0px; color: #000000; font-size: 8pt; }
body table.caddie2 {margin: 0px; border: 0px ; background: #ffffff; padding: 0px; color: #000000; font-size: 8pt; }
body tr.caddie1   {background: #E8DEEE; font-weight: bold; text-align: center; vertical-align: middle; }
body tr.caddie2   {background: #ffffff; text-align: left; vertical-align: middle; }
body tr.caddie3   {background: #eeeeee; text-align: left; vertical-align: middle; }
body td           {padding: 3px; }
body td.caddie1   {padding: 3px; border: 1px solid #C21569; }