body {
    background-color:#eec6a1;
    margin:0px auto;
    padding:0px;
    font-family:arial, helvetica, sans serif;
    width: 1024px;
    font-size:10px;
    height:100%;
}

a {text-decoration:none;color:#ef801b; font-size:12px; font-weight:bold;}
a:hover {text-decoration:underline;}
img {border:none;}
form {margin:0px;}
.erreur {color:#c00; font-weight:bold;}
img.aligne {vertical-align:middle; margin:2px;}
input, select, textarea {font-size:10pt; color:#333; margin:2px;}

/* HAUT DE LA PAGE */
#top { height:110px; background:#ef801b;}
#toplogo {margin:0; padding:0px;}
#toppub {background:#ef801b; height:110px; padding:0px;}
#toppub div {height:110px; background:#000; height:100%; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px;}
#toppanier {background:#000; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius:  0px 0px 10px 10px; width:170px; margin:0px 10px 10px 10px; padding:5px 15px 5px 15px; color:#fff;font-size:14px; font-weight:bold; text-align:center;}
#toppanier a {color:#fff; font-size:12px;}
#toppanier a:hover {text-decoration:underline;}

/* NAVIGATION DES MAGS*/
#nav_mag {background-color:#ef801b; border-top:1px solid #fff; font-size:14px; font-weight:bold; text-transform:uppercase; padding:3px 10px;}
#nav_mag a {color:#fff; margin-left:20px;}
#nav_mag:hover {color:#000;}

/* NAVIGATION DES RAYONS*/
#nav_rayons {background-color:#ef801b; border-top:1px solid #fff; padding:10px;}
/* LES BORDS ARRONDIS DE LA NAV RAYONS*/
#menu_rayons { margin: 0; padding: 0; list-style: none;} 
#menu_rayons li { display: inline; /* affichage horizontal */ } 
#menu_rayons li a { 
    padding: 5px 4px; 
    margin: 0; 
    text-decoration: none; 
    text-transform:uppercase; font-size:12px; font-weight:bold; color:#000;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
    -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 
} 
#menu_rayons li a:hover, #menu li a:focus { background-color:#000; color:#fff; }




/* CAS PARTICULIER : BOUTON UNIVERS */
#menu_rayons a.univers {padding:5px 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#000; color:#fff;}
#menu_rayons a.univers:hover {background:#000;}

/* MENU DE NAV PRINCIPALE (A GAUCHE) */
#col_gauche {background:#ef801b; border-top-right-radius: 10px 10px; border-bottom-right-radius: 10px 10px;}
#col_droite {background:#ffffff; border-bottom-right-radius: 10px 10px; padding: 10px;}
#nav_main { width:240px;text-align:center; ;}


#nav_main ul {margin:0px; padding:0px 10px 0px;}
#nav_main ul li { font-weight:bold;list-style-type:disc;list-style-position:inside; margin-left:0px;}
#nav_main ul li ul li {font-weight:normal;list-style-type:circle;list-style-position:outside;margin-left:10px;}

/* Liens pour les abo */

.lien_abo a {padding:2px 5px; color:#fff; font-size:13px; margin-left:50px;background:#000; -moz-border-radius: 5px;}

.box_recherche_top{ 
    width: 170px;
    margin:0px auto 0px auto; 
/*    padding:10px 5px;*/
    -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; 
    background:#000; 
    color:#fff;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
}
.box_recherche { 
    width:180px; 
    margin:0px auto 10px auto; 
    padding:10px; 
    -moz-border-radius: 0px 0px 10px 10px ; -webkit-border-radius: 10px 10px 0px 0px; 
    background:#fff;
    border:2px solid #000; 
    text-align:left;
}

/* IE hack */
* html div.box_recherche_top { width:200px; }
* html div.box_recherche { width:200px; }



.box_nav_top{ 
    background:#a3a3a3; 
    -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; 
    width:170px;
    margin:0px auto 0px auto; 
/*    padding:10px 15px 10px 15px; */
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
/*    text-align:left;*/
}
.box_nav { background:#fff; width:200px; margin:0px auto 10px auto; -moz-border-radius: 0px 0px 10px 10px ; -webkit-border-radius: 10px 10px 0px 0px; text-align:left; padding:5px 0px;}
.box_nav ul {margin:0px; padding:10px; list-style-type:disc;list-style-position:inside; font-size:12px;}
.box_nav a {color:#000; text-decoration:none;}
.box_nav a:hover {text-decoration:underline;}
/* IE hack */
* html div.box_nav_top { width:200px;}


/* CORPS DE PAGE*/
#main {width:764px;background:#ef801b;}

.main_titre {
    width:764px;
    background:#fff;
}
.main_titre p {
    background : #ef801b;
    -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; 
    margin:0px;
    padding:5px 0px 5px 20px;
    text-transform:uppercase;
    font-weight:bold; 
    font-size:16px;
}

.main_titre p a {margin-right:10px; padding:2px 5px;color:#fff; font-size:13px; background:#000; -moz-border-radius: 5px; float:right;}


.main_titre_lien {float:right; margin:0px 10px 0px 0px;font-size:12px; color:#000; font-weight:bold;}
.main_titre_lien a { font-size:12px; color:#000; font-weight:bold; text-transform:none; text-decoration:underline;}
.main_bloc {
    background:#fff; 
    -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; 
    padding:10px;
}

div.main_bloc_article {-moz-border-radius: 10px 10px 10px 10px ; -webkit-border-radius: 10px 10px 10px 10px; border:1px solid #ef801b; margin:0px 5px 10px 5px; padding:10px 5px; font-size:14px;}
span.main_bloc_article_titre {font-weight:bold; line-height:0.9em; height:2em; display:block;}
.main_bloc_article_titre a {color:#000; font-size:11pt;}


.produit_visuels_top{ 
    background:#a3a3a3; 
    -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; 
    margin:10px 10px 0px 10px; 
    padding:5px 15px 5px 15px; 
    text-align:left;
    color:#000;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;   
}
div.produit_visuels { border:1px solid #a3a3a3; margin:0px 10px 0px 10px;  -moz-border-radius: 0px 0px 10px 10px ; -webkit-border-radius: 10px 10px 0px 0px;}

/* IE hack */
html div.main_titre { width:770px}
html div.main_titre p{ width:764px}
html div.main_bloc{ width:770px}

/* PANIER, etc */
.bloc_panier_top{ 
    margin:0px auto 0px auto; 
    padding:10px;
    -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; 
    background:#257323; 
    color:#fff;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
}
.bloc_panier { display:block; -moz-border-radius: 0px 0px 10px 10px ; -webkit-border-radius: 10px 10px 0px 0px;  border:2px solid #257323; color:#000; font-weight:bold; font-size:13px;}

#bt_valider, .bt_valider {display:block; width:200px; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:#ef801b; border:2px solid black; color:#000; font-weight:bold; font-size:13px; text-transform:uppercase;}
#bt_valider:hover, .bt_valider:hover {background:#000; color:#ef801b;}



/* BAS DE PAGE */
#bottom {background-color:#191919; width:100%; padding:0px 0px 30px 0px;}
#bottom span {padding:20px 20px;display:block;color:#fff; font-size:10px;}
#bottom div {color:#ef801b;}
#bottom a {color:#ef801b; font-weight:bold; text-transform:uppercase;}
#bottom a:hover {color:#fff;}



/*----------------------------*/
/* LYTEBOX
/*----------------------------*/
iframe {border:0px;}
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbDetailsContainer {   font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {    position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(playfactory/loading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(playfactory/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(playfactory/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(playfactory/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(playfactory/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(playfactory/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(playfactory/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(playfactory/pause_grey.png) no-repeat; }


/*----------------------------*/
/* NAVIG DEROULANTE
/*----------------------------*/
ul#css3menu {z-index:50; position:relative;}

ul#css3menu,ul#css3menu ul{margin:0;list-style:none;padding:0;background-color:#000000;}
ul#css3menu ul{display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#ef801b;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; border:1px solid black;}
ul#css3menu li:hover>*{display:block;}
ul#css3menu li:hover{position:relative;}
ul#css3menu ul ul{position:absolute;left:100%;top:0;}
ul#css3menu{ display:block;font-size:0;float:left; padding: 2px; border-bottom-right-radius: 10px 10px;}
ul#css3menu li{display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu li.topmenu,ul#css3menu li.topfirst {padding: 4px;}
ul#css3menu>li,ul#css3menu li{margin:0;}
ul#css3menu a:active, ul#css3menu a:focus{outline-style:none;}
ul#css3menu a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 13px Arial,sans-serif;color:#000000;text-transform:uppercase;cursor:pointer;padding:10px;background-color:#ef801b;}
ul#css3menu ul li{float:none;margin:0px 0 0;}
ul#css3menu ul a{text-align:left;padding:4px;background-color:#ef801b;background-image:none;border-width:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font:bold 11px Arial,sans-serif;color:#000;text-decoration:none;}
ul#css3menu li:hover>a{background-color:#000;font:bold 13px Arial,sans-serif;color:#ffffff;text-decoration:none;}
ul#css3menu img{border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu img.over{   display:none;}
ul#css3menu li:hover > a img.def{display:none;}
ul#css3menu li:hover > a img.over{display:inline;}
ul#css3menu span{   display:block;overflow:visible;padding-right:0px;}
ul#css3menu ul span{background-image:url("playfactory/arrowsub.png");padding-right:28px;}
ul#css3menu ul li:hover>a{background-color:#000;background-image:none;font:bold 11px Arial,sans-serif;color:#ffffff;text-decoration:none;}

ul#css3menu li.topfirst>a{  background-color:#000; color:#ffffff;height:10px;line-height:10px;border-radius:5px ;-moz-border-radius:5px ;-webkit-border-radius:5px; margin-right:2px;}
ul#css3menu li.topfirst:hover>a{line-height:10px;}  

ul#css3menu li.topfirst ul, ul#css3menu li.topfirst ul li a {background-color:#000; color:#fff;}    
ul#css3menu li.topfirst ul li a:hover {background-color:#ef801b; color:#fff;}   

    
ul#css3menu li.topmenu>a{height:10px;line-height:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
ul#css3menu li.topmenu:hover>a{line-height:10px;}

ul#css3menu li.toplast>a{height:10px;line-height:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
ul#css3menu li.toplast:hover>a{line-height:10px;}



a.menuheader:link, a.menuheader:visited {
    font-family: Arial, sans-serif;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

a.menuheader:hover {
    color: #ef801b;
}

span.main_bloc_article_titre {
    text-align: center;    
}

a:link, a:visited  {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #ae0006;
}

a:hover {
    color: #ef801b;
}

.breadcrumb a:visited, .breadcrumb a:active {
    color: #ae0006;     
}