* { font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif }
body, html { margin:0; padding:0; background:#000000; width:100%; height:100%; }
h1, h2, h3, h4 { display:none; }
ul, li { margin:0; padding:0; list-style-type:none; }
.cb { clear:both; }
a img { border:0; }


.top { width:100%; height:3%; }
.main { width:996px; height:600px; margin:auto; }
.error { color:#FF0000; }

.main .menu li { float:left; color:#999999; }
.main .menu li.item {  margin-right:5px; }
.main .menu li.item a { font-style:italic; text-decoration:none; color:#999999; font-size:0.8em;  }
.main .menu li.item a:hover { color:#FFFFFF; }
.main .menu li.item.active a { color:#FFFFFF; }
.main .menu .logo { float:right; margin:0; }
.main .menu .logo a { background:url(logo.png) no-repeat; width:284px; height:31px; display:block; float:left; }
.main .menu .logo span { display:none; }
.main .menu .menucad { font-size:0.9em; font-weight:bold; color:#FFFFFF; margin-left:25px; }
.main .menu .menucad .picto { float:left; width:26px; height:20px; margin-right:5px; }
.main .menu .menucad .montant { float:left; padding-top:3px; }
.main .menu .menucad .montant a { color:#FFFFFF; }

.logoaccueil { width:300px; margin:auto; text-align:center; padding-top:220px; color:#FFFFFF; font-style:italic; }

.photos { margin-top:3%; }
.photos .liste { }
.photos .liste #photoliste { margin-left:148px; height:510px; overflow:hidden; padding:0; }
.photos .liste #photoliste .item { float:left; height:510px; width:700px; text-align:center; line-height:900px; vertical-align:middle; }
.photos .liste #photoliste .item p { color:#999999; }
.photos .liste #photoliste .legende { position:relative; height:510px; float:left; width:148px; color:#999999; }
.photos .liste #photoliste .texte { position:absolute; top:250px; text-align:center; width:100%; }
.photos .liste #photoliste .texte a { color:#999999; text-decoration:none; font-size:0.8em; }
.photos .liste #photoliste .info { position:absolute; top:300px; font-size:0.8em; text-align:center; width:100%;  }
.photos .liste .navigation { text-align:center; margin-top:20px; }
.photos .liste .navigation #next { margin-left:5px; }
.photos .liste .navigation #prev { margin-right:5px; }

.infos { margin-top:3%; height:500px; }
.infos .navigation { width:150px; float:left; height:500px; padding-top:95px; }
.infos .navigation div { margin-bottom:10px; }
.infos .navigation, .infos a { color:#999999; text-decoration:none; font-size:0.9em; } 
.infos .navigation, .infos a.active { color:#FFFFFF; }
.infos .items { width:800px; float:right; height:500px; color:#999999; font-size:0.8em; overflow:hidden; }
.infos .items .doc { float:left; margin:15px; text-align:center; width:200px; }
.infos .scroll { float:left; width:20px; padding-top:145px; }
.infos .scroll .prev, .infos .scroll .next{ cursor:pointer; display:none; }

.shop { margin-top:3%; }
.shop .leftcol { float:left; width:490px; color:#999999; font-size:0.8em; }
.shop .rightcol { float:right; position:relative; width:490px; height:515px; }
.shop .rightcol .navigation { float:left; width:20px; padding-top:225px; }
.shop .rightcol .photos { float:right; width:415px; height:485px; background:#00000; padding:15px; overflow:hidden; -moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); }
.shop .rightcol .items { position:absolute; width:415px; height:480px; overflow:hidden; left:67px; top:32px; }
.shop .rightcol .items a { float:left; margin:0 10px 10px 0; }
.shop .rightcol .navigation .prev, .shop .rightcol .navigation .next{ cursor:pointer; display:none; }

.panier .titre { font-size:0.7em; font-weight:bold; border-bottom:1px solid #000000; margin-bottom:5px; padding-bottom:5px; text-align:left; }
.panier .legende { font-size:0.8em; font-weight:bold; border-bottom:1px solid #000000; margin-bottom:5px; padding-bottom:5px; }
.panier .colonne { float:left; width:125px; text-align:center; }  
.panier .prixtotal { font-size:0.7em; font-weight:bold; border-top:1px solid #000000; margin-top:5px; padding-top:5px; text-align:right; }

.copyright { position:absolute; height:25px; width:220px; bottom:0px; color:#999999; font-size:0.7em;}
.copyright.photo { left:5px; text-align:left; }
.copyright.music { right:5px; text-align:right; }