@import "styles_layout.css";
@import "styles_global.css";
                                            
TD.livre  {font-family: Helvetica, Verdana; font-size: 13px; color: #FFFFFF}
A.erreur  {font-family: Helvetica, Verdana; font-size: 13px; color: #FFFFFF; font-weight: bold; background: #ED1015 }
A.titre   {font-family: Helvetica, Verdana; font-size: 13px; color: #FFFFFF; font-weight: bold;}
A.ok      {font-family: Helvetica, Verdana; font-size: 13px; color: #1C2D67; font-weight: bold;}
A.heure   {font-family: Helvetica, Verdana; font-size: 13px; color: #FFFFFF; font-weight: bold;}
A.date { font-family: Helvetica, Verdana; font-size: 13px; color: #0540FD; font-weight: bold; text-decoration: none }
  
.dont {display:none}
/* STRUCTURE */
/* OK */ #logo {float: left; width:176px;height:80; }
/* OK */ #banniere {float: left; text-align:center; width:625px; height:80; margin-left: auto; margin-right: auto;}
/* OK */ #shop {float: right; text-align:right; width:176px; height:80; margin-left: auto; margin-right: auto;}
/* OK */ #searchbox {float: right; width:150px; text-align:center; padding-top:5px;}
/* OK */ #boutonoutils {width:150px; padding:10 0; text-align:center;}
/* OK */ .trick {clear: both;}
/* OK */ .menubox {width:150px; padding-bottom:10px}
/* OK */ .menubox ul {padding:0; margin:0; spacing:0; list-style-type: none ;}
/* OK */  * html .menubox ul {margin-top:-2;}
/* OK */ .menubox li {border-bottom: solid 1px #444; border-left: solid 1px #444; border-right: solid 1px #444; padding: 2px; text-align:left;}
/* OK */  * html .menubox li {width:150px;}

/* OK */ #chemindefer {padding-top: 10px; padding-bottom:20px}
/* OK */ #contenu {min-height:550px; border:solid 1px #444; padding:5 10; background:#001; height: auto; _height: 550px; text-align:justify;}
/* OK */ #contenu2 {min-height:550px; border:solid 1px #444; padding:5 10; background:#001; height: auto; _height: 550px; text-align:justify;}

/* OK */ .sep {margin:6; text-align:center;} /* .:.:.:. */

/* Tableau admin */
/* OK */ .tab, .tab TD {border:solid 1px #666}

/* Page d'accueil */
/* OK */ .accueilcateg {font: italic bold 12px verdana; padding:4 0;}
/* OK */ .ligneseparatrice {width:50%; height:1px; text-align:center}

/* OK */ #social {float:left; padding: 5 10 10 5; text-align:center}
/* OK */ #socialright {float:right; padding: 5 5 10 10;}

/* Reviews*/
/* OK */ #acceuilreviews {}
/* OK */ #acceuilreviews .float {margin-top:8; float: left; }
/* OK */ #acceuilreviews .floatuk {margin-top:8; text-align: center;}
/* OK */ #acceuilreviews .float p {text-align: center;}

/* News */
/* OK */ #accueilnews {position:relative; left:0px; width:420px;} /* 440 */
/* OK */ #accueilnews .entete {background-color: #222; padding:2px; margin:8 0 2 0;}
/* OK */ #accueilnews .date {width:75px; font-style:italic; vertical-align:top; width:60px; }
/* OK */ #accueilnews .titre {width:325px; color:#DDD; font-weight:bold; text-align:justify; width:430; _width:370;}
/* OK */ #accueilnews .th {float:left; width:55px; border: 0px; padding: 0 5 5 0}
/* OK */ #accueilnews .corps {text-align:justify;}
/* OK */ #accueilnews .more {text-align:right; padding:10 0}
/* OK */ #accueilnews .all {padding-top:10}

/* Accueil part2 droite */
/* OK */ #accueilpart2droite {padding:0 5 0 15; width:195px;} /* 185 */
/* OK */ #accueilinterviews {padding: 0}
/* OK */ #accueilinterviewsmetal {padding: 8 0;}
/* OK */ #accueiltrailers {padding: 8 0}
/* OK */ #accueilvideos {padding: 8 0}
/* OK */ #accueiltrailers ul, #accueilforum ul, #accueilfiches ul, #accueilinterviewsmetal ul, #accueilinterviews ul {margin: 0; padding: 0 0 0 18 ; list-style-image: url("/img/puce_croix.gif");}
/* OK */ #accueiltrailers p, #accueilforum p, #accueilfiches p  {text-align:center}
/* OK */ #accueilforum {padding: 8 0}

/* OK */ .edito {padding-top:20px; text-align:justify;}

.bandeau {height:66px; vertical-align:top; text-align:center}
.bandeau td {text-align:center}    
.tablegauche {vertical-align:top;}
.tablecontenu {vertical-align:top; padding-left:10px; padding-right:10px}
.tabledroite {vertical-align:top;}
.basdepage {text-align:center;}
.basdepagepartner {text-align:center; margin-left: auto; margin-right: auto; background-color:#222; width:90%; margin-top:10px; margin-bottom:10px; padding: 3px; border:solid 1px #444;}

/* SEARCH */
/* OK */ .searchtext {padding-bottom:5px}
/* OK */ .searchform INPUT {background-color: #222; color:#DDD}

/* BOUTON D'ACTION HAUT DE PAGE */
/* OK */ .boutonoutils {width:50px;}

/* PAGE */
/* OK */ .titrepage {padding:10 0}
/* OK */ .titrepagecenter {text-align:center; padding: 10 0}
/* OK */ H1 {font: bold 16px verdana; color:#666; padding:10 0}
/* OK */ .outils {float:right;}
/* OK */ .topofpagelink {float:right; padding: 5px 0px}

/* NEWS */
/* OK */ .dspauteur {text-align:right; font-style:italic}
/* OK */ img.news {margin: 0 0 15 15; float : right; max-width:120px}
/* OK */ .source {padding-top: 20px; font-style:italic}
/* OK */ .thnewsarchives {width:30; border:0; float:left; padding: 5}
/* OK */ .newscorps {padding: 10 0 20 0; min-height:140; _height:140;}

/* DATABASE * /
/* OK */ .total {color:#F00}
/* OK */ .recherchetitre {font-weight: bold; font-style:italic; text-decoration:underline}
/* OK */ .lastfiches .title {font-weight: bold; padding:5 0 10 0}
/* OK */ .lastfiches ul, .recherche ul {margin: 0; padding: 0 0 0 18 ; list-style-image: url("/img/puce_croix.gif");}
/* OK */ .recherche .error {font-weight: bold; color:#F00}
/* OK */ .top10title {font-weight: bold; color:#F00; height:25px; text-align:center; padding-bottom:5px}
/* OK */ .top10hit {text-align:right; font: bold 10px verdana; color: #000;}
/* OK */ .top10 A:link, .top10 A:active, .top10 A:visited, .top10 A {font: 10px verdana; color: #000; text-decoration: none;}
/* OK */ .top10 A:hover {text-decoration: none; font-weight:bold}

/* FICHE FILM */
/* OK */ #onglets {height:14px;}
/* OK */ #onglets .on {border: solid 1px #444; border-bottom:solid 1px #001; padding: 2 4px; color:#BF420D; background:#001;}
/* OK */ #onglets .off {padding: 2 4px;}
/* OK */ .fiche {padding-top:5px}
/* OK */ .synopsis {text-align:justify}
/* OK */ .fiche TD.title {font-weight: bold; vertical-align:top}
/* OK */ .title {font-weight: bold; vertical-align:top;}
/* OK */ img.amazon {margin:5; float : right}

/* DATABASE DVD */
/* OK */ .dvdnote {margin:5; float : right;}

/* GALLERIE PHOTOS */
/* OK */ .gallery {padding-top:5px}
/* OK */ .gallery .intro {text-align:center}

/* REVIEWS */
/* Jumppage */
/* OK */ .linkpages {text-align:center; padding:5 0} /* utilisé aussi dans gorebook */
/* OK */ .nbcommentsjumpreviews {font:italic 9px verdana; color:#444}
/* Display */
/* OK */ img.reviews {margin:5; float : left}
/* OK */ .reviewsnotetop {padding : 10 0;}
/* OK */ .reviewsnotetop .film, .dvd {padding : 5 0;}
/* OK */ .reviewsnotetop .title {display:block;float:left; width:60px;}
/* OK */ .reviewsnotetop .title IMG {vertical-align:middle; padding-right: 10;}
/* OK */ .reviewsintro {padding-top:5px}
/* OK */ .reviewsintro .title {font-weight:bold; }
/* OK */ .reviewscateg {font: bold 12px verdana; padding:25 0 10 0;clear: both;}
/* OK */ .reviewphotos {padding : 10 0; text-align:center}
/* OK */ .reviewsnote {font: bold 10px verdana; text-align:right; padding:10 0}
/* OK */ .reviewsdvd IMG {float: left; padding: 0 5 5 5}

/* VIGNETTES */
/* OK */ .th_right {max-width:120px; float: right; border: 0; padding:5px; max-height: 120px; _width: 120px}
/* OK */ .th_left {max-width:120px; float: left; border: 0; padding:5px; max-height: 120px; _width: 120px}
/* OK */ .th {max-width:120px; border: 0px; padding:5px; _width: 120px}
/* OK */ .thgallery {max-width:110px; border: 0px; padding:5px; _width: 110px}
  
/* LOGIN */
/* OK */ .loginbox {border:solid 1px #444; background-color:#222; padding:3px; width:140px; margin-top:5px; margin-bottom:5px}
/* OK */ .loginwelcome {padding-bottom:5px; margin-bottom:25px}
/* OK */ .loginwelcomeguest {padding-bottom:5px;}
/* OK */ .logineditprofile {text-align:left;}
/* OK */ .loginviewprofile {text-align:left;}
/* OK */ .loginfriends {text-align:left;}
/* OK */ .logindeconnect {padding-top:5px;}
/* OK */ .loginerror {color : #F00;}
/* OK */ .loginpseudo {padding-top:5px; padding-bottom:5px;}
/* OK */ .loginpass {padding-top:5px; padding-bottom:5px;}
/* OK */ /*.loginconnexion {color : #666; font-weight:bold; padding-bottom:5px;}*/
/* OK */ .loginbt {padding-top:10px;}
             
/* PROFIL */
 /* Edition */
/* OK */ .profiltable {width:100%}
/* OK */ .profiltable TH {width:50%; border:solid 1px #666; font:normal 10px Verdana}
/* OK */ #profilfriends, .profilfriends {}
/* OK */ #profilfriends .float, .profilfriends .float {float: left; width:20%; text-align: center; height:100px;}
/* OK */ #profilfriends .float IMG, .profilfriends .float IMG {width:50px}
/* OK */ #profilfriends .float P, .profilfriends .float P {text-align: center;}
/* OK */ .profilomgarmy {text-align: center; padding: 10 0}
/* OK */ .profilfield INPUT, .profilfield SELECT {background-color: #222; color:#DDD}
/* OK */ .profileditcategory {font-weight:bold; font-style:italic}
/* OK */ .profilsubmitbt {text-align:center; padding-top:10px;}
 /* lecture */
/* OK */ .aboutmetitle {font:bold 12px Verdana; padding:10}
/* OK */ .aboutmetext {padding:10}

/* COMMENTAIRES */
/* OK */ .commentswarning {text-align:center; background:#400; font-weight:bold; padding:5 0; margin-top : 20px}
/* OK */ .commentserror {text-align:center; padding:5 0; color:#F00; font-weight:bold; } /* sert aussi pour validation news, gorebook */
/* OK */ .commentsintro IMG {width:50px;}
/* OK */ .comments {background:#222; padding: 5}
/* OK */ .commentsnb {float:right}
/* OK */ .commentstexte {padding:5 0}
/* OK */ .nocomment {text-align:center;}
/* OK */ #commentsform {}
/* OK */ #commentsform .intro {text-align:center; font-weight:bold; padding:10 0}
/* OK */ #commentsform TABLE {width:80%; background:#444; padding:5; margin-bottom:10}

/* FRIENDS Popup*/
/* OK */ .friends {text-align:center;}
/* OK */ .friendsclose {padding-top:10px; text-align:center;}

/* TRAILERS */
/* OK */ .trailerindex {text-align:center; padding: 0 0 10 0}
  
/* PARTENAIRES */
/* OK */ .banner {text-align:center;}

/* METAL INTERVIEWS */
/* OK */ IMG.metalitw, img.itw {vertical-align:middle; margin:5 10}
/* OK */ .metalitwdsplogo {text-align:center; padding: 10}

/* INTERVIEWS */
/* OK */ .itwintro {padding-bottom: 10}
/* OK */ .itwcorps {}
/* OK */ .itwlink {}

/* OK */ .questions {font: bold italic 10px verdana; color: #B52021; text-align:justify;}
/* OK */ .reponses {font: 10px verdana; text-align:justify; padding-bottom:10px}

/* PARTICIPATIONS */
/* OK */ .adminflag {float: left; padding: 0 5}
/* OK */ .addnewsexplications {font: italic 10px verdana; text-align: justify;}
/* OK */ .submitnews {text-align:center; padding: 10} /* utilisé aussi pour critiques */

/* ADMINISTRATION CSS */
/* Paramètres généraux de la page d'accueil */
/* OK */ .admin {font:12px Verdana; background-color:#000; color:#AAA}
/* OK */ .admin INPUT, .admin SELECT, .admin TEXTAREA {background-color:#000; color:#AAA}
.adminaccueiltitre {font-size:18px; font-weight:bold; text-align:center}
.adminaccueiltitrerub {font-size:12px;}
A.adminaccueillien, A.adminaccueillien:visited, A.adminaccueillien:active {
color:#FF0000; text-decoration:none; font-size:12px;}
A.adminaccueillien:hover {color:#AA0000; text-decoration:underline; font-size:12px;}
.adminrubtitre {font-size:18px; font-weight:bold; text-align:center}
.adminchamptitre {font-size:12px;}
.adminlegende {font-size:10px;}