/* Mise en forme de la page */
body {margin: 0px; background-color:#000000; background-image:url(images/bg.jpg); background-position:top; background-repeat:repeat-x;}
/* Menu fond noir Mise en forme */
#contenu { margin: 1em; }
#header {
margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:0px;
width:785px;
height:170px;
}
#menu {
margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:0px;
width: 785px;
height: 32px;
background-image:url(images/menu.gif);
vertical-align:middle;
text-align:center;
}
fieldset {
position : relative;
top : 1em;
padding : 0 0.5em 1em 0.5em;
background-color : #FFFFFF;
border: 1px solid #FFFFFF;
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;
}
/*Alignement du texte avec les affiches*/
div#affiche {
line-height: 1em;
}
div#affiche img, span {
vertical-align: top;
}
div#affiche span {
padding-left: 10px;
}
/*/////////*/
/* Contenu */
/*/////////*/
/* Image de fond du contenu */
#contenu {
color:#000; /* Couleur du trait : noir */
width: 870px; /* Largeur de l'image */
margin:0;
padding:0;
}
#texteTop{
margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px;
height:37px;
width:785px;
}
#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;
}
#boiteTexte{width: 530px; height: auto; padding: 0px 0px 0px 0px; margin-left: 20px; margin-right: 15px;}
#boiteMenuD{width: 204px; height: auto; margin: 0px 0px 0px 0px; padding-right: 0px;}
#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;
}
/* Mise en forme des textes */
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
color: #646464;
}
/* titre */
.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #1C7CD2;
font-weight: bold;
}
/* autre textes */
.rubrique {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-align:center;
color: #fff;
}
.rubrique2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-align:center;
color:#1C7CD2;
}
.textePetit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #646464;
}
/* Liens par défault */
a:link {color: #1955A3; text-decoration: underline;}
a:visited {color: #1955A3; text-decoration: underline;}
a:hover {color: #1955A3; 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: 11px; color: #6d728b; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #6d728b; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1c7cd2; text-decoration: none;}
/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule | ou tableau est non sur le texte*/
.menuBleu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #FFF; text-decoration: none;}
.menuBleu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #FFF; text-decoration: none;}
.menuBleu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #000; text-decoration: none;}
/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule | ou tableau est non sur le texte*/
.menuBlanc a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #1c7cd2; text-decoration: none;}
.menuBlanc a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #1c7cd2; text-decoration: none;}
.menuBlanc a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #000; text-decoration: none;}
/* Autres Code */
.photosPositionnementGAUCHE {float:left; margin-right: 20px; margin-top: 15px; margin-bottom: 15px;}
.tiret {border-bottom: dashed 1px; border-bottom-color: #1c7cd2;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; color: #1c7cd2;border: 1px solid #C2C5D9; background-color: #FFFFFF;}
.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #a8a8a6; margin: 0 0 0 0; padding: 0 0 0 12px; text-align:left;}
/* Appliquer ce style à la Td de l'élément du menu désiré */
.active{background-position:top center;
background-image:url(images/menuPageActiveBg.gif); background-repeat:no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1c7cd2; font-weight:bold; text-decoration: none;}
/*///////////////////////*/
/* Autres Codes */
/*///////////////////////*/
/* Mise en page des Cadres */
fieldset {
position : relative;
top : 1em;
padding : 0 0.5em 1em 0.5em;
background-color : #ECFFFF;
border: 1px solid #4475ce;
text-align: justify;
margin-right: 40px;
margin-left: 0px;
}
legend {
position : relative;
top : -1em;
padding : 0.4em;
}
/*Suppression du cadre autour des images-liens */
a img {
border:0;
}
/*Alignement du texte avec les affiches*/
div#affiche {
line-height: 1em;
}
div#affiche img, span {
vertical-align: top;
}
div#affiche span {
padding-left: 10px;
}
/*/////////*/
/* Contenu */
/*/////////*/
/* Image de fond du contenu */
#contenu {
color:#000; /* Couleur du trait : noir */
width: 785px; /* 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 3 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 3 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 3 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 3 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 3 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
/* ------------------------------------- */
/* LISTES DE LIENS */
/* ------------------------------------- */
.liste_liens li,.liste_liens2 li {
padding-left: 8px;
overflow: hidden;
}
.liste_liens li {
background: url(http://image.jeuxvideo.com/skin/sk_defaut/sk_img/puce_bleue_liste.gif) no-repeat left;
}
.sep {
background: url(http://image.jeuxvideo.com/skin/sk_defaut/sk_img/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
}
|