@charset "iso-8859-1";
@import url("www.css");

/* Mise en forme de la page */

body {
	background:url('/imgs/bg.gif') repeat;
	color:#888888;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:70%;
	padding:10px;
	margin:0;
	}

p { 
	margin:0; 
	padding:10px; 
	line-height: 20px;
	padding-left:5px; 
	font-size:90%;
}

.prixForfait {
	color: #990000;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
}

.textePetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.textePetitgris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1955A3;
	font-weight: bold;
}

h2 { 
	margin:5px auto 5px auto; 
	padding:0; 
	text-align:left; 
	font-size:100%; 
	font-weight:bold; 
	border-bottom:1px dashed #000000; 
	color:#000000; 
}

h5 {
	text-align:center; 
	margin:0; 
	color:#FF3300; 
	font-weight:bold; 
}

/* Liens par défault */
a{
	color: #c31529;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #b79b9e;
	font-weight: bold;
}

a.lien1{
	color: #1955a3;
	text-decoration: none;
	font-weight: bold;
}

a.lien1:hover {
	color: #b79b9e;
	font-weight: bold;
}


/* Liens pour menu 2 - Doir être appliqué sur la cellule est non sur le texte*/

.menu2 {height: 60px;}

.menu2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373737;
	font-weight:bold;
	text-decoration: none;
}

.menu2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373737;
	font-weight:bold;
	text-decoration: none;
}

.menu2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1955A3;
	font-weight:bold;
	text-decoration: none;
}

.menu2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1955A3;
	font-weight:bold;
	text-decoration: none;
}


/*///////////////////////*/
/*     Autres Codes      */
/*///////////////////////*/

/* Mise en page des Cadres */


/*Suppression du cadre autour des images-liens */
a img {	border:0;}
img.flag {margin:auto;}	
img.lst {float:left;}
hr {
  clear: both;
  visibility: hidden;
}

img {  
	margin:auto; 
	padding:auto; 
	}

/*Chargement d'une image*/
img.load
{
    background:url('/imgs/loader.gif') no-repeat center;
} 

	
/*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 des zones*/
/*//////////////////*/

/* Image de fond du header */
div#header {
	background-color:#FFFFFF;
	width:800px;
	height:auto;
	margin:auto;
	text-align:center;
	padding:10px;
	}

/* Image de fond du menuprez */
div#menuprez {
	background-color:#FFFFFF;
	width:800px;
	height:auto;
	margin:auto;
	text-align:center;
	padding:10px;
	}

/*Texte défilant */
#conteneur_defil { 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
	background-color:#FFFFFF;
	width:800px;
	height:auto;
	margin:auto;
	padding:10px;
}
#cadre_defil {
	position:relative; 
	width:auto; 
	border:1px solid #CCCCCC;
	background-color:#EAE1E2;
	height:20px; 
	overflow:hidden;
	}
#cadre_defil img{
	vertical-align: middle;
	border:0;
}
#defile { 
	position:absolute;
	padding-bottom: 2px;
	padding-top: 2px;
	width:auto;
}
#defile .liens {
	text-decoration:underline;
	color:#000000;
}
/*Fin Texte défilant */

/* Image de fond du contenu */
div#contenu {
	background-color:#FFFFFF;
	width:800px;
	height:auto;
	margin:auto;
	text-align:left;
	padding:10px;
	}

/* Image de fond du footer */
div#footer {
	background-color:#FFFFFF;
	width:800px;
	height:auto;
	margin:auto;
	text-align:center;
	padding:10px;
	}
	
#info {
	margin: 0;
	padding: 0 0 0 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: 745px; /* 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: 745px; /* 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: 745px; /* 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: 745px; /* Largeur de l'image */
	margin-left:4px; /* On fais une marge de 3 pixel à gauche pour éviter que le texte ne colle à la bordure */
}
.albums {
	width: 745px; /* 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;}

ul , li { 
	margin:0; 
	padding-bottom: 2px;
	padding-top: 2px; 
	list-style-type:none; 
}

p, ul{
	margin: 0;
	padding: 0;
}

div.clear {clear:both;}
	
div.barre {
	border:1px solid #CCCCCC;
	background-color:#EAE1E2;
	padding-top: 2px; 
	width:auto;
	height:20px;
	text-align:center;
}

.suite{
	background-color: transparent;
	background-image: url(/img/arrow_icon.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	padding-left: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}