html, body { height:100%; }
* { margin:0; padding:0; }
p { padding:5px 0; }
sup { font-size:0.7em; }

#_footer {
	height: 30px;
	line-height: 30px;
	text-align: center;
	clear: both;
	margin-top: 20px;
	background: #FFF;
	color: #000;
}

#page { margin-top: 15px; }
#container img { border:0; }
.cboth { clear:both; }

/* Container */

#container {
	color: #4F4F4F;
	font-family:Arial;
	font-size:12px;
	line-height:1.5em;
	text-align:justify;
	width:980px;
	margin:0px auto;
	position:relative;
}

/* Links */

#container a {
	color:#45A5FE;
	text-decoration:none;
}
#container a:hover, #container a:focus {
	color:#E67200;
	text-decoration:underline;
	background: none;
}

/* Uls */

#container ul {
	margin:5px 0 10px 15px;
	list-style-type:square;
}
#container ul li { margin-bottom:5px; }

/* Images */

img.middle {
	vertical-align:middle;
	margin:0 3px 3px 0;
}

/* Table */

#container table { width:100%; }
#container th { text-align:center; font-weight:bold; background:#FFDC7D url(imgs/table-th.gif) repeat-x; padding:5px; text-align:center;}
#container td { padding:3px; width:50%; vertical-align:top; }
#container table.colored { border:1px #F1F1F1 solid; margin-top:10px; }
#container table.colored tr { background:#FDFCFC; }
#container table.colored td { vertical-align:middle; background:#FDFCFC url(imgs/table-td.gif) repeat-x top left; }
#container table.colored td.line { margin:0; padding:0; height:1px; background:#F1F1F1; }
#container table.two-columns td.larger,#container table.two-columns td.slimer { vertical-align:top; padding-right: 20px; }
#container table.two-columns td.larger { width:70%; }
#container table.two-columns td.slimer { width:30%; padding:0 0 0 10px; }
#container table.two-columns td.first { border-right:1px #FF540D solid; padding-right: 20px; }
#container table.two-columns td.second { padding-left: 17px; }
#container table.two-columns td h1 { color:#F99B07; }
#container table.two-columns td.first h1 { color:#F99B07; }
#container table.two-columns td h1,#container table.two-columns td.first h1 { margin: 10px 0 5px; }
#container table.list td { width:auto; }

/* Toolbar */

#toolbar {
	border: 2px #C9C0C0 solid;
	border-left: 0;
	border-right: 0;
	height: 40px;
	line-height: 40px;
	background:#F3F3F3;
}
#toolbar ul {
	font-family:tahoma;
	font-size:1.1em;
	text-align:center;
	list-style-type:none;
	margin: 0;
}
#toolbar ul li {
	display:inline;
	padding-left:5px;
}
#toolbar ul li.gray {
	color: #E9E9E9;
}
#toolbar a, #toolbar a:hover, #toolbar a:focus {
	color: #ff540d;
}

/* Infobar */

#infobar {
	margin: 0 auto;
	text-align: center;
	width: 950px;
	height: 24px;
	line-height: 24px;
	background: url(imgs/toolbar.gif) no-repeat;
}
#infobar a, #infobar a:hover, #infobar a:focus {
	color: #E67200;
}

/* Group columns */

.group-columns {
	width:904px;
	margin:0 auto;
	background:#FFF;
}
.group-columns .body h1 {
	margin:10px 0 5px;
	padding:0;
	border:0;
	font-size:1.3em;
	border-bottom:1px #F0F0F0 solid;
	color:#F99B07;
}
.group-columns .head {
	background:url(imgs/group-column-top.gif) top left no-repeat;
	height:45px;
}
.group-columns .head h1 {
	font-size:1.8em;
	padding-left:15px;
	line-height:45px;
	color:#5097E0;
	margin-bottom: 5px;
}
.group-columns .head h1 span {
	border-bottom:1px dotted #5097E0;
	font-family:Trebuchet MS;
}
.group-columns .body {
	background:url(imgs/group-column-middle.gif) top left repeat-y;
	padding:0 15px;
}
.group-columns .body h1.name , .group-columns .body .more {
	text-align:center;
	border: 0;
}
#container .group-columns .body h1.name a{
	color:#FD8D1F;
	text-decoration:none;
}

#container .group-columns .body .more a, #container .group-columns .body .more img {
	position:relative;
	left:-5px;
}

#container .group-columns .body .more a {
	color:#1591ff;
	text-decoration:none;
	font-size:14px;
}

#container .group-columns .body .more img { position:relative; top:5px; margin-right:5px; }

#container .group-columns .body .box-empty  .hits { color:#9b0dbf; }

#container .group-columns .body .box-purple h1 a{ position:relative; top:-1px; color:white; font-family:tahoma; font-size:14px; font-weight:bold; }

#container .group-columns .body h1.name a:hover, #container .group-columns .body .more a:hover{
	text-decoration:none;
	border-bottom: 1px dotted;
}
.group-columns .first-column,.group-columns .last-column,.group-columns .middle-column,.group-columns .second-column {
	float:left;
	width:170px;
	padding:0 2px;
	border-right:1px #D2D0D0 solid;
	margin: 0px 0px 20px 0px;
}
.group-columns .first-column {
	padding-left: 0;
}
.group-columns .second-column {
	border: 0;
	padding-left:15px;
	width:682px;
}
.group-columns .last-column {
	border: 0;
}
.group-columns .full-column {
	width:695px;
	background:red;
}
.group-columns .preview {
	width:150px;
	margin: auto;
	text-align: center;
	padding-bottom:5px;
}
.group-columns .more {
	margin:0;
	padding-left:5px;
}

.group-columns .box-purple {
	background:url(imgs/box-bleu.png) top left no-repeat;
	height:20px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	margin-bottom:5px;
	font-family:tahoma;
	font-size:1.2em;
}

#container .group-columns .box-purple strong a{ color:white; }

.group-columns .bottom {
	clear: both;
	background:url(imgs/group-column-bottom.gif) top left no-repeat;
	height:7px;
}

/* Price */

div.box-empty {
	margin-top:10px;
	height: 45px;
	line-height: 39px;
	text-align: center;
	background:url(imgs/box-empty.gif) top center no-repeat;
	font-size:10px;
	font-weight:bold;
}

.hits{ font-size:1.2em; font-weight:bold; }

/*
div.box-empty, div.box-empty span {
	background-image:url(imgs/box-empty.gif);
	background-repeat:no-repeat;
	display:inline-block;
	height:45px;
}
div.box-empty {
	background-position:0 0;
	margin:10px 6px 0 0;
	padding:0 10px 0 0;
	float:right;
	text-align: center;
}

div.box-empty span {
	background-position:100% 0;
	font-family:arial;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	line-height:39px;
	margin:0 -10px 0 9px;
	padding-right:11px;
}
*/

/* Colours */

.blue { color:#5097E0; border-color:#5097E0; }
.darkblue { color:#006BCE; border-color:#006BCE; }
.red { color:#FF0101; border-color:#FF0101; }
.purple { color:#9250B0; border-color:#9250B0; }
.violet { color:#95117F; border-color:#95117F; }
.pink { color:#FA008D; border-color:#FA008D; }
.green { color:#20BE54; border-color:#20BE54; }
.darkgreen { color:#168844; border-color:#168844; }
.gray { color:#808080; border-color:#808080; }
.orange { color:#FD8D1F; border-color:#FD8D1F; }
.darkorange { color:#FF540D; border-color:#FF540D; }
.gold { color:#CCB308; border-color:#CCB308; }

/* Counter */

.counter { float:left; font-size:3em; font-weight:bold; padding-right:15px; line-height:1em; }

/* Border */

#container .border { padding: 3px; border:1px #E5E5E5 solid; }


#siteweb{ display:none; width:0px; height:0px; overflow:hidden; }
.siteweb{ width:0px; height:0px; overflow:hidden; display:none; }

.infos-column{ width:100%; margin-bottom:5px; font-size:13px; font-family:Arial; color:white; }
.infos-column .left{ float:left; width:420px; margin-left:2px; }
.infos-column .left .header{ width:100%; height:10px; background:url(imgs/present-header.png) no-repeat; }
.infos-column .left .title{ width:100%; height:20px; background:url(imgs/present-repeat.png) repeat-y; text-align:center; }
.infos-column .left .barre{ width:100%; height:9px; background:url(imgs/present-barre.png) no-repeat; }
.infos-column .left .content{ width:100%; height:170px; background:url(imgs/present-repeat.png) repeat-y; font-weight:bold; }
.infos-column .left .footer{ width:100%; height:11px; background:url(imgs/present-footer.png) no-repeat; }
.infos-column .right{ float:left; width:234px; margin-left:5px; }
.infos-column .right .header{ width:100%; height:8px; background:url(imgs/promo-header.png) no-repeat; }
.infos-column .right .title{ width:100%; height:22px; background:url(imgs/promo-repeat.png) repeat-y; text-align:center; font-size:16px; padding-top:1px; font-weight:bold; }
.infos-column .right .barre{ width:100%; height:8px; background:url(imgs/promo-barre.png) no-repeat; }
.infos-column .right .content{ width:100%; height:165px; background:url(imgs/promo-repeat.png) repeat-y; padding:5px 5px 5px 5px; }
.infos-column .right .footer{ width:100%; height:7px; background:url(imgs/promo-footer.png) no-repeat }

#container .group-columns .infos-column .left .title h1{ float:left; margin-left:10px; font-size:16px; font-weight:bold; color:white; position:relative; top:-3px; }
#container .group-columns .infos-column .left .title img{ float:right; margin-right:10px; position:relative; top:2px; }
#container .group-columns .infos-column .left .content .pikachu{ float:left; margin-left:15px; margin-top:5px; }

#container .group-columns .infos-column .right .title h1{ float:left; margin-left:10px; font-size:16px; font-weight:bold; color:white; }
#container .group-columns .infos-column .right .title img{ float:right; margin-right:10px; position:relative; top:3px; }
#container .group-columns .infos-column .right .content .right-content{ border:1px solid black; }

#container .group-columns .infos-column .left .content .freetest{ float:left; margin-left:15px; }
#container .group-columns .infos-column .left .content .more{ float:right; margin-right:10px; }

#container .group-columns .infos-column .right .content .more{ float:left; }
#container .group-columns .infos-column .right .content .play{ float:right; margin-right:16px; }

.right-content{ float:left; }
.left-content{ float:left; width:49%; }
.center{ display:block; width:100%; text-align:center; }

.jackette{ float:left; width:300px; height:280px; margin:0px 0px 0px 0px; }
.details{ float:left; width:400px; height:280px; margin:0px 0px 0px 10px; text-align:left; }
.present{ float:left; width:400px; margin:10px 0px 0px 0px; text-align:left; }
.video{ float:left; width:300px; height:220px; margin:10px 0px 0px 10px; }

.homefan{ float:left; margin-left:370px; margin-top:80px; }
.cochon{ float:left; }
.cadeau{ float:right; }
.playfree{ float:left;  margin-left:100px; }
