/* -------------------- Code définition de l'état général de la page -------------------- */
/******** tous les codes sur : http://fr.selfhtml.org/css/proprietes/police.htm **********/

body {
margin: 0px 0; /* Tout objet dans la page sera mis au bord de la page */
padding: 0; /* Aucun espacement entre celule */
background-color: #ffffff; /*  Couleur de fond */
behavior:url("htc/csshover.htc"); /* POur éviter des bugs sous ie */
}

div#global_fond {/* Code permettant la création globale de la zone d'affichage voulu */
position: absolute;
left: 50%; /* Permet de centrer l'affichage */
width: 1263px; /* 1263 ou 1463 La largeur de la zone doit etre précisé (obligatoire pour être centré) */
height: 1490px; /* " hauteur "    "    "    "    "    "   (obligatoire pour être centré) */
margin-left: -631.5px; /* 631.5 ou 731.5 "    "    "    "    "    "    "    "    "    (moitié de la largeur) */
padding: 0;
font-family: Verdana,Arial,sans-sherif;
font-size: 10pt;
/*background: url(../images/graphique/fond_page/fond_page_mkwii.jpg) no-repeat left top; --- Noté dans le template --- */
border: 0px solid #333; /* Taille / Aspect / Couleur de la bordure */
}

div#global {/* Code permettant la création globale de la zone d'affichage voulu */
position: absolute;
left: 50%; /* Permet de centrer l'affichage */
width: 950px; /* 950px La largeur de la zone doit etre précisé (obligatoire pour être centré) */
height: 1490px; /* 1480 " hauteur "    "    "    "    "    "   (obligatoire pour être centré) */
margin-left: -475px; /* 475px "    "    "    "    "    "    "    "    "    (moitié de la largeur) */
padding: 0;
top: 115px;
font-family: Verdana,Arial,sans-sherif;
font-size: 10pt;
background-color: #ffffff; /*  Couleur de fond */
border: 0px solid #333; /* Taille / Aspect / Couleur de la bordure */
}

/* ------------------ STYLE POUR LA PARTIE HEADER ------------------- */

h1#header { /* Code permettant l'affichage de l'entete en haut de page - NORMALEMENT DESORMAIS INUTILE !! */
position: absolute;
width: 724px;
height: 64px;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
}

h1#logo_cliquable { /* Zone cliquable sur le logo pour revenir à l'accueil */
position: absolute;
width: 280px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 85px;
left: 160px;
top: 0px;
border: 0px solid #000; 
}

h1#logo_cliquable_newsletter { /* Zone cliquable sur le logo pour revenir à l'accueil */
position: absolute;
width: 280px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 85px;
left: 320px;
top: 0px;
border: 0px solid #000; 
}

h1#logo_cliquable_moncompte { /* Zone cliquable sur le logo pour revenir à l'accueil */
position: absolute;
width: 80px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 50px;
left: 934px;
top: 17px;
border: 0px solid #000; 
}

h1#logo_cliquable_monpanier { /* Zone cliquable sur le logo pour revenir à l'accueil */
position: absolute;
width: 80px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 50px;
left: 1016px;
top: 17px;
border: 0px solid #000; 
}

/* ------------------ STYLE POUR LA RECHERCHE ------------------- */

ul#recherche {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 4em; /* positionnement du menu, que vous pouvez changer à loisir */
left: 3em;
width: 100%; /* précision pour Opera */
}

li#recherche1 {       /* définition de chaque bouton du menu */
width: 140px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 22px;
float: left;
display: block;
text-align: center;
border: 0px solid #000; 
text-decoration: none;
color: #000;
background: url(../images/graphique/recherche/rechercher+Loupe.gif) no-repeat left top;
}

li#recherche2 {       /* définition de chaque bouton du menu */
width: 300px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 22px;
float: left;
display: block;
text-align: center;
border: 0px solid #000; 
text-decoration: none;
color: #000;
}

li#recherche3 {       /* définition de chaque bouton du menu */
width: 140px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 22px;
float: left;
display: block;
text-align: center;
border: 0px solid #000; 
text-decoration: none;
color: #000;
}

li#recherche4 {       /* définition de chaque bouton du menu */
width: 40px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 22px;
float: left;
display: block;
text-align: center;
border: 0px solid #000; 
text-decoration: none;
color: #000;
/* background: url(../images/graphique/recherche/bouton_ok.gif) no-repeat center top; */
}

li#recherche5 {       /* définition de chaque bouton du menu */
width: 260px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 22px;
float: left;
display: block;
text-align: right;
border: 0px solid #000; 
text-decoration: none;
color: #000;
background: url(../images/graphique/recherche/recherche_avancee_grisee.gif) no-repeat center top;
}

/* ------------------ STYLE PHRASE ------------------- */

ul#phrase {
position: absolute;
list-style-type: none;
margin:0;
padding:0;
top: 8em; /* positionnement du menu, que vous pouvez changer à loisir */
left: 0em;
width: 100%; /* précision pour Opera */
color:#434343;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 9pt;
text-align: center;
border: 0px solid #000; 
}

/* ------------------ STYLE MENU DEROULANT ------------------- */

.couleur1_option {       /* définition de chaque bouton du menu */
color:#0033cc;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 8pt;
}

option {       /* définition de chaque bouton du menu */
color:#333333;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 9pt;
}

/*
.link_menu a:link {
color: #ffffff;
text-decoration: none;
}
.link_menu a:visited {
color: #ffffff;
text-decoration: none;
}
.link_menu a:hover {
color: #ffffff;
text-decoration: underline;
}
*/

/*background-image:url(aqua.jpg);*/


/* --------------------- STYLE POUR LA PARTIE CENTRALE ---------------------- */

h1#centre_chemin{ /* Position du chemin */
position: absolute;
width: 582px;
height: 30px;
top: 150px;
left: 180px;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight: bold;
font-variant: normal;
text-align: left;
border: 0px solid #333;
}

div#centre_affichage{ /* Contenu des actualités */
position:absolute;
width: 583px;
height: 1150px;
top:174px;
left:183px;
padding:0;
margin:0;
border:0px solid #999999;
}

/* Partie centrale de MON COMPTE */

h1#image_entete_moncompte{
position:absolute;
width: 584px;
height: 93px;
top:7px;
left:5px;
padding:0;
margin:0;
background: url(../images/graphique/entete/entete_moncompte.jpg) no-repeat left top;
}

div#cadre_detail_moncompte{ /* Cadre qui s'affiche en dessous des boutons Mes Coordonnées et Mes commandes */
position:absolute;
width: 584px;
height: 1000px;
top:170px;
left:6px;
padding:0;
margin:0;
border:0px solid #999999;
}

h1#image_mescoordonnees{ /* Bouton Mes Coordonnées */
position:absolute;
top:120px;
left:80px;
padding:0;
margin:0;
}

h1#image_mescommandes{ /* Bouton Mes Commandes */
position:absolute;
top:120px;
left:320px;
padding:0;
margin:0;
}

p#moncompte_nonconnecte{ /* Affichage du texte demandant de se connecter */
position:absolute;
width: 200px;
height: 25px;
top:120px;
left:200px;
padding:0;
margin:0;
border: 0px solid #333;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 9pt;
}

/* Fin de la partie MON COMPTE */

/* ------------------ STYLE POUR LA PARTIE MENU DE DROITE ------------------- */

h1#droite_connect_login{ /* Position du cadre de connexion et infos panier */
position: absolute;
width: 133px;
height: 155px;
top: 165px;
left: 790px;
background: url(../images/graphique/menu/menu_droite_login.gif) no-repeat left top;
margin: 0;
padding: 0;
border: 0px solid #333;
}

div#droite_login_contenu{ /* Contenu du cadre login */
position: absolute;
width: 113px;
height: 106px;
top: 193px;
left: 800px;
margin: 0;
padding: 0;
border: 0px solid #333;
}

h1#droite_reparationcd{ /* Position du logo spplus */
position: absolute;
width: 133px;
height: 161px;
top: 314px;
left: 790px;
background: url(../images/graphique/menu/menu_droite_reparationcd.gif) no-repeat left top;
margin: 0;
padding: 0;
border: 0px solid #333;
}

h1#droite_spplus{ /* Position du logo spplus */
position: absolute;
width: 133px;
height: 155px;
top: 481px;
left: 790px;
background: url(../images/graphique/menu/menu_droite_paiement.gif) no-repeat left top;
margin: 0;
padding: 0;
border: 0px solid #333;
}

h1#droite_telephone{ /* Position du numéro de téléphone */
position: absolute;
width: 135px;
height: 155px;
top: 643px;
left: 790px;
background: url(../images/graphique/menu/menu_droite_telephone.gif) no-repeat left top;
margin: 0;
padding: 0;
}

h1#droite_fraisdeport{ /* Position du numéro de téléphone */
position: absolute;
width: 135px;
height: 158px;
top: 804px;
left: 790px;
background: url(../images/graphique/menu/menu_droite_fraisdeport.gif) no-repeat left top;
margin: 0;
padding: 0;
}

h1#droite_engagement{ /* Position du numéro de téléphone */
position: absolute;
width: 135px;
height: 216px;
top: 968px;
left: 790px;
background: url(../images/graphique/menu/menu_droite_engagement.gif) no-repeat left top;
margin: 0;
padding: 0;
}

h1#droite_forum{ /* Position du numéro de téléphone */
position: absolute;
width: 135px;
height: 155px;
top: 1191px;
left: 790px;
background: url(../images/graphique/menu/menu_droite_forum.gif) no-repeat left top;
margin: 0;
padding: 0;
}

/* ------------------ STYLE POUR LA PARTIE FOOTER ------------------- */

h1#footer_barre{ /* Top: 1180 Position de la barre footer => N'EST PLUS UTILISE - remplacer par le menu_haut */
position: absolute;
width: 700px;
height: 23px;
top: 1390px;
left: 115px;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 9pt;
border: 0px solid #333;
}

h1#menu_haut{ /* Position du menu */
position: absolute;
width: 950px;
height: 21px;
top: 1350px; /* 113 */
left: 0px;
background-color: #000000; /*  Couleur de fond */
margin: 0;
padding: 0;
color:#ffffff;
font-family: Verdana,Arial,sans-sherif;
font-size: 10pt;
}

h1#footer_banniere{ /* top: 1205 Position de la banniere footer */
position: absolute;
width: 468px;
height: 60px;
top: 1377px;
left: 241px;
background: url(../images/bannieres/banniere_playergames.jpg) no-repeat left top;
margin: 0;
padding: 0;
}

h1#footer_log-in{ /* top: 1205 Position du logo en bas à gauche */
position: absolute;
width: 53px;
height: 60px;
top: 1377px;
left: 50px;
background: url(../images/logos/logo_log-in.jpg) no-repeat left top;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight: normal;
font-variant: normal;
text-align: center;
}

h1#footer_copyright{ /* top: 1270 Position du copyright */
position: absolute;
width: 468px;
height: 30px;
top: 1430px;
left: 241px;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight: normal;
font-variant: normal;
text-align: center;
}

h1#footer_wiroo{ /* top: 1205 Position du logo en bas à droite */
position: absolute;
width: 134px;
height: 65px;
top: 1377px;
left: 780px;
background: url(../images/logos/logo_wiroo.gif) no-repeat left top;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight: normal;
font-variant: normal;
text-align: center;
}

/* ------------------ STYLE GENERIQUE ------------------- */

.p {
font-size: 7pt;
}

p img {
vertical-align: middle;

}

.affichage_txt{ /* Format d'affichage du texte ans les tableaux */
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 8pt;
}

.Texte{ /* Format d'affichage du texte dans les tableaux */
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 9pt;
}

.affichage_txt_tab{ /* Format d'affichage du texte ans les tableaux */
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 10pt;
}

.texte_err{ /* Format d'affichage du texte ans les tableaux */
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 10pt;
color: #cc0000;
}

table{ /* Format d'affichage du texte dans les tableaux */
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 10pt;
}

a:link{ /* Format d'affichage des liens par défault #3333FF */
color: #000000;
text-decoration: none;
font-size:11px;
}

a:visited{ /* Format d'affichage des liens par défault */
color: #000000;
text-decoration: none;
font-size:11px;
}

a:hover{ /* Format d'affichage des liens par défault */
color: #000000;
text-decoration: none;
font-size:11px;
}

a:active{ /* Format d'affichage des liens par défault */
color: #000000;
text-decoration: none;
font-size:11px;
}

.bordure{ /* Bordure noire */
border: 1px solid #000;
}

/* ------------------------------- STYLE POUR LES LIENS SPECIFIQUES ------------------------ */

.link a:link { /* gris clair #898888 */
color: #898888;
text-decoration: none;
}
.link a:visited {
color: #898888;
text-decoration: none;
}
.link a:hover { /* rouge grenat #cc0000 */
color: #cc0000;
text-decoration: none;
}
.link a:active {
color: #898888;
text-decoration: none;
}
.link_page a:link { /* Liens pour page précedente, suivante et numérotation  */
color: #3F3E3E;
text-decoration: none;
font-size:10px;
}
.link_page a:visited {
color: #3F3E3E;
text-decoration: none;
font-size:10px;
}
.link_page a:hover { /* rouge grenat #cc0000 */
color: #cc0000;
text-decoration: none;
font-size:10px;
}

.link_chemin a:link {
color: #000000;
text-decoration: none;
}
.link_chemin a:visited {
color: #000000;
text-decoration: none;
}
.link_chemin a:hover {
color: #000000;
text-decoration: underline;
}
.link_chemin a:active {
color: #000000;
text-decoration: none;
font-size:11px;
}
.link_menu a:link {
color: #ffffff;
text-decoration: none;
font-size:10px;
}
.link_menu a:visited {
color: #ffffff;
text-decoration: none;
font-size:10px;
}
.link_menu a:hover {
color: #ffffff;
text-decoration: underline;
font-size:10px;
}
.link_menu_compte a:link {
color: #ffffff;
text-decoration: none;
font-size:10px;
font-weight: bold;
}
.link_menu_compte a:visited {
color: #ffffff;
text-decoration: none;
font-size:10px;
font-weight: bold;
}
.link_menu_compte a:hover {
color: #ffffff;
text-decoration: underline;
font-size:10px;
font-weight: bold;
}
.link_menu a:active {
color: #ffffff;
text-decoration: none;
}

.link_footer a:link {
color: #cc0000;
text-decoration: none;
}
.link_footer a:visited {
color: #cc0000;
text-decoration: none;
}
.link_footer a:hover {
color: #cc0000;
text-decoration: underline;
}

.link_alphabet a:link { /* rouge grenat - Pour affichage de la lettre sur laquelle on est */
color: #cc0000;
text-decoration: none;
}
.link_alphabet a:visited {
color: #cc0000;
text-decoration: none;
}
.link_alphabet a:hover {
color: #cc0000;
text-decoration: underline;
}
.link_alphabet a:active {
color: #cc0000;
text-decoration: none;
}


/* Configuration des Liens du menu */

.liens_menu{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
font-weight: bold;
text-align: left;
color: #ffffff;
}

.liens_titre_menu1{
font-weight: bold;
color: #ffffff;
}

.liens_sous_menu{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight: normal;
text-align: left;
}

.liens_news{
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "Lucida Grande";
font-size: 9pt;
color: #FFFFFF;
}

h1#bouton_menu{ /*Affichage du rond rouge devant les liens du menu */
position:absolute;
width:10px;
height:10px;
line-height: 1;
left: -15px;
padding-left: 0px;
padding-top: 3px; /* Marge d'alignement haut d'une image */ 
margin:0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight: bold;
text-align: left;
}

.Texte_Gras{
font-weight: bold;
}

/* ------------------------  Affichage du textarea avec limiteur de caractères --------------------*/

/* test */
textarea.limiter 
{ 
	width: 350px; 
	height: 60px;
	font-size: 10px; 
	font-family: Verdana, sans-serif; 
	font-size: 11px;
} 

/* style pour la case de décompte de caractères possible à saisir */ 
div.decompte 
{ 
	width: 30px; 
	height: 14px;
	position: absolute; 
	margin-left: 320px;
	border: 1px solid #000000; 
	font-size: 10px; 
	font-family: Verdana, sans-serif; 
}