body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	background: #FFFFFF url(../images/background/toystory.jpg) top center no-repeat;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

.conteneur
{
	width: 1000px ;
	margin: 0 auto ;
	text-align: left ;
	font: 0.7em Verdana, helvetica, sans-serif ;
}

/*** Eco-contribution  ***/
.DEEE {
color: #000;
z-index: 0;
cursor: help;
}

/* On définit la largeur de la division qui contient l'ensemble de la page à 1000 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

div.monCompte { font-size: xx-small; background-color: #EEEEEE; border: 1px solid black; }

div#menu        { float: left; width: 200px; }
div#menu img    { border: 0px solid white; }
div#droite      { float: right; width: 796px; min-height: 800px; }
div#header      { float: left; width: 786px; min-height: 268px; }
div#main        { float: left; width: 786px; min-height: 400px; }
div.footer
{
    float: right;
	width: 1000px;
	padding-top: 87px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
	color: #97BE0D;
}

div.footer ul            { margin-left: 0; padding-left: 0; display: inline; font-size: x-small; }
div.footer ul li         { margin-left: 0; padding: 3px 9px; border-left: 1px solid #97BE0D; list-style: none; display: inline; }
div.footer ul li.premier { margin-left: 0; border-left: none; list-style: none; display: inline; }
div.footer ul            { list-style-type: none; }

div.footer a { color: #97BE0D; text-decoration: none; }
div.footer a:hover { color: #97BE0D; text-decoration: underline; }

.spacer     { clear: both; }
img         { display: block; border: 0; }

.titreSection
{
    display: block;
    margin-top: 15px;
    color: #FFF;
    background-color: #5D7B9D;
    width: 585px;
    text-align: left;
    font-weight: bold;
    margin: 15px auto 0 auto; 
    padding: 3px 0 3px 15px;
}
.corpsSection { background-color: #F7F6F3; color: #333; text-align: left; padding: 5px 0 5px 0; width: 600px; font-weight: bold; margin: 0 auto 0 auto; }

.ErrorMsg { display: block; clear: both; font-size: x-small; font-weight: bold; vertical-align: middle;}

/******************************/
/*** Formulaires            ***/
/******************************/

fieldset.ident          { padding: 1em; border-color: Blue; }
fieldset.ident legend   { color: #000000; font-weight: bold; padding-bottom: 1em; }
fieldset.ident label    { display: inline; float: left; width: 200px; }

.totalPanier
{
    background-color: #5D7B9D;
    color: #FFF;
    width: 700px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}

.toRight{ text-align: right; }

.demCata fieldset {
    position : relative;
    top      : 1em;
    padding  : 0 0.5em 1em 0.5em;
    background-color: #F7F6F3;
    border: 1px solid #5D7B9D;
    margin: 0 0 10px 0;
    width: 770px;
    display: block;
 }

.demCata fieldset legend {
    position : relative;
    top      : -1em;
    padding  : 0.4em;
    border: 1px solid #5D7B9D;
    background:#5D7B9D;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
 }
 
.demCata fieldset label {
    display:inline;
    width: 200px;
    float:left;
    margin: 3px 0 3px 0;
    color: #5D7B9D;
 }
 
.demCata fieldset label.monLABEL {
    display:inline;
    width: 200px;
    float:left;
    margin: 3px 0 3px 0;
    color: #5D7B9D;
 }
 
.demCata fieldset label.monLABELgrand {
    display:inline;
    width: 430px;
    float:left;
    margin: 3px 0 3px 0;
    color: #5D7B9D;
 }
 
 
 .demCata fieldset input, .demCata fieldset select
 {
    margin-bottom: 3px;
 }
 
 .checkExpress label
 {
    position: absolute;
    top: auto;
    left: auto;
    width: 800px;
    margin: 0;
    padding: 0;
    border: 1px solid black;
 }

/*******************************/
/*** HEADER                  ***/
/*******************************/

.HEADER { width: 784px; height: 309px; background: url(../images/bandeaux/bandeau_base.jpg) no-repeat; margin-top: 4px; }
.HEADER_PANIER_BANNIERE { height: 100px; }
.HEADER_panier { float: right; width: 146px; cursor: auto; }
.panier
{
    text-align: right;
    height: 45px;
    margin-top: 6px;
    padding-top: 25px;
    padding-right: 5px;
    background: url(../images/design/fondPanier.gif) no-repeat top left;
}

.panier a
{
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.HEADER_banniere
{
    width: 443px;
    height: 91px;
    margin-left: 175px;
}

.HEADER_recherche
{
    position: relative;
    top: 6px;
    left: -1px;
    width: 784px;
    height: 16px;
    margin: 0;
    padding: 4px 0 0 0 ;
    color: #fff;
    text-align: right;
}

.HEADER_recherche, .HEADER_recherche a
{
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

.rechercheOK { font-size: xx-small; color: #FFF; margin: 0 5px 0 5px; }
.searchFIELD { margin-top: 0px; margin-left: 10px; width: 150px; padding: 0 5px; background: #FFF url(../images/design/bg-field.gif); border: 0px solid #FF0000; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #555; vertical-align: 0.1em;}


/**********************************/
/*** Popup Menu                 ***/
/**********************************/

#pop_petits     { border-color: #F29400; }
#pop_garcons    { border-color: #009EE0; }
#pop_filles     { border-color: #E2007A; }
#pop_societe    { border-color: #9E7742; }
#pop_creatifs   { border-color: #BD007B; }
#pop_pleinair   { border-color: #97BE0D; }
#pop_innovation { border-color: #622181; }
#pop_jouetsbois     { border-color: #cc9933; }
#pop_authentiques   { border-color: #336666; }
#pop_anniversaires  { border-color: #336699; }
#pop_marques    { border-color: #CCCC00; }
#pop_heros      { border-color: #CCCC00; }
#pop_ages      { border-color: #CCCC00; }

#titre_petits     { background-color: #F29400; width: 100%; }
#titre_garcons    { background-color: #009EE0; width: 100%; }
#titre_filles     { background-color: #E2007A; width: 100%; }
#titre_societe    { background-color: #9E7742; width: 100%; }
#titre_creatifs   { background-color: #BD007B; width: 100%; }
#titre_pleinair   { background-color: #97BE0D; width: 100%; }
#titre_innovation { background-color: #622181; width: 100%; }
#titre_jouetsbois       { background-color: #cc9933; width: 100%; color: #FFFF99; }
#titre_authentiques     { background-color: #336666; width: 100%; }
#titre_anniversaires    { background-color: #336699; width: 100%; color: #FF66CC; }
#titre_marque     { background-color: #CCCC00; width: 100%; }
#titre_heros      { background-color: #CCCC00; width: 100%; }
#titre_ages       { background-color: #CCCC00; width: 100%; }

.popupmenu { border: 4px solid; background-color: #fff; width: auto;}

.titre_popup { color: White; text-align: center; font-variant: small-caps; font-weight: bold; }
.liste_popup { list-style-type: none; margin: 4px; white-space: nowrap; }

.liste_popup a:link    { text-decoration: none; font-weight: bold; font-style: normal; background-color: #FFFFFF; white-space: nowrap;}
.liste_popup a:visited { text-decoration: none; font-weight: bold; font-style: normal; background-color: #FFFFFF; }
.liste_popup a:hover   { text-decoration: none; font-weight: bold; font-style: normal; }
.liste_popup a:active  { text-decoration: none; font-weight: bold; font-style: normal; background-color: #FFFFFF; }

#pop_petits     a:link    { color: #F29400; width: 100%; }
#pop_petits     a:visited { color: #F29400; width: 100%; }
#pop_petits     a:hover   { color: #FFFFFF; width: 100%; background-color: #F29400;}
#pop_petits     a:active  { color: #FFFFFF; width: 100%; }

#pop_garcons    a:link    { color: #009EE0; width: 100%; }
#pop_garcons    a:visited { color: #009EE0; width: 100%; }
#pop_garcons    a:hover   { color: #FFFFFF; width: 100%; background-color: #009EE0;}
#pop_garcons    a:active  { color: #FFFFFF; width: 100%; }

#pop_filles     a:link    { color: #E2007A; width: 100%; }
#pop_filles     a:visited { color: #E2007A; width: 100%; }
#pop_filles     a:hover   { color: #FFFFFF; width: 100%; background-color: #E2007A;}
#pop_filles     a:active  { color: #FFFFFF; width: 100%; }

#pop_societe    a:link    { color: #9E7742; width: 100%; }
#pop_societe    a:visited { color: #9E7742; width: 100%; }
#pop_societe    a:hover   { color: #FFFFFF; width: 100%; background-color: #9E7742;}
#pop_societe    a:active  { color: #FFFFFF; width: 100%; }

#pop_creatifs   a:link    { color: #BD007B; width: 100%; }
#pop_creatifs   a:visited { color: #BD007B; width: 100%; }
#pop_creatifs   a:hover   { color: #FFFFFF; width: 100%; background-color: #BD007B;}
#pop_creatifs   a:active  { color: #FFFFFF; width: 100%; }

#pop_pleinair   a:link    { color: #97BE0D; width: 100%; }
#pop_pleinair   a:visited { color: #97BE0D; width: 100%; }
#pop_pleinair   a:hover   { color: #FFFFFF; width: 100%; background-color: #97BE0D;}
#pop_pleinair   a:active  { color: #FFFFFF; width: 100%; }

#pop_innovation a:link    { color: #622181; width: 100%; }
#pop_innovation a:visited { color: #622181; width: 100%; }
#pop_innovation a:hover   { color: #FFFFFF; width: 100%; background-color: #622181;}
#pop_innovation a:active  { color: #FFFFFF; width: 100%; }

#pop_anniversaires a:link    { color: #336699; width: 100%; }
#pop_anniversaires a:visited { color: #336699; width: 100%; }
#pop_anniversaires a:hover   { color: #FF66CC; width: 100%; background-color: #336699;}
#pop_anniversaires a:active  { color: #FF66CC; width: 100%; }

#pop_authentiques a:link    { color: #336666; width: 100%; }
#pop_authentiques a:visited { color: #336666; width: 100%; }
#pop_authentiques a:hover   { color: #FFFFFF; width: 100%; background-color: #336666;}
#pop_authentiques a:active  { color: #FFFFFF; width: 100%; }

#pop_jouetsbois a:link    { color: #CC9933; width: 100%; }
#pop_jouetsbois a:visited { color: #CC9933; width: 100%; }
#pop_jouetsbois a:hover   { color: #FFFF99; width: 100%; background-color: #CC9933;}
#pop_jouetsbois a:active  { color: #FFFF99; width: 100%; }

#pop_marques a:link       { color: #CCCC00; width: 100%; }
#pop_marques a:visited    { color: #CCCC00; width: 100%; }
#pop_marques a:hover      { color: #FFFFFF; width: 100%; background-color: #CCCC00;}
#pop_marques a:active     { color: #FFFFFF; width: 100%; }

#pop_heros a:link         { color: #CCCC00; width: 100%; }
#pop_heros a:visited      { color: #CCCC00; width: 100%; }
#pop_heros a:hover        { color: #FFFFFF; width: 100%; background-color: #CCCC00;}
#pop_heros a:active       { color: #FFFFFF; width: 100%; }

#pop_ages a:link         { color: #CCCC00; width: 100%; }
#pop_ages a:visited      { color: #CCCC00; width: 100%; }
#pop_ages a:hover        { color: #FFFFFF; width: 100%; background-color: #CCCC00;}
#pop_ages a:active       { color: #FFFFFF; width: 100%; }

/**************************************/
/*       Page Index                   */
/**************************************/

#index
{
    margin: 0;
    padding: 0;
    margin-top: 4px;
}

.nouveautes_Titre { font-size: 2em; font-weight: bold; margin-left: 10px; color: White; }
.nouveautes { width: 470px; background-color: White; border: 0; padding: 0 0 0 8px; margin: 0; }

.produit_index      { float: left; width: 408px; height: 90px; margin-right: 4px; margin-top: 4px; color: #000; border: 2px solid #cc0033; }
.desc_index         { float: right; width: 315px; height: 90px; margin: 0 0 0 28px; text-align: left; border-left: 2px solid #cc0033; }
.nom_jouet_index    { font-size: 12px; font-weight: bold; margin: 0; text-align: left; color: #FFF; background-color: #cc0033;}

.lien_theme_index   { float: left; text-decoration: none; }
.prix_jouet_index
{
    float: left;
    display: block;
    clear: left;
    white-space: nowrap;
    font-size: x-large;
    font-variant: small-caps;
    font-weight: bolder;
    color: #555;
    margin: 0;
    margin-top: 3px;
    padding: 0;
}



.prix_EEC_index     { float: left; clear: left; font-style: italic; font-size: 8px; font-weight: bold; }

.lienLivrabilite_index{ display: block; clear: both; width: 100%;  text-align: left; margin-left: 3px;}
.puceLivrabilite_index{ display: inline; vertical-align: middle; margin-top: 5px;}
.txtLivrabilite_index { display: inline; color: Black; font-weight:bold; text-decoration: none; margin-left: 3px;margin-top: 5px; }

.promos { width: 350px; padding-left: 0px; text-align: center; }

#boutique { margin-top: 5px;}

#evenements { margin-top: 5px;}

/**********************************************************/
/*        Produit                                         */
/**********************************************************/

.produits       { float: left; width: 780px; font-family: Verdana; border: 0px solid black; }
.produits_new   { float: left; width: 600px; font-family: Verdana; }
.pagination { display: block; clear: both; }

.produit
{
    float: left;
  width: 382px;
/*      height: 155px;   */
    border: 2px solid red;
    margin-right: 4px;
    margin-top: 4px;
    z-index: 0;
}

.produit_new
{
    float: left;
    width: 290px;
/*    height: 155px;   */
    border: 2px solid;
    margin-right: 4px;
    margin-top: 4px;
    z-index: 0;
}


.nom_jouet      { font-size: 11pt; font-weight: bold; margin: 0; text-align: center; color: #FFF;}
.desc           { float: right; width: 150px; height: 100px; margin-top: 0; text-align: left; border: 0px solid black; }

.lienDetails    { display: block; width: 100%;  text-align: right;}
.lien_theme     { display: inline; text-decoration: none;}
.flecheDetails  { display: inline; vertical-align: bottom; margin-left: 8px;}

.lienRetour     { display: block; width: 100%;  text-align: left;}
.lien_theme     { display: inline; text-decoration: none; }
.flecheRetour   { display: inline; vertical-align: bottom; margin-right: 8px;}

.lienLivrabilite{ display: block; clear: both; width: 100%;  text-align: left; margin-left: 3px;}
.puceLivrabilite{ display: inline; vertical-align: middle; margin-top: 0;}
.txtLivrabilite { display: inline; color: Black; font-weight:bold; text-decoration: none; margin-left: 3px;margin-top: 5px; }

.txtNouveaute   { color: #F00; font-size: xx-small; font-weight: bold; }

.prix_jouet
{
    float: left;
    display: block;
    clear: left;
    white-space: nowrap;
    font-size: x-large;
    font-variant: small-caps;
    font-weight: bolder;
    color: #555;
    margin: 0;
    margin-top: 3px;
    padding: 0;
}

.prix_EEC
{
    float: left;
    clear: left;
    white-space: nowrap;
    font-style: italic;
    font-size: 5pt;
    font-weight: bold;
    margin-bottom: 12px;
}

.addToCartINCat         { float: left; clear:both; width: 110px; height: 21px; text-decoration: none; background: url(../images/design/rollAjouterPanier.gif) 0 -21px no-repeat; margin-top: 10px; }
a.addToCartINCat        { background: url(../images/design/rollAjouterPanier.gif) 0 -21px no-repeat; }
a.addToCartINCat:hover  { background-position: 0 0; }

.RetourButton         { float: left; width: 172px; height: 32px; text-decoration: none; background: url(../images/design/rollRetour.gif) 0 -32px no-repeat; }
a.RetourButton        { background: url(../images/design/rollRetour.gif) 0 -32px no-repeat; }
a.RetourButton:hover  { background-position: 0 0; }

.addToCartINCart         { float: left; width: 228px; height: 33px; text-decoration: none; background: url(../images/design/rollGdAjouterPanier.gif) 0 -33px no-repeat; }
a.addToCartINCart        { background: url(../images/design/rollGdAjouterPanier.gif) 0 -33px no-repeat; }
a.addToCartINCart:hover  { background-position: 0 0; }

.searchMagINCart         { float: left; width: 228px; height: 33px; text-decoration: none; background: url(../images/design/rollGdChercherMagasin.gif) 0 -33px no-repeat; }
a.searchMagINCart        { background: url(../images/design/rollGdChercherMagasin.gif) 0 -33px no-repeat; }
a.searchMagINCart:hover  { background-position: 0 0; }

.addToCartINCommDirect   { float: right; width: 228px; height: 33px; text-decoration: none; background: url(../images/design/rollGdAjouterPanier.gif) 0 -33px no-repeat; }
a.addToCartINCommDirect        { background: url(../images/design/rollGdAjouterPanier.gif) 0 -33px no-repeat; }
a.addToCartINCommDirect:hover  { background-position: 0 0; }

.addToCartINPromo         { float: right; width: 110px; height: 21px; text-decoration: none; background: url(../images/design/rollAjouterPanier.gif) 0 -21px no-repeat; }
a.addToCartINPromo        { background: url(../images/design/rollAjouterPanier.gif) 0 -21px no-repeat; }
a.addToCartINPromo:hover  { background-position: 0 0; }

/*** Pictures             ***/

.pic { background-color: #FFFFFF; left: 5px; position: relative; top: 0px; width: 120px; }
.pic a .large { border: 0; display: block; height: 1px; left: -1px; position: absolute; top: -1px; width: 1px; }
.pic a img { border: 0px solid black; }

/* accueil */
.pic a.p1, .pic a.p1:visited { background: #FFFFFF; border: 0px solid #000000; display: block; left: 0; position: absolute; top: 0; height: 80px; width: 80px; }
.pic a.p1:hover { background-color: #8C97A3; color: #000000; text-decoration: none; }
.pic a.p1:hover .large { border: 1px solid #000000; display: block; height: 200px; left: -5px; position: absolute; top: -82px; width: 200px; }

/* produits */
.pic a.p2, .pic a.p2:visited { background: #FFFFFF; border: 0px solid #000000; display: block; left: 0; position: absolute; top: 0; height: 120px; width: 120px; }
.pic a.p2:hover { background-color: #8C97A3; color: #000000; text-decoration: none; }
.pic a.p2:hover .large { border: 1px solid #000000; display: block; height: 200px; left: -5px; position: absolute; top: -82px; width: 200px; }


/****  Fiche Article    ***/

.ficheArticle   { display: block; float: left; margin-top: 10px; width: 100%; }

.descArticle    { float: right; width: 450px; text-align: left; }
.panierArticle  { float: left;}
.imgArticle     { float: left; text-align: center;}

.nom_jouet_article      { font-size: 1.6em; font-weight: bold ; margin: 0; margin-top     : 8px; margin-left: 0px; }
.details_jouet_article  { font-size: small  ; font-weight: bold ; margin: 0; margin-bottom  : 0px; line-height: 1em; }
.marque_article         { font-weight: bold ; margin: 8px 0 0 0; }

.ToMiddle { margin-left: auto; margin-right: auto; }

.lienArticle { color: #0099cc; text-decoration: none; font-size: large; font-weight: bold; }

.prix_jouet_article
{
    text-align: center;
    font-size: x-large;
    font-variant: small-caps;
    font-weight: bold;
    color: #FFF;
    margin-top: 20px;
    margin-bottom : 20px;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.prix_EEC_article
{
    text-align: center;
    clear: left;
    white-space: nowrap;
    font-style: italic;
    font-size: 8px;
    font-weight: bold;
}

.boutonsArticle { display: block; float: left; text-align:center;margin-top: 10px; margin-left: 10%; width: 80%; }
.panierArticle  { float: right;}
.magasinArticle { float: left;}

/****************************************/
/*     PREFERES                         */
/****************************************/

.preferesJC
{
    float: right;
    width: 162px;
    margin-top: 4px;
    margin-bottom: 5px;
}

.preferesfg
{
    height: 590px;
    background: url(../images/design/preferes.png) no-repeat top left;
    padding-top: 120px;
}

.prod_preferes
{
    float: left;
    width: 120px;
    height: 120px;
    background: url(../images/design/vignette.gif) no-repeat top left;
    margin-left: 8px;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 20px;
}

.derniers_vusJC
{
    float: left;
    width: 100%;
    margin-top: 10px;
}

.derniers_vusfg
{
    height: 140px;
    background: url(../images/design/3derniers.png) no-repeat bottom left;
    padding-left: 140px;
}

.der_prod_vu
{
    float: left;
    width: 150px;
    height: 150px;
    background: url(../images/design/vignette.gif) no-repeat top left;
    margin-left: 40px;
    padding-top: 20px;
    padding-left: 20px;
}


/*******************************/
/* HEROS_FAMILLE               */
/*******************************/

.titre_famille /* useless à priori*/
{
    float: left;
    display: block;
    width: 402px;
    height: 28px;
    border : 1px solid red;
}

.vosheros   { width: 400px; vertical-align: top; }

#vosheros { float: left; margin-top: 4px; margin-left: 30px; }

.Heros_Familles { margin-top: 4px; margin-bottom: 5px; }
.pnlRndFamille  { float: left; width: 412px; }
.pnlRndFamilleTitre { height: 30px; }
.FamilleTitre { color: White; font-size: 1.2em; font-weight: bold; margin-left: 10px; }

/***********************************/
/*** AutoComplete flyout         ***/
/***********************************/

.autocomplete_completionListElement 
{  
	visibility: hidden;
	margin: 0px;
	background-color: #FFF;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	overflow: auto;
	height: 200px;
    text-align: right;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #d2ebf3;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
	background-color : #FFF;
	color : windowtext;
	padding : 1px;
}

/******************************/
/*** Pavé Login              **/
/******************************/
.modalLoginBackground 
{
	background-color:Gray;
/*
	filter:alpha(opacity=70);
	opacity:0.7;
*/
}

.modalLoginPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.JCLogin { border: 2px solid blue; background-color: White;  }

.titleLogin { color: #0099CC; font-weight: bold; }

.JCLogin a:link    { color: #0099CC; text-decoration: none; }
.JCLogin a:visited { color: #0099CC; text-decoration: none; }
.JCLogin a:hover   { color: #0099CC; text-decoration: underline; }
.JCLogin a:active  { color: #0099CC; text-decoration: none; }

.closeLoginPanel
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top:3px;
    right: 3px;
}

.closeLoginPanel a
{
    background-color: #6699CC;
    cursor: pointer;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}

/*******************/
/* MENU VOS JOUETS */
/*******************/

.titreVosJouets
{
    display: block;
    text-align: left;
    padding: 3px 0 0 15px;
    color: #0099cc;
    font-size: large;
    font-weight: bold;
}


#lstVosJouets {
   width: 163px;
   height: 107px;
   background: url(../images/design/rollVosJouets_avecAges.gif);
   margin: 10px auto;
   padding: 0;
   position: relative;
}
#lstVosJouets li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   left: 0;
}
#lstVosJouets li, #lstVosJouets a 
{
    display: block;
    width: 163px;
    text-decoration: none;
}

#liCommDir     { top: 0; height: 22px;}
#liParMarque   { top: 22px; height: 22px;}
#liParHeros    { top: 44px;  height: 22px;}
#liParAge      { top: 66px;  height: 22px;}
#liParCat      { top: 88px;  height: 22px;}

#liCommDir a:hover {
   background: transparent url(../images/design/rollVosJouets_avecAges.gif)
               0 -107px no-repeat; height: 22px;
}
#liParMarque a:hover {
   background: transparent url(../images/design/rollVosJouets_avecAges.gif)
               0 -129px no-repeat; height: 22px;
}
#liParHeros a:hover {
   background: transparent url(../images/design/rollVosJouets_avecAges.gif)
               0 -151px no-repeat; height: 22px;
}
#liParAge a:hover {
   background: transparent url(../images/design/rollVosJouets_avecAges.gif)
               0 -173px no-repeat; height: 22px;
}
#liParCat a:hover {
   background: transparent url(../images/design/rollVosJouets_sansAges.gif)
               0 -195px no-repeat; height: 22px;
}

div.ident fieldset { width:80%; margin:auto; position:relative; }
div.ident fieldset legend { color: #333333; }
div.ident fieldset label.monLABEL { text-align:right; width:35%; clear:left; display:block; float:left; margin:5px; color: #333333; }
.radioB { vertical-align: middle; }
div.ident fieldset input.Textbox { width:170px; margin:5px; }
div.ident fieldset input { margin:5px; }
div.ident fieldset select { margin:5px; }
div.ident fieldset input.Button { margin-right:auto; margin-left: auto; }

.aboNL 
{
    color: #333;
    font-size: x-small;
    font-weight: bold;
    vertical-align: middle;
}

.conditions 
{
    margin: 0 auto 0 auto;
    width: 80%;
    text-align: left;
    color: #333;
    font-style: italic;
    font-size: x-small;
    vertical-align: middle;
}

.radioBlock label, .radioBlock input
{
    text-align:left;
    display:inline;
    float:left;
    margin:5px;
    color: #333333;
    white-space: nowrap;
}

/*********************************************************/
/* Shadow - Ombre portée sur l'image de la fiche article */
/*********************************************************/

br.clear { clear: both; height: 0; line-height: 0px; }
div.shadow { float: left; padding: 0 1px; background: #bfbfbf; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; position: relative; }
div.shadow img { padding: 5px 5px 9px 5px; background: white url(../images/design/shad_bottom.png) repeat-x bottom left; }
div.shadow div.topleft    { width: 2px; height: 4px; background: url(../images/design/shad_tlcorner.png) no-repeat top left;  position: absolute; top: 0px; left: -1px; }
div.shadow div.topright   { width: 2px; height: 4px; background: url(../images/design/shad_trcorner.png) no-repeat top right; position: absolute; top: 0px; right: -1px;}
div.shadow div.bottomleft { width: 4px; height: 4px; background: url(../images/design/shad_blcorner.png) no-repeat bottom left; position: absolute; bottom: 0px; left: -1px;}
div.shadow div.bottomright{ width: 4px; height: 4px; background: url(../images/design/shad_brcorner.png) no-repeat bottom right; position: absolute; bottom: 0px; right: -1px;}

/*****************************/
/***   Recap Commande      ***/
/*****************************/

.parCarte         { float: right; width: 172px; height: 32px; text-decoration: none; background: url(../images/design/rollParCarte.gif) 0 -32px no-repeat; }
a.parCarte        { background: url(../images/design/rollParCarte.gif) 0 -32px no-repeat; }
a.parCarte:hover  { background-position: 0 0; }

.parCheque         { float: right; width: 172px; height: 32px; text-decoration: none; background: url(../images/design/rollParCheque.gif) 0 -32px no-repeat; }
a.parCheque        { background: url(../images/design/rollParCheque.gif) 0 -32px no-repeat; }
a.parCheque:hover  { background-position: 0 0; }

.parCheque3fois         { float: right; width: 172px; height: 32px; text-decoration: none; background: url(../images/design/rollParCheque3fois.gif) 0 -32px no-repeat; }
a.parCheque3fois        { background: url(../images/design/rollParCheque3fois.gif) 0 -32px no-repeat; }
a.parCheque3fois:hover  { background-position: 0 0; }
.parCheque3foisD        { float: right; width: 172px; height: 32px; text-decoration: none; background: url(../images/design/rollParCheque3fois_disabled.gif) 0 0 no-repeat; }


.RCAdresseHeader { background-color: #F0F0F0; width: 296px; text-align: center; color: #5D7B9D;}
.RCAdresse { background-color: #F7F6F3; color: #333; width: 250px; height: 90px; text-align: left; vertical-align: top; padding-left: 15px; padding-top: 5px; }
.lnkModifier { display: block; margin-left: 45%; text-decoration: none; margin-top: 8px; }
.lnkModifierDroite { display: block; float: right; margin-right: 15px; text-decoration: none; }
.pnlPaiement { margin: 0 auto 0 auto; text-align: center; background-color: #F7F6F3; }
.pnlPaiement p, .pnlPaiement label { padding-left: 15px; }

.Paiement
{
    display: block;
    text-align: left;
    background-color: #F7F6F3;
    margin: 0 auto 0 auto;
/*    height: 80px;   */
}

/*** FAQ Carte Magique ***/

.CM_FAQ { font-size: small; font-weight: bold; color: #5D7B9D; }
.CM_FAQ li { margin-bottom: 5px; }
.CM_FAQ a { text-decoration: none; color: #5D7B9D;}
.CM_FAQ a:hover { text-decoration: underline; color: #5D7B9D;}

/*** Compte Client - Collapsible Panel ***/
.collapsePanel {
      width: 780px;
      height:0px;
      background-color: #F7F6F3;
      overflow:hidden;
}

.collapsePanel label {
    display:inline;
    width: 200px;
    float:left;
    margin: 3px 0 3px 0;
    color: #5D7B9D;
}
 
.collapsePanel input, .collapsePanel select
{
    margin-bottom: 3px;
}

.collapsePanelHeader{   
      width:780px;            
      color: White;
      background-color: #5D7B9D;
      font-weight:bold;
      float:none;
      cursor: pointer; 
      padding: 2px;
      vertical-align: middle;
}

.IMGCollapse
{
    float: right;
}

.LIENchicco a
{
    position: relative;
    left: 450px;
    top: 170px; 
    text-decoration: none;
    color: #FF0000;
}

/*######## MESSAGE INFO ##########################*/

.messageINFO fieldset {
    position : relative;
    top      : 1em;
    padding  : 0 0.5em 1em 0.5em;
    background-color: #F7F6F3;
    border: 1px solid #5D7B9D;
    margin: 0 0 10px 0;
    width: 375px;
    display: inline;
 }

.messageINFO fieldset legend 
{
    position : relative;
    top      : -1em;
    padding  : 0.4em;
    border: 1px solid #5D7B9D;
    background:#5D7B9D;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
 }
 
.messageINFO fieldset label {
    display:inline;
    width: 200px;
    float:left;
    margin: 3px 0 3px 0;
    color: #5D7B9D;
 }
 
 .messageINFO fieldset input, .messageINFO fieldset select
 {
    margin-bottom: 3px;
 }

#noteColis {
            position: absolute;
            top: 30px;
            left: 160px;
            background: #ffc;
            padding: 10px;
            border: 1px solid #000;
            z-index: 1;
            visibility: hidden;
            font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
            color: #000;
}


/**********************************************************/
/*        Produits PROMO                                  */
/**********************************************************/

.produits_promo       { float: left; width: 780px; font-family: Verdana; border: 0px solid green; }

.produit_promo
{
    float: left;
    width: 776px;
/*    height: 155px;   */
    border: 2px solid #cc0033;
    margin-right: 0;
    margin-top: 4px;
    z-index: 0;
}

.prix_promo
{
    float: right;
    width: 193px;
    height: 142px;
    background-image: url(../images/design/prix_acf.gif);
    background-repeat: no-repeat;
    margin-top: 0;
    text-align: center;
    border: 0px solid blue;
    margin: 0;
    margin-top: 25px;
    padding: 0;
}

.prix_jouet_avantpromo
{
    display: block;
    clear: left;
    white-space: nowrap;    
    font-size: 16px;
    font-variant: small-caps;
    font-weight: bolder;
    color: #F00;
    text-decoration: line-through;
}

.prix_jouet_remise
{
    display: block;
    clear: left;
    white-space: nowrap;    
    font-size: 20px;
    font-variant: small-caps;
    font-weight: bolder;
    color: #FF0000;
    margin-top: 2px;
}

.prix_jouet_promo
{
    display: block;
    clear: left;
    white-space: nowrap;    
    font-size: 42pt;
    font-variant: small-caps;
    font-weight: bolder;
    color: #000000;
    margin-top: 4px;
}

.prix_EEC_promo, .prix_EEC_promo a
{
    display: block;
    clear: left;
    white-space: nowrap;
    margin-top: 0px;
    font-style: normal;
    font-weight: bold;
    font-size: 7pt;
    text-decoration: none;
    
}

.desc_promo
{
    float: right;
    width: 350px;
    height: 206px;
    margin-top: 0;
    text-align: left;
    border: 0px solid red;
    padding-right: 6px; }

h1
{
    font-size: 20px;
}

/* PROMO */
.detailsPromo {
    display: block; margin-top: 5px; border: 0px solid black; font-size: 12px; font-weight: bold; height: 100px; min-height: 100px;
    text-decoration: none;
    color: #000000;
}

.lienLivrabilitePromo{ display: block; clear: both; width: 60%; position: relative; bottom: -20px;  text-align: left; margin-left: 3px; border: 0px solid purple;}
.puceLivrabilitePromo{ display: inline; vertical-align: text-bottom; margin-top: 5px;}
.txtLivrabilitePromo { display: inline; color: Black; font-weight:bold; text-decoration: none; margin-left: 3px;margin-top: 5px; }

.PRODUITS_boutons    { display: block; position:relative; bottom: 0px; left: -4px; }

.galerie_images
    {
        margin: 0 auto;
        margin-top: 4px;
        width: 780px;
        border: 0px solid black;
    }
    
.image_galerie
	{
    	float: left; 
    	margin: 5px;
    	border: 0px solid #000000;
    	text-align: center;
    	width: 185px;
    	height: 132px;
	}