/*
 * Document CSS
 * 
 * @author Vivien Rochereau <vivien.rochereau@businessdecision.com>
 * @package Integration PIWI
 * @subPackage Popup CSS File
 * @since 09/09/2009
 * @version 1.0
 *
**/
#PiwiProgram img, #PiwiHeros img, #PiwiGame img, #PiwiVideo img, #PiwiStudio img, #PiwiColoring img, #PiwiDrawing img {border-width: 0;}
#PiwiProgram p, #PiwiHeros p, #PiwiGame p, #PiwiVideo p, #PiwiStudio p, #PiwiColoring p, #PiwiDrawing p {font-size: 11px;}
#PiwiProgram li, #PiwiHeros li, #PiwiGame li {list-style: none;}
#PiwiProgram a, #PiwiHeros a,#PiwiGame a, #PiwiVideo a, #PiwiStudio a, #PiwiColoring a, #PiwiDrawing a,
#PiwiProgram a:hover,#PiwiHeros a:hover,#PiwiGame a:hover, #PiwiVideo a:hover, #PiwiStudio a:hover, #PiwiColoring a:hover, #PiwiDrawing a:hover{font: bold 1em arial, sans-serif !important;text-decoration: none;}
#bottomRightCorner, #bottomLeftCorner, #topRightCorner, #topLeftCorner {position: absolute;height: 43px;width: 43px;}
.clearer {clear: both;font-size: 0.01px;height: 1px;}
#PiwiHeros {height: 600px;position: relative;width: 811px;}
#PiwiHeros .wrapper {background: #A8D045;left: 43px;position: absolute;top: 43px;width: 725px;}
#PiwiHeros .wrapper .header .button {position: absolute;right: -25px;-right: 10px;top: -25px;}
#PiwiHeros .wrapper .header .logo {left: 0;position: absolute;top: -32px;}
#PiwiHeros .wrapper .header h1 {left: 250px;position: absolute;top: 45px;}
#PiwiHeros .wrapper .header .picto{/right: 46px;position: absolute;right: 96px;top: -16px;}
#PiwiHeros #bottomRightCorner {
	background: transparent url("../img/perso4/PIWI_popup_corner_bottom_right.png");
	bottom: 0;
	right: 0;
}
#PiwiHeros #bottomLeftCorner {
	background: transparent url("../img/perso4/PIWI_popup_corner_bottom_left.png");
	bottom: 0;
	left: 0;
}
#PiwiHeros #topRightCorner {
	background: transparent url("../img/perso4/PIWI_popup_corner_top_right.png");
	right: 0;
	top: 0;
}
#PiwiHeros #topLeftCorner {
	background: transparent url("../img/perso4/PIWI_popup_corner_top_left.png");
	left: 0;
	top: 0;
}
#PiwiHeros #rightBorder {
	background: transparent url("../img/perso4/PIWI_popup_border_right.png") repeat-y;
	height: 514px;
	position: absolute;
	right: 0;
	top: 43px;
	width: 43px;
}
#PiwiHeros #leftBorder {
	background: transparent url("../img/perso4/PIWI_popup_border_left.png") repeat-y;
	height: 514px;
	left: 0;
	position: absolute;
	top: 43px;
	width: 43px;
}
#PiwiHeros #topBorder {
	background: transparent url("../img/perso4/PIWI_popup_border_top.png") repeat-x;
	height: 43px;
	left: 43px;
	position: absolute;
	top: 0;
	width: 725px;
}
#PiwiHeros #bottomBorder {
	background: transparent url("../img/perso4/PIWI_popup_border_bottom.png") repeat-x left bottom;
	bottom: 0;
	height: 43px;
	left: 43px;
	position: absolute;
	width: 725px;
}

#PiwiGame, #PiwiVideo, #PiwiStudio, #PiwiColoring , #PiwiDrawing {
	height: 590px;
	position: relative;
	width: 750px;
}
.popup .wrapper {
	height: 504px;
	left: 43px;
	position: absolute;
	top: 43px;
	width: 680px;
}
#PiwiGame .wrapper {
	background: #EF4232;
}
#PiwiVideo .wrapper {
	background: #7951FB;
}
#PiwiStudio .wrapper {
	background: #47B11F;
}
#PiwiColoring .wrapper {
	background: #3F7BE0;
}
#PiwiDrawing .wrapper {
	background: #FFCC00;
}
.popup .wrapper .header {
	height: 90px;
}
.popup .wrapper .header .button {
	position: absolute;
	right: -10px;
	-right: 0px;
	top: -25px;
}
.popup .wrapper .header .logo {
	left: 0;
	position: absolute;
	top: -32px;
}
.popup .wrapper .header h1 {
	left: 190px;
	position: absolute;
	top: 45px;
}
.popup .wrapper .header .picto {
	/right: 46px;
	position: absolute;
	right: 96px;
	top: -16px;
}
.popup  #bottomRightCorner {
	bottom: 0;
	right: 0;
}
.popup  #bottomLeftCorner {
	bottom: 0;
	left: 0;
}
.popup  #topRightCorner {
	right: 0;
	top: 0;
}
.popup  #topLeftCorner {
	left: 0;
	top: 0;
}
#PiwiGame #bottomRightCorner {
	background: transparent url("../img/perso2/PIWI_popup_corner_bottom_right.png") no-repeat;
}
#PiwiGame #bottomLeftCorner {
	background: transparent url("../img/perso2/PIWI_popup_corner_bottom_left.png") no-repeat;
}
#PiwiGame #topRightCorner {
	background: transparent url("../img/perso2/PIWI_popup_corner_top_right.png") no-repeat;
}
#PiwiGame #topLeftCorner {
	background: transparent url("../img/perso2/PIWI_popup_corner_top_left.png") no-repeat;
}
#PiwiVideo #bottomRightCorner {
	background: transparent url("../img/perso5/PIWI_popup_corner_bottom_right.png") no-repeat;
}
#PiwiVideo #bottomLeftCorner {
	background: transparent url("../img/perso5/PIWI_popup_corner_bottom_left.png") no-repeat;
}
#PiwiVideo #topRightCorner {
	background: transparent url("../img/perso5/PIWI_popup_corner_top_right.png") no-repeat;
}
#PiwiVideo #topLeftCorner {
	background: transparent url("../img/perso5/PIWI_popup_corner_top_left.png") no-repeat;
}
#PiwiStudio #bottomRightCorner {
	background: transparent url("../img/perso7/PIWI_popup_corner_bottom_right.png") no-repeat;
}
#PiwiStudio #bottomLeftCorner {
	background: transparent url("../img/perso7/PIWI_popup_corner_bottom_left.png") no-repeat;
}
#PiwiStudio #topRightCorner {
	background: transparent url("../img/perso7/PIWI_popup_corner_top_right.png") no-repeat;
}
#PiwiStudio #topLeftCorner {
	background: transparent url("../img/perso7/PIWI_popup_corner_top_left.png") no-repeat;
}
#PiwiColoring #bottomRightCorner {
	background: transparent url("../img/perso8/PIWI_popup_corner_bottom_right.png") no-repeat;
}
#PiwiColoring #bottomLeftCorner {
	background: transparent url("../img/perso8/PIWI_popup_corner_bottom_left.png") no-repeat;
}
#PiwiColoring #topRightCorner {
	background: transparent url("../img/perso8/PIWI_popup_corner_top_right.png") no-repeat;
}
#PiwiColoring #topLeftCorner {
	background: transparent url("../img/perso8/PIWI_popup_corner_top_left.png") no-repeat;
}
#PiwiDrawing #bottomRightCorner {
	background: transparent url("../img/perso9/PIWI_popup_corner_bottom_right.png") no-repeat;
}
#PiwiDrawing #bottomLeftCorner {
	background: transparent url("../img/perso9/PIWI_popup_corner_bottom_left.png") no-repeat;
}
#PiwiDrawing #topRightCorner {
	background: transparent url("../img/perso9/PIWI_popup_corner_top_right.png") no-repeat;
}
#PiwiDrawing #topLeftCorner {
	background: transparent url("../img/perso9/PIWI_popup_corner_top_left.png") no-repeat;
}
.popup #rightBorder {
	height: 504px;
	position: absolute;
	right: 0;
	top: 43px;
	width: 43px;
}
.popup #leftBorder {
	height: 504px;
	left: 0;
	position: absolute;
	top: 43px;
	width: 43px;
}
.popup #topBorder {
	height: 43px;
	left: 43px;
	position: absolute;
	top: 0;
	width: 664px;
}
.popup #bottomBorder {
	bottom: 0;
	height: 43px;
	left: 43px;
	position: absolute;
	width: 664px;
}
#PiwiGame #rightBorder {
	background: transparent url("../img/perso2/PIWI_popup_border_right.png") repeat-y;
}
#PiwiGame #leftBorder {
	background: transparent url("../img/perso2/PIWI_popup_border_left.png") repeat-y;
}
#PiwiGame #topBorder {
	background: transparent url("../img/perso2/PIWI_popup_border_top.png") repeat-x;
}
#PiwiGame #bottomBorder {
	background: transparent url("../img/perso2/PIWI_popup_border_bottom.png") repeat-x left bottom;
}
#PiwiVideo #rightBorder {
	background: transparent url("../img/perso5/PIWI_popup_border_right.png") repeat-y;
}
#PiwiVideo #leftBorder {
	background: transparent url("../img/perso5/PIWI_popup_border_left.png") repeat-y;
}
#PiwiVideo #topBorder {
	background: transparent url("../img/perso5/PIWI_popup_border_top.png") repeat-x;
}
#PiwiVideo #bottomBorder {
	background: transparent url("../img/perso5/PIWI_popup_border_bottom.png") repeat-x left bottom;
}
#PiwiStudio #rightBorder {
	background: transparent url("../img/perso7/PIWI_popup_border_right.png") repeat-y;
}
#PiwiStudio #leftBorder {
	background: transparent url("../img/perso7/PIWI_popup_border_left.png") repeat-y;
}
#PiwiStudio #topBorder {
	background: transparent url("../img/perso7/PIWI_popup_border_top.png") repeat-x;
}
#PiwiStudio #bottomBorder {
	background: transparent url("../img/perso7/PIWI_popup_border_bottom.png") repeat-x left bottom;
}
#PiwiColoring #rightBorder {
	background: transparent url("../img/perso8/PIWI_popup_border_right.png") repeat-y;
}
#PiwiColoring #leftBorder {
	background: transparent url("../img/perso8/PIWI_popup_border_left.png") repeat-y;
}
#PiwiColoring #topBorder {
	background: transparent url("../img/perso8/PIWI_popup_border_top.png") repeat-x;
}
#PiwiColoring #bottomBorder {
	background: transparent url("../img/perso8/PIWI_popup_border_bottom.png") repeat-x left bottom;
}
#PiwiDrawing #rightBorder {
	background: transparent url("../img/perso9/PIWI_popup_border_right.png") repeat-y;
}
#PiwiDrawing #leftBorder {
	background: transparent url("../img/perso9/PIWI_popup_border_left.png") repeat-y;
}
#PiwiDrawing #topBorder {
	background: transparent url("../img/perso9/PIWI_popup_border_top.png") repeat-x;
}
#PiwiDrawing #bottomBorder {
	background: transparent url("../img/perso9/PIWI_popup_border_bottom.png") repeat-x left bottom;
}
/**********************************
 *
 *       Navigation grille
 *
 *********************************/
#PiwiHeros .wrapper .data {
	height: 408px;
	margin-top: 107px;
	width: 718px;
}
#PiwiGame .wrapper .data {
	overflow: hidden;
}
#PiwiGame #Onglets {
	text-align: center;
	overflow: hidden;
}
#PiwiGame #Onglets a,
#PiwiGame #Onglets a:hover {
	display: block;
	height: 29px;
	padding-left: 8px;
	padding-top: 14px;
	width: 140px;
	background-repeat: no-repeat;
}
#PiwiGame #Onglets li {
	float: left;
	list-style: none;
	padding: 1px 9px;
}
#PiwiGame #Onglets li a {
	color: #FFFFFF;
}
#PiwiGame #Onglets li a.current,
#PiwiGame #Onglets li a:hover {
	color: #40A43A;
}
/**********************************
 *
 *       Grille Tous les Programmes
 *
 *********************************/
#PiwiProgram {height: 590px; position: relative; width: 800px;}
#PiwiProgram .wrapper {background: #F89949; height: 504px; left: 43px; position: absolute; top: 43px; width: 714px;}
#PiwiProgram .wrapper .header .button {position: absolute;right: -25px;top: -25px;}
#PiwiProgram .wrapper .header .logo {left: 0;position: absolute;top: -32px;}
#PiwiProgram .wrapper .header h1 {margin-left: 191px;margin-top: 37px;}
#PiwiProgram .wrapper .header .picto {position: absolute;right: 100px;right: 25px;top: -10px;}
#PiwiProgram #bottomRightCorner {background: transparent url("../img/perso1/PIWI_popup_corner_bottom_right.png") no-repeat;bottom: 0;right: 0;}
#PiwiProgram #bottomLeftCorner {background: transparent url("../img/perso1/PIWI_popup_corner_bottom_left.png") no-repeat;bottom: 0;left: 0;}
#PiwiProgram #topRightCorner {background: transparent url("../img/perso1/PIWI_popup_corner_top_right.png") no-repeat;right: 0;top: 0;}
#PiwiProgram #topLeftCorner {background: transparent url("../img/perso1/PIWI_popup_corner_top_left.png") no-repeat;left: 0;top: 0;}
#PiwiProgram #rightBorder {background: transparent url("../img/perso1/PIWI_popup_border_right.png") repeat-y;height: 504px;position: absolute;right: 0;top: 43px;width: 43px;}
#PiwiProgram #leftBorder {background: transparent url("../img/perso1/PIWI_popup_border_left.png") repeat-y;height: 504px;left: 0;position: absolute;top: 43px;width: 43px;}
#PiwiProgram #topBorder {background: transparent url("../img/perso1/PIWI_popup_border_top.png") repeat-x;height: 43px;left: 43px;position: absolute;top: 0;width: 714px;}
#PiwiProgram #bottomBorder {background: transparent url("../img/perso1/PIWI_popup_border_bottom.png") repeat-x left bottom;bottom: 0;height: 43px;left: 43px;position: absolute;width: 714px;}
#PiwiProgram .wrapper .data {
	background: url("../img/perso1/PIWI_popup_bg_grille_programme.png") no-repeat;
	height: 408px;
	left: -33px;
	position: absolute;
	top: 115px;
	width: 777px;
	z-index: 1;
}
#PiwiProgram #Onglets {
	margin-left: 110px;
	margin-top: 15px;
	position: relative;
	text-align: center;
	width: 605px;
	z-index: 10;
}
#PiwiProgram #Onglets .jour a,
#PiwiProgram #Onglets .jour a:hover {
	color: #FFFFFF;
	display: block;
	height: 31px;
	padding-top: 10px;
	width: 76px;
	font-size:0.7em !important;
}
#PiwiProgram #Onglets li {
	float: left;
	list-style: none;
	padding: 1px;
}
#PiwiProgram #Onglets li a:hover,
#PiwiProgram #Onglets li.current a {
	background: url("../img/perso1/PIWI_popup_button_frise_semaine_over.png") no-repeat;
}
#PiwiProgram #Onglets li a {
	background: url("../img/perso1/PIWI_popup_button_frise_semaine.png") no-repeat;
}
#PiwiProgram #Onglets .prev {
	float: left;
	margin: 14px 7px 5px 5px;
	width:18px;
	height:18px;
}
#PiwiProgram #Onglets .next {
	float: right;
	margin: 14px 5px 5px 5px;
	width:18px;
	height:18px;
}
#PiwiProgram #CreneauxHoraires {
    float:left;
    margin-right: 0px;
    margin-top: 30px;
}

#PiwiProgram #CreneauxHoraires ul {
	 padding-left:22px;
}
#PiwiProgram #CreneauxHoraires ul li a {
	display: block;
	height: 49px;
	width: 159px;
}
#PiwiProgram #CreneauxHoraires ul li a span {
	display: none;
} 
#PiwiProgram #CreneauxHoraires ul li.matin a {
	background: transparent url(../img/perso1/PIWI_popup_button_programme_mat.png) no-repeat 0 0;
}
#PiwiProgram #CreneauxHoraires ul li.matin a:hover,
#PiwiProgram #CreneauxHoraires ul li.matin a.current {
	background: transparent url(../img/perso1/PIWI_popup_button_programme_mat_over.png) no-repeat 0 0;
}
#PiwiProgram #CreneauxHoraires ul li.am a {
	background: transparent url(../img/perso1/PIWI_popup_button_programme_am.png) no-repeat 0 0;
}
#PiwiProgram #CreneauxHoraires ul li.am a:hover,
#PiwiProgram #CreneauxHoraires ul li.am a.current {
	background: transparent url(../img/perso1/PIWI_popup_button_programme_am_over.png) no-repeat 0 0;
}
#PiwiProgram #CreneauxHoraires ul li.soir a {
	background: transparent url(../img/perso1/PIWI_popup_button_programme_soir.png) no-repeat 0 0;
}
#PiwiProgram #CreneauxHoraires ul li.soir a:hover,
#PiwiProgram #CreneauxHoraires ul li.soir a.current {
	background: transparent url(../img/perso1/PIWI_popup_button_programme_soir_over.png) no-repeat 0 0;
}
#PiwiProgram #Grille {
	float: right;
	height: 362px;
	padding: 11px;
	position: relative;
	right: 16px;
	top: 14px;
	width: 552px;
	z-index: 5;
}
#PiwiProgram #Grille .top {
	background: url("../img/perso1/PIWI_popup_border_top_grille.png") no-repeat;
	height: 11px;
	left: 10px;
	position: absolute;
	top: 0;
	width: 100%;
}
#PiwiProgram #Grille .left {
	background: url("../img/perso1/PIWI_popup_border_left_grille.png") no-repeat;
	height: 368px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 11px;
}
#PiwiProgram #Grille .bottom {
	background: url("../img/perso1/PIWI_popup_border_bottom_grille.png") no-repeat;
	bottom: -6px;
	height: 11px;
	left: 9px;
	position: absolute;
	width: 100%;
}
#PiwiProgram #Grille table {
	font-size: 0.75em;
	font-weight: bold;
	width: 100%;
}
#PiwiProgram #Grille .limit {
	height: 368px;
	overflow-x: hidden;
	overflow-y: auto;
}
#PiwiProgram #Grille tr {
	height: 40px;
}
#PiwiProgram #Grille tr.spacer {
	background: #E36A1E;
	height: 1px;
}
#PiwiProgram #Grille tr.impaire {
	background: #FF9900;
}
#PiwiProgram #Grille tr.paire {
	background: #F1820F;
}
#PiwiProgram #Grille tr.paire td.heureDebut {
	background: url("../img/perso1/PIWI_popup_button_horaire.png") #F1820F no-repeat 20px 4px;
	color: #FF6600;
	text-align: center;
	width: 20%;
}
#PiwiProgram #Grille tr.impaire td.heureDebut {
	background: url("../img/perso1/PIWI_popup_button_horaire.png") #FF9900 no-repeat 20px 4px;
	color: #FF6600;
	text-align: center;
	width: 20%;
}
#PiwiProgram #Grille td.vignette {
	width: 0;
}
#PiwiProgram #Grille td.titreProgramme {
	color: #FFFFFF;
	padding-left: 5px;
	text-align: left;
	width: 80%;
}
/**********************************
 *
 *       Grille Heroes
 *
 *********************************/
#PiwiHeros .limit {
	height: 408px;
	overflow-x: hidden;
	overflow-y: auto;
}
#PiwiHeros #Mosaique {
	height: 100%;
	width: 100%;
}
#PiwiHeros #Mosaique .thumb {
	display: block;
	float: left;
	height: 130px;
	margin: 5px 20px;
	width: 134px;
}
#PiwiHeros #Mosaique .thumb p {
	margin: 1px 0;
	text-align: center;
}
#PiwiHeros #Mosaique .thumb p a {
	color: #FFFFFF;
	font-size: 1em !important;
	font-weight: bold;
	text-decoration: none;
}
/**********************************
 *
 *       Grille Elements
 *
 *********************************/
 
.popup .wrapper .data {
	height: 340px;
}
.popup #Elements {
	float: left;
	margin: 17px 0;
}
#PiwiGame #Elements {
	float: left;
	margin: 17px 0 0 0;
}
.popup #Elements .thumb {
	display: block;
	float: left;
	margin: 10px 15px 5px;
	width: 140px;
}
#PiwiGame #Elements .thumb {background: url("../img/perso2/PIWI_popup_thumb_bg.png") no-repeat;}
#PiwiVideo  #Elements .thumb {background: url("../img/perso5/PIWI_popup_thumb_bg.png") no-repeat;}
#PiwiStudio #Elements .thumb {background: url("../img/perso7/PIWI_popup_thumb_bg.png") no-repeat;}
#PiwiColoring #Elements .thumb {background: url("../img/perso8/PIWI_popup_thumb_bg.png") no-repeat;}
#PiwiDrawing #Elements .thumb {background: url("../img/perso9/PIWI_popup_thumb_bg.png") no-repeat;}
.popup #Elements .thumb .visuel {height:86px;margin: 10px 7px;}
.popup #Elements .thumb p {padding: 0 2px;text-align: center;}
.popup #Elements .thumb p a {
	color: #FFFFFF;
	font-size: 1em !important;
	font-weight: bold;
	text-decoration: none;
}
#PiwiGame #Elements .thumb p.heros a {
	color: #630E07;
	padding-top: 5px;
}
#PiwiGame #Elements .thumb p.titre a {
	color: #630E07;
	padding-top: 5px;
}
#PiwiVideo #Elements .thumb p.titre a {
	color: #C796FF;
	padding-top: 5px;
}
#PiwiStudio #Elements .thumb p.titre a {
	color: #144C05;
	padding-top: 5px;
}
#PiwiColoring #Elements .thumb p.titre a {
	color: #FFC208;
	padding-top: 5px;
}
#PiwiDrawing #Elements .thumb p.titre a {
	color: #EC4500;
	padding-top: 5px;
}
.popup .pagination {
	margin: 10px auto;
	text-align: center;
	width: 300px;
}
.popup .pagination a,
.popup .pagination .spacer {
	float: left;
	font-size: 0.9em !important;
	font-weight: bold;
	padding: 0 1px;
	padding: 0 2px;
	text-decoration: none;
}

#PiwiGame .pagination a,
#PiwiGame .pagination .spacer {
	color: #F7A199;
}
#PiwiVideo .pagination a,
#PiwiVideo .pagination .spacer {
	color: #BCA8FD;
}
#PiwiStudio .pagination a,
#PiwiStudio .pagination .spacer {
	color: #A3D88F;
}
#PiwiColoring .pagination a,
#PiwiColoring .pagination .spacer {
	color: #9FBDF0;
}
#PiwiDrawing .pagination a,
#PiwiDrawing .pagination .spacer {
	color: #FFE680;
}
.popup .pagination .spacer {
	padding: 0 5px;
}
#PiwiGame .pagination a.current,
#PiwiVideo .pagination a.current,
#PiwiStudio .pagination a.current,
#PiwiColoring .pagination a.current,
#PiwiDrawing .pagination a.current {
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	text-decoration: none;
}
.popup .pagination a.current {
}
.popup .pagination .prev {
	float: left;
	height: 19px;
	margin: 0 30px;
	padding: 0 5px;
	width: 19px;
}
.popup .pagination .num {
	float: left;
	text-align: center;
}
.popup .pagination .next {
	float: right;
	height: 19px;
	margin: 0 30px;
	padding: 0 5px;
	width: 19px;
}