/*  layout adaptation */
#footer { clear:both; margin:0; padding:3px; height:24px; vertical-align:middle; border-top:1px solid #666; background:#ddd url('/images/background/back_headfoot.gif') no-repeat 0 0 scroll; color:#333; font-weight:bold; text-align:center; }
#main   { position:relative; left:0; top:0; width:760px; margin:0 auto; padding:0; background:transparent url('/images/background/test.jpg') repeat-y top left scroll; color:#fff; text-align:center; }

/* media title*/
#media    { text-align:center; padding:40px 0 0 0; margin:0; background:transparent url('/images/background/media.jpg') 50% 0 no-repeat scroll; color:#000; }
#media h2 { display:none; }

#main h2.nothidden { display:block; position:relative; width:auto; height:20px; margin:0; padding:10px 5px; background:#666; border-bottom:1px solid #fc0; text-align:left; font-size:18px; text-decoration:underline; }
#main h2.nothidden span { position:absolute; right:10px; bottom:10px; }

#main div.submenu  { margin:0; padding:10px 5px; background:#666; border-bottom:1px solid #fc0; text-align:left; font-size:18px; text-decoration:underline; }
#main div.submenu ul      { clear:both; overflow:auto; width:99%; margin:0; padding:0; list-style:none; font-weight:bold; background:transparent; color:#333; }
#main div.submenu li      { float:left; padding:0 1em; background:transparent; color:#eee; }
#main div.submenu a       { background:transparent; color:#333; }
#main div.submenu a:hover { background:transparent; color:#999; }

/* media sub menu */
div.menu       { border:1px solid #fc0; border-left:none; border-right:none; background:#333; color:#fff; margin:5px 0; }
div.menu ul    { clear:both; overflow:auto; list-style:none; margin:0; padding:0; }
div.menu ul li { float:left; width:30%; padding:1%; text-align:center; }

/* media slideshow */
#image          { padding:3px; }
#image img      { border:1px solid #fff; }
div.object form { position:relative; margin:0 auto; padding:5px 5px 15px 5px; width:600px; height:420px; } 
#slideshowmenu  { padding:3px; }

/* goodies specific */
ul#liste        { overflow:auto; background:transparent; list-style:none; margin:0 auto; padding:0; width:98%; clear:both; }
ul#liste li     { background:transparent; float:left; width:30%; padding:1%; }
ul#liste li div { background:transparent; text-align:center; }
ul#liste img    { border:2px solid #fff; padding:2px; }

/*store specific*/
div#wheretobuy    { overflow:auto; background:transparent; list-style:none; margin:0 auto; padding:0; width:98%; clear:both; }
div#wheretobuy dl { background:transparent; float:left; width:29%; padding:1%; }
div#wheretobuy dt { margin:0; padding:0; text-align:left; }
div#wheretobuy dd { margin:0; padding:0; text-align:justify; }
div#wheretobuy dd pre { padding:0; border-bottom:1px dashed #ccc; font-size:small; }
div#wheretobuy dd p { padding:0; }

/* contact specific */
#contact         { width:580px; margin:0 auto; padding:2px; border:1px solid #fc0; border-top:none; border-bottom:none; background:#333; color:#fc0; text-align:justify; }
#contact p       { overflow:auto; width:100%; clear:both; }
#contact div.casual p label { display:block; float:left; width:30%; padding:2px; text-align:right; }
#contact div.casual p span  { display:block; float:left; width:60%; padding:2px; text-align:left; }
#contact select,
#contact textarea,
#contact input     { border:1px solid #fc0; background:#666; color:#fc0; }
#contact em { font-weight:normal; font-style:normal; }
#contact textarea { width:360px; height:100px; }
#contact ol { background:transparent; color:#fff; }
#contact ol a { background:transparent; color:#999; text-decoration:none; }
#contact ol a.show,
#contact ol a.showvideo { background:transparent; color:#fc0; text-decoration:underline; }

/*  mailbox specific */
#contact div.mail           { width:550px; margin:2px auto; padding:0; border:1px solid #fff; }
#contact div.mail div       { padding:3px; background:#fff; color:#000; text-align:justify; }
#contact div.mail div.choix { background:#aaa; color:#000; }
#contact div.mail p         { clear:both; width:100%; overflow:hidden; text-align:justify; margin:0; padding:0; background:#999; color:#333; }
#contact div.mail p em      { display:block; float:left; width:20%; padding:0 .5%; text-align:right; }
#contact div.mail p strong  { display:block; float:left; width:76%; padding:0 .5%; text-align:left;  }
#contact input.inputRadio   { border:none; background:transparent; color:#000; }
#contact div.recap          { padding:3px; text-align:justify; }
#contact div.recap ul       { margin:2px 0; padding:0; list-style:none; }
#contact div.recap ul li    { padding:2px 0; }
