* { 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 { position:relative; 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; }
.moreInfoData { position:absolute; margin-top:6%; z-index:1000; top:0px; left:0px; width:996px; height:515px; background:black; display:none; }
.moreInfoData .text { color:#999999; font-size:0.8em; width:47%; }
.moreInfoData .text a { color:#008a0d; font-weight:bold; }
.moreInfoData .text.left { float:left; }
.moreInfoData .text.right { float:right; }

.photos { margin-top:3%; }
.photos .moreInfo { width:181px; height:510px; float:left; position:relative; }
.photos .moreInfo .logo { position:absolute; top:0px; width:181px; height:87px; }
.photos .moreInfo .credit { position:absolute; width:181px; bottom:-5px; text-align:center; color:#999999; font-size:0.7em; }

.photos .liste #photoliste { float:left; width:815px; height:510px; overflow:hidden; padding:0; }
.photos .liste #photoliste .item { float:left; height:510px; width:554px; 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:248px; 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 .legende .info { position:absolute; bottom:100px; font-size:0.8em; text-align:center; width:100%; }

.main .navigation { position:absolute; right:97px; bottom:24px; z-index:500; }
.main .navigation #next { margin-left:15px; }
.main .navigation #prev { margin-right:15px; }

.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; }