@charset "utf-8";
/* CSS Document */

body{
font-family: Arial, Helvetica, sans-serif; 
color: #000000; 
background-color: #FFFFFF; 
font-size: 12px; 
margin: 0px; 
padding: 0px;
font-weight: normal;
}

p{margin: 0px;}
.clearer{clear: both;}
a:link, a:hover, a:visited{text-decoration: none; }
img, ul, li, h1, h3, h2, form {
border:0 none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.trait{
  border: 1px #000 solid;
}
.etoile{
color: #EE1A1A;
}

#content{
width: 1032px; 
margin: 15px auto;
margin-bottom: 50px;
}

/*--HEADER--*/
#header{
background-repeat: no-repeat;
background:transparent url(../images/home/fond_header.gif) no-repeat scroll 0 0;
height:158px;
margin:auto;
width:983px;
}
#header h1{
margin-top: 10px;
font-family: Myriad Pro;
font-size: 30px;
color: #FFFFFF;
float: left;
padding-top: 50px;
padding-left: 35px;
font-weight: normal;
}
#header #infos{
background:transparent url(/images/fond_infos.gif) no-repeat scroll 0 0;
float:right;
height:68px;
margin-right:10px;
margin-top:56px;
padding-left:15px;
padding-top:10px;
width:195px;
}

/*--CENTER--*/
#center{
background:transparent url(../images/fond_centre.jpg) no-repeat scroll center center;
min-height:865px;
padding:25px;
width:985px;
padding-top: 0px;
}
/*--MENU--*/
#center #menu{
margin-top: 15px;
}
#center #ombre_menu{
clear: both;
padding-top: 5px;
}
#center #menu ul{
list-style: none;
}
/*--onglets--*/
#center #menu ul li{
float:left;
}
#center #menu ul li h2 a{
border-right:1px solid #BBBBBB;
color:#BE0028;
float:left;
font-family:arial;
font-size:14px;
font-weight:bold;
width: 120px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
text-transform: uppercase;
}
#center #menu ul li h2 a:hover{
background-color:#000000;
color: #FFFFFF;
text-align: center;
padding-bottom:8px;
padding-top:7px;
float: left;
text-transform: uppercase;
}
#center #menu ul li.onglet_actif h2 a{
background-color:#000000;
color: #FFFFFF;
width: 78px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
float: left;
text-transform: uppercase;
}

/*--onglet left--*/
#center #menu ul li.onglet_left h2 a{
color: #BE0028;
float:left;
font-family:arial;
font-size:14px;
font-weight:bold;
width: 78px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
text-transform: uppercase;
}
#center #menu ul li.onglet_left h2 a:hover{
background: url(../images/menu_hover_gauche.jpg);
color: #fff;
float:left;
font-family:arial;
font-size:14px;
font-weight:bold;
width: 78px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
text-transform: uppercase;
}
#center #menu ul li.onglet_left_actif h2 a{
background: url(/images/menu_hover_gauche.jpg);
color: #fff;
float:left;
font-family:arial;
font-size:14px;
font-weight:bold;
width: 78px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
text-transform: uppercase;
}

/*--onglet right--*/
#center #menu ul li.onglet_right h2 a{
border-right:1px solid #BBBBBB;
color:#BE0028;
float:left;
font-family:arial;
font-size:14px;
font-weight:bold;
width: 78px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
text-transform: uppercase;
}
#center #menu ul li.onglet_right h2 a:hover{
background: url(/images/menu_hover_droit.jpg);
border: none;
color: #fff;
float:left;
font-family:arial;
font-size:14px;
font-weight:bold;
width: 78px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
text-transform: uppercase;
}
#center #menu ul li.onglet_right_actif h2 a:hover{
background: url(/images/menu_hover_droit.jpg);
border: none;
color: #fff;
float:left;
font-family:arial;
font-size:14px;
font-weight:bold;
width: 78px;
text-align: center;
padding-bottom:8px;
padding-top:7px;
text-transform: uppercase;
}

/*--LEFT--*/
#left{
padding-top: 10px;
padding-left: 35px;
float: left;
width: 670px;
margin-bottom: 10px;
}

/*--FORM--*/
#left form{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#searchdiv{
background:transparent url(/images/fond_search.jpg) no-repeat scroll 0 0;
float:left;
height:27px;
padding-left:10px;
padding-top:4px;
width:177px;
}
#searchdiv input{
border:medium none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
#select{
background:transparent url(/images/fond_select.jpg) no-repeat scroll 0 0;
float:left;
margin-left:3px;
padding:5px;
width:177px;
height: 27px;
}
#select ul{
margin-left:7px;
}
#select ul li{
font-weight: normal;
}
#bouton_search_eguide{
}
#bouton_search_eguide input{
background:transparent url(/images/bouton_search_eguide.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:11px;
height:27px;
width:117px;
border: none;
padding-bottom:3px;
}

#banner{
margin-top: 20px;
margin-bottom: 20px;
}

/*--PRODUCTS--*/
#products{
border-left: 1px solid #D3D3D3;
border-right: 1px solid #D3D3D3;
width:665px;
}
.product{
float:left;
padding:10px 8px;
text-align:center;
width:150px;
height: 320px;
}
.product img{
padding-bottom: 15px;
}
.product h3 a{
font-size: 12px;
font-weight: normal;
color: #000;
}
.product p.game_price{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
margin-top:5px;
}
.product .button_download{
background:transparent url(/images/bouton_download.gif) no-repeat scroll 0 0;
font-size:11px;
height:27px;
margin:auto;
padding-top:6px;
width:119px;
}
.product .button_download a{
color:#FFFFFF;
}
.product .button_preview{
background:transparent url(/images/bouton_preview.jpg) no-repeat scroll 0 0;
font-size:11px;
height:27px;
margin:auto;
padding-top:6px;
width:119px;
}
.product .button_preview a{
color:#FFFFFF;
}

/*--RIGHT--*/
#right{
float: right;
width: 235px;
padding-right: 30px;
padding-top: 10px;
}

#news{
background: #C0C0C0;
}
#news h4{
background:transparent url(/images/home/bandeau_news.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:27px;
margin-left:14px;
margin-top:0;
padding-left:42px;
padding-top:6px;
margin-bottom: 10px;
text-transform:uppercase;
}
#news p{
color: #FFFFFF;
padding: 0px 20px 20px 20px;
}
#news p img{
vertical-align: middle;
}

#bestsellers{
background: url(../images/fiche/fond_bestsellers.jpg);
padding-bottom: 10px;
padding-top: 10px;
margin-top: 10px;
height: 370px;
}
#bestsellers h4{
background:transparent url(/images/home/bandeau_bestsellers.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:27px;
margin-left:14px;
margin-top:0;
padding-left:42px;
padding-top:6px;
margin-bottom: 10px;
text-transform:uppercase;
}
#bestsellers div img{
float: left;
margin-right: 10px;
}
#bestsellers div p.prix{
font-weight: bold;
margin-top: 5px;
padding-left:32px;
}
#bestsellers h3{
font-size: 12px;
margin: 0px;
padding: 0px;
font-weight: normal;
}
#bestsellers div .button_download{
background:transparent url(/images/bouton_download.gif) no-repeat scroll 0 0;
font-size:11px;
height:27px;
margin-left:55px;
margin-top:3px;
padding-top:6px;
width:120px;
text-align: center;
}
#bestsellers div .button_download a{
color: #FFFFFF;
}

#newsletter{
background:transparent url(/images/fond_newsletter.jpg) repeat scroll 0 0;
height:90px;
margin-bottom:5px;
margin-top:5px;
padding-top:10px;
margin-left: 1px;
width:233px;
}
#newsletter h4{
background:transparent url(/images/home/bandeau_newsletter.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:25px;
margin-left:14px;
margin-top:0;
padding-left:42px;
padding-top:6px;
margin-bottom: 0px;
text-transform:uppercase;
}
#newsletter p a{
text-decoration: underline;
text-align: center;
color: #000;
}
#newsletter p{
	text-align: center;
}

#footer{
clear: both;
border-bottom: 1px solid #C9C9C9;
border-top: 1px solid #C9C9C9;
border-bottom:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
clear:both;
margin-left:60px;
margin-right:40px;
color: #999;
}
#footer a, #footer p{
color: #999;
}

/*--------------LA FICHE--------------*/
/*--left--*/
.fond_neutre{
background: url(/images/fiche/fond_degrade.jpg);
}
#presentation_product{
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding-bottom: 10px;
background-repeat: no-repeat;
background-position: top;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 665px;
height: 370px;
clear: both;
}
#presentation_product h3{
font-size: 30px;
color: #000;
padding-left:290px;
padding-top:115px;
}
#presentation_product p.promo{
	font-size: 16px;
	padding-left: 290px;
}
#presentation_product .button_download{
background:transparent url(/images/bouton_download.gif) no-repeat scroll 0 0;
font-size:11px;
height:27px;
padding-top:6px;
width:119px;
text-align: center;
float: left;
}
#presentation_product .button_download a{
color:#FFFFFF;
}
#presentation_product div p.prix{
	font-size: 21px;
	font-weight: bold;
	float: left;
}
#presentation_product div p.free{
	font-size: 17px;
	font-weight: bold;
	float: left;
	padding-top: 4px;
	padding-left:80px;
}

#description{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding-left:20px;
padding-right: 5px;
padding-top: 20px;
width:640px;
}
#description p{
font-size: 12px;
color: #000;
padding-bottom: 10px;
padding-top:10px;
padding-right: 10px;
}
#description p span.souligne{
font-size: 12px;
color: #000;
margin-bottom: 10px;
text-decoration: underline;
}
/*--right--*/
#titledetails{
	background-color: #C0C0C0;
}
#titledetails h4{
background:transparent url(/images/fiche/bandeau_titledetail.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:27px;
margin-left:14px;
margin-top:0;
padding-left:42px;
padding-top:6px;
margin-bottom: 5px;
text-transform:uppercase;
}
#relatedtitle{
}
#relatedtitle h4{
background:transparent url(/images/fiche/bandeau_relatedtitles.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:27px;
margin-left:14px;
margin-top:0;
padding-left:42px;
padding-top:6px;
margin-bottom: 0px;
text-transform:uppercase;
}
#relatedtitle div img{
float: left;
margin-right: 10px;
}
#relatedtitle div p.prix{
font-weight: bold;
margin-top: 3px;
}
#relatedtitle h3{
font-size: 12px;
margin: 0px;
padding: 0px;
font-weight: normal;
}
#relatedtitle div .button_download{
background:transparent url(/images/bouton_download.gif) no-repeat scroll 0 0;
font-size:11px;
height:27px;
margin-left:55px;
margin-top:3px;
padding-left:14px;
padding-top:6px;
width:119px;
}
#relatedtitle div .button_download a{
color: #FFFFFF;
}

/*--------------------BASKET------------------*/
#filariane{
	background:url(/images/basket/fond_filariane.jpg);
	background-repeat: no-repeat;
	height:27px;
padding-left:15px;
padding-top:6px;
width:177px;
font-weight: bold;
text-transform:uppercase;
}
#paiementsecured{
border-right: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
}
#paiementsecured h4{
	background:transparent url(../images/basket/bandeau_paiementsecurise.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:27px;
margin-left:14px;
margin-top:0;
padding-left:42px;
padding-top:6px;
margin-bottom: 0px;
text-transform:uppercase;
}
/*-----caddie-------*/
#titre_caddie{
background:transparent url(/images/basket/fond_titlecaddie.jpg) repeat scroll 0 0;
height:25px;
padding-left:5px;
padding-top:4px;
width:663px;
}
#titre_caddie p{
height: 18px; 
text-align: center;
font-size: 11px; 
padding-top: 4px;
color: #FFFFFF; 
float: left;
background-repeat: no-repeat;
padding-right: 2px;
}
#caddiesub .name_product{
border-bottom: 1px solid #ccc; width: 190px; padding-top: 8px; font-weight: bold; font-size: 13px; height: 50px; float: left; padding-bottom: 7px;
}
#caddiesub .unitprice_product{
border-bottom: 1px solid #ccc; padding-top: 15px; font-weight: bold; font-size: 13px; height: 50px; float: left; width: 113px; text-align: center; padding-top: 15px;
}
#caddiesub .quantity_product{
border-bottom: 1px solid #ccc; padding-top: 15px; height: 50px; float: left;  width: 119px; text-align: center;
}
#caddiesub .price_product{
border-bottom: 1px solid #ccc; padding-top: 15px; height: 50px; float: left;  width: 113px; text-align: center; background:#F2CCD4; font-weight: bold;
}
#caddiesub .delete{
border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 91px; height: 50px; float: left; text-align: center; padding-top: 15px;
}
/*-----extension et download-----*/
#cd_rom .icone, #ext .icone{
height: 50px; float: left; width: 34px; padding-left:8px; padding-top: 5px; border-left: 1px #ccc solid;
}
#cd_rom .checkbox{
height: 50px; width: 20px; float: left; padding-right: 5px; padding-top: 5px;
}
#ext .checkbox{
height: 35px; width: 20px; float: left; padding-right: 5px; padding-top: 20px;
}
#cd_rom .text{
height: 50px; float: left; font-size: 11px; width: 225px; padding-top: 5px; font-weight: normal;
}
#ext .text{
height: 35px; float: left; font-size: 11px; width: 225px; padding-top: 20px; font-weight: normal;
}
#cd_rom .more, #ext .more{
height: 37px; float:left; font-weight:bold; padding-left:50px; padding-top:18px; text-decoration:underline; width:119px; font-size: 11px;
}
#cd_rom .price, #ext .price{
height: 37px; float:left; font-size:13px; font-weight:bold; padding-top:18px; width: 113px; text-align: center; background:#F2CCD4;
}

#backstore{
background:transparent url(/images/basket/backstore.jpg) repeat scroll 0 0;
color:#FFFFFF;
font-size:11px;
height:21px;
padding-top:6px;
text-align:center;
width:119px;
float: left;
}
#discountcode{
background:url(/images/basket/fond_disount.jpg);
background-repeat: no-repeat; 
width: 230px;
height: 27px;
font-size: 11px;
font-weight: bold;
float: right;
padding-top: 2px;
margin-right: 1px;
margin-bottom: 10px;
}

#total{
background:transparent url(/images/basket/fond_total.jpg) repeat scroll 0 0;
float:right;
height:54px;
padding:10px;
width:213px;
}

.etape{
float: left;
font-size: 12px;
text-transform: uppercase;
padding: 6px;
}













