@charset "iso-8859-1";
/* Mise en forme du body */
body { background-color:#323232; background-image:url(../images/bg.gif); background-position: top; background-repeat: repeat-x; margin: 0px 0px 0px 0px;}
/* ID(#) - Mise en forme de la page en DIV - */
#header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:170px; width: 845px; background-image:url(../images/header.png); padding: 0px 0px 0px 0px; margin-top: 22px;}
#menu { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 50px; width: 630px; background-image:url(../images/bgMenuH.jpg); padding-left: 107px; padding-right: 108px;}
#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height: 27px; width: 845px; background-image:url(../images/sheader.gif); padding: 0px 0px 0px 0px;}
#contenuBg { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 845px; background-image:url(../images/contenuBg.gif); background-repeat: repeat-y; padding: 0px 0px 0px 0px; }
#boiteMenuC{ float: left; width: 159x; height: auto; padding-left: 155px; }
#boiteMenuG{ float: left; width: 159x; height: auto; padding-left: 25px; }
#boiteMenuG a:link { color: #ffffff; text-decoration: none; }
#boiteMenuG a:visited { color: #ffffff; text-decoration: none; }
#boiteMenuG a:hover { color: #ffffff; text-decoration: underline; }
#boiteTexte{ float: left; width: 415px; height: auto; margin-left: 27px; margin-right: 35px; }
#boiteMenuD{ float: left; width: 159px; height: auto; padding-right: 25px; }
#boiteMenuD a:link { color: #ffffff; text-decoration: none; }
#boiteMenuD a:visited { color: #ffffff; text-decoration: none; }
#boiteMenuD a:hover { color: #ffffff; text-decoration: underline; }
#footer {
margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 55px; width: 845px; background-image:url(../images/footer.jpg); background-repeat: no-repeat; text-align:center; background-color: #fff;
}
.spacer {
clear: both;
}
#texteBg{
margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;
height: auto;
width: 785px;
background-image: url(../images/texteBG.gif);
padding-bottom: 20px;
padding-top: 1px;
}
#texteBas {
margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px;
height: 43px;
width: 785px;
text-align: center;
background-image: url(../images/texteBas.gif);
background-repeat: no-repeat;
}
/* fin */
/* Image de fond du contenu */
#contenu {
color: #000; /* Couleur du trait : noir */
width: 800px; /* Largeur de l'image */
margin: 0;
padding: 0;
}
/* Information sur le contenu */
.cont {
color: #000; /* Couleur du trait : noir */
text-align: left; /* On place le texte à gauche */
text-align: justify; /* On justifie le texte */
margin: 5px 140px; /* On fais une marge de 150 pixel à droite pour éviter que le texte ne colle à la bordure */
padding: 0;
}
/* Mise en page des puces */
.cont li {
list-style-type : disc; /* On utilise des cercles noirs pleins */
margin-left : 70px; /* On fais une marge de 50 pixel à droite pour éviter que le texte ne colle à la bordure et aussi pour décaler le texte des puces par rapport au texte normal */
margin-right : 10px; /* On fais une marge de 100 pixel à droite pour éviter que le texte ne colle à la bordure */
padding-right : 10px !important; /* Corrige un problème sur les listes */
padding-right : 0; /* Cette ligne corrige un bug de IE */
}
.cont a {
font-weight : bold; /* On met en gras */
}
.cont a:hover {
color : #00CCFF;
}
.logiciels {
width : 725px; /* Largeur de l'image */
margin-left : 4px; /* On fais une marge de 4 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.films {
width : 725px; /* Largeur de l'image */
margin-left : 4px; /* On fais une marge de 4 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.series {
width : 725px; /* Largeur de l'image */
margin-left : 4px; /* On fais une marge de 4 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.jeux {
width : 720px; /* Largeur de l'image */
margin-left : 9px; /* On fais une marge de 9 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.albums {
width : 725px; /* Largeur de l'image */
margin-left : 4px; /* On fais une marge de 4 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.fieldset {
position : relative;
top : 1em;
padding : 0 0.5em 1em 0.5em;
background-color : #D8DAD7;
border : 1px solid #4475ce;
text-align : justify;
margin-right : 10px;
margin-left : 10px;
}
legend {
position : relative;
top : -1em;
padding : 0.4em;
}
/*Suppression du cadre autour des images-liens */
a img {
border:0;
}
/* ------------------------------------- */
/* LISTES DE LIENS */
/* ------------------------------------- */
.liste_liens li,.liste_liens2 li {
padding-left: 8px;
overflow: hidden;
}
.liste_liens li {
background: url(../images/puce_liste_bleue.gif) no-repeat left;
}
.sep {
background: url(../images/sep_bleue.gif) repeat-x center;
}
ul {
list-style-type: none;
}
p, ul{
margin: 0;
padding: 0;
}
#info{
margin: 0;
padding: 0 0 0 0;
}
dl.hidebox {
border-right: #d8d8d8 1px solid; padding-right: 3px; border-top: #d8d8d8 1px solid; padding-left: 3px; font-size: 1em; padding-bottom: 3px; border-left: #d8d8d8 1px solid; padding-top: 3px; border-bottom: #d8d8d8 1px solid; background-color: #ffffff;
}
dl.hidebox dt {
display: block; font-weight: bold; font-size: 0.8em; margin-bottom: 3px; text-transform: uppercase; border-bottom: #cccccc 1px solid;
}
dt.unhide {
COLOR: #339900;
}
.n_Forum {
background-position : top center;
background-image : url(../images/bouton1.gif);
background-repeat : no-repeat;
width : 159px;
height : 24px;
margin-left : 3px;
text-indent : 90px;
}
/* CLASS - Mise en forme des textes */
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display:inline; list-style-type: none; }
/* code pour les news page acceuil information */
.n_titre { background-image:url(../images/b_n_titre.png); background-repeat:no-repeat; height: 5px; width: 187px; height: 19px; margin-left: 3px; text-indent: 25px; }
.n_titre2 { background-image:url(../images/b_n_titre1.png); background-repeat:no-repeat; height: 5px; width: 187px; height: 19px; margin-left:3px; text-indent: 25px; }
.new { width: 550px; margin-left: 3px; text-indent: 5px; }
.newh { background-image:url(../images/new_h.png); background-repeat:no-repeat; height: 5px; }
.newc { background-image:url(../images/new.png); background-repeat:repeat; }
.newb { background-image:url(../images/new_b.png); background-repeat:no-repeat;height: 5px; }
/* Titre */
.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #2e82e0; font-weight: bold;}
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}
/* Autre textes */
.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textepetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f;}
.bouton {background-image:url(../images/bouton.gif); background-repeat:no-repeat; height:19px; width: 129px; margin: 0px 0px 10px 0px; color: #fff; font-size: 10px; padding-left: 30px; padding-top: 5px; font-weight: bold;}
.elementMenu {background-color: #000; background: url(../images/bgMenuG.gif) no-repeat; height: 20px; width: 129px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
h4.manga {
background:transparent url(http://www.manga-news.com/tpl/default/img2/bg-green.png) repeat-x;
}
h4.dvd {
width: 720px;
margin-left:9px;
background:transparent url(http://www.manga-news.com/tpl/default/img2/bg-pink.png) repeat-x;
}
/* Liens par défault */
a:link {color: #2e82e0; text-decoration: underline;}
a:visited {color: #2e82e0; text-decoration: underline;}
a:hover {color: #2e82e0; text-decoration: none;}
/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule | ou tableau est non sur le texte*/
.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #76c3ff; text-decoration: none; text-align:center;}
#menuPadding {
padding-top: 15px; margin: 0px 0px 0px 0px; vertical-align:top;
}
.menuSeparateur {
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(../images/separateurH.gif) no-repeat; width: 2px;
}
/* Appliquer ce style à la Td de l'élément du menu désiré */
.active {
background-position: top center;
background-image: url(../images/boutonActif.gif);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 15px;
font-size: 11px;
color: #1c7cd2;
font-weight: bold;
text-decoration: none;
}
/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule | ou tableau ou DIV est non sur le texte*/
.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}
.photosPositionnementGAUCHE { background-position : top center; margin-right: 20px; margin-top: 15px; margin-bottom: 15px; }
/* A appliquer a form */
.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:17px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #dddddd; border: 1px solid #929292; background-color: #00B3B3; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#dddddd; font-weight:normal; margin: 0px 0px 0px 0px;}
|