@charset "utf-8";

/* CSS Document */

/* programmes */


.left_programme {
	 height:686px;
	 width:620px; 
	 float:left;}

.left_programme .programme_tiji {
	height: 686px;
	width: 617px;
	padding: 18px 0 0 0;
	background:url(../../images/parents/programme/bg_programme.png) top center no-repeat;
		_background:none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.tiji.fr/design/tiji/images/parents/programme/bg_programme.png', sizingMethod='crop');
}
.left_programme .jours {
	width:604px;
	height:37px;
	position:absolute;
	top:11px;
	left:6px;
}
.left_programme .jours a.precedent{
	width:162px;
	height:30px;
	display:block;
	margin:42px 0 0 2px;
	float:left;
	background:url(../../images/parents/programme/btn_jprecedent.png) top center no-repeat;
	}
.left_programme .jours a.precedent:hover{
	background:url(../../images/parents/programme/btn_jprecedent_on.png) top center no-repeat;
	}
	
.left_programme .jours .jour {
	width:270px;
	height:37px;
	margin:39px 3px 0 3px;
	float:left;
	background:url(../../images/parents/programme/bg_jour.png) top center no-repeat;
}

.left_programme .jours .jour p {
	width:268px;
	height:35px;
	line-height:35px;
	font-weight:bold;
	text-align:center;
}

.left_programme .jours a.suivant{
	width:162px;
	height:30px;
	display:block;
	margin:42px 0 0 0;
	float:left;
	background:url(../../images/parents/programme/btn_jsuivant.png) top center no-repeat;
	}
.left_programme .jours a.suivant:hover{
	background:url(../../images/parents/programme/btn_jsuivant_on.png) top center no-repeat;
	}
	
.left_programme .heures{
	width:604px;
	height:31px;
	position:absolute;
	top:88px;
	left:11px;
}
.left_programme .heures a {
	float:left;
	height:31px;
	width:51px;
	display:block;
	margin: 0 8px 0 1px;
	text-indent:-5000px}

.left_programme .heures a.heure_5 {
	background:url(../../images/parents/programme/5h.png) top center no-repeat;
	}
.left_programme .heures a.heure_5:hover {
	background:url(../../images/parents/programme/5h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_7 {
	background:url(../../images/parents/programme/7h.png) top center no-repeat;
	}
.left_programme .heures a.heure_7:hover {
	background:url(../../images/parents/programme/7h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_9 {
	background:url(../../images/parents/programme/9h.png) top center no-repeat;
	}
.left_programme .heures a.heure_9:hover {
	background:url(../../images/parents/programme/9h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_11 {
	background:url(../../images/parents/programme/11h.png) top center no-repeat;
	}
.left_programme .heures a.heure_11:hover {
	background:url(../../images/parents/programme/11h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_13 {
	background:url(../../images/parents/programme/13h.png) top center no-repeat;
	}
.left_programme .heures a.heure_13:hover {
	background:url(../../images/parents/programme/13h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_15 {
	background:url(../../images/parents/programme/15h.png) top center no-repeat;
	}
.left_programme .heures a.heure_15:hover {
	background:url(../../images/parents/programme/15h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_17 {
	background:url(../../images/parents/programme/17h.png) top center no-repeat;
	}
.left_programme .heures a.heure_17:hover {
	background:url(../../images/parents/programme/17h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_19 {
	background:url(../../images/parents/programme/19h.png) top center no-repeat;
	}
.left_programme .heures a.heure_19:hover {
	background:url(../../images/parents/programme/19h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_21 {
	background:url(../../images/parents/programme/21h.png) top center no-repeat;
	}
.left_programme .heures a.heure_21:hover {
	background:url(../../images/parents/programme/21h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_23 {
	background:url(../../images/parents/programme/23h.png) top center no-repeat;
	}
.left_programme .heures a.heure_23:hover {
	background:url(../../images/parents/programme/23h_on.png) top center no-repeat;
	}
.left_programme .heures a.heure_00 {
	background:url(../../images/parents/programme/00h.png) top center no-repeat;
	}
.left_programme .heures a.heure_00:hover {
	background:url(../../images/parents/programme/00h_on.png) top center no-repeat;
	}
	
.left_programme #scrollbox_programmes.les_programmes {
	height:524px;
	overflow:auto;
	padding:0 0 0 14px;
	position:absolute;
	width:569px;
	top:136px;
	left:8px;
}
	
.left_programme #scrollbox_programmes.les_programmes ul {
	float:left;
	width:552px;
	overflow:hidden;
}
	
.left_programme #scrollbox_programmes.les_programmes ul li {
	background:transparent url(../../images/parents/programme/fd_element_grille.png) repeat-x scroll left top;
	height:68px;
	width:552px;
	overflow:hidden;
	display:block;
	padding:0;
	margin:0;
	float:left;
}

.left_programme #scrollbox_programmes.les_programmes ul li .heure {
	float:left;
	font-weight:bold;
	line-height:68px;
	text-align:center;
	width:59px;
}

.left_programme #scrollbox_programmes.les_programmes ul li .vignette {
	float:left;
	width:68px;
	padding:14px 0 0 8px;
}
.left_programme #scrollbox_programmes.les_programmes ul li .programme a {
	color:#ff6600;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding:20px 0 0 18px;
	width:211px;
	text-decoration:none;

}
.left_programme #scrollbox_programmes.les_programmes ul li .programme span {
	color:#000;
	font-size:10px;
	font-weight:normal;
}

.left_programme #scrollbox_programmes.les_programmes ul li .genre {
	color:#000;
	float:left;
	font-size:10px;
	height:33px;
	padding:25px 0 0 0;
	text-align:center;
	width:84px;

}	
	
.left_programme #scrollbox_programmes.les_programmes ul li a.savoir_plus {
	background:transparent url(../../images/parents/programme/btn_savoirplus.png) no-repeat scroll left top;
	display:block;
	float:left;
	height:59px;
	text-indent:-5000px;
	width:87px;	
	margin:3px 0 0 12px;
	cursor:pointer;
	
	}
	
.left_programme #scrollbox_programmes.les_programmes ul li a.savoir_plus:hover {
	background:transparent url(../../images/parents/programme/btn_savoirplus_on.png) no-repeat scroll left top;
}	
	
#wrapper .main_ctnt .right_programme {
	float:left;
	position:relative;
	}

#wrapper .main_ctnt .right_programme .surtiji {
	background:url(../../images/parents/programme/fd_surtiji.png) top center no-repeat;
		_background:none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.tiji.fr/design/tiji/images/parents/programme/fd_surtiji.png', sizingMethod='crop');
	width:330px;
	height:321px;
	position:absolute;
	left:0; 
	top:0;
}



	
#wrapper .main_ctnt .right_programme p.date {
	width:215px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	font-size:10px;
	color:#fff;
	top:56px;
	left:59px;
	}
#wrapper .main_ctnt .right_programme p.encemoment {
	background:url(../../images/parents/programme/fd_titre_moment.png) top left no-repeat;
	width:317px;
	height:32px;
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	font-size:12px;
	color:#fff;
	top:69px;
	left:12px;
	position:absolute;
	}
	
#wrapper .main_ctnt .right_programme p.asuivre {
	background:url(../../images/parents/programme/fd_titre_asuivre.png) top left no-repeat;
	width:317px;
	height:32px;
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	font-size:12px;
	color:#fff;
	top:201px;
	left:12px;
	position:absolute;
	}	
	
#wrapper .main_ctnt .right_programme .bloc {
	background:url(../../images/parents/programme/fd_encemoment.png) top left no-repeat;
	width:316px;
	height:91px;
	padding:9px 0 0 9px;
	position:absolute;
	top:103px;
	left:14px;}
	
#wrapper .main_ctnt .right_programme .bloc2 {
	background:url(../../images/parents/programme/fd_asuivre.png) top left no-repeat;
	width:316px;
	height:91px;
	padding:9px 0 0 9px;
	position:absolute;
	top:232px;
	left:14px;}
	
	
#wrapper .main_ctnt .right_programme .bloc img, #wrapper .main_ctnt .right_programme .bloc2 img  {
	width:96px;
	height:72px;
	float:left;
	padding:1px 0 0 1px;}
	
#wrapper .main_ctnt .right_programme .bloc p.titre, #wrapper .main_ctnt .right_programme .bloc2 p.titre{
	width:182px;
	height:54px;
	margin-left:15px;
	padding:8px 0 0 7px;
	float:left;
	font-size:10px;
	}
	
#wrapper .main_ctnt .right_programme .bloc p.heure_surtiji, #wrapper .main_ctnt .right_programme .bloc2 p.heure_surtiji {
	width:75px;
	height:31px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:0 0 0 20px;
	}
	
	

#wrapper .main_ctnt .right_programme .bloc a.savoir {
	background:url(../../images/parents/gal/btn_savoir.png) top left no-repeat;
	width:124px;
	height:31px;
	top:58px;
	left:185px;
	position:absolute;
	display:block;
	}
 #wrapper .main_ctnt .right_programme .bloc2 a.savoir2 {
 	background:url(../../images/parents/gal/btn_savoir2.png) top left no-repeat;
	width:124px;
	height:31px;
	top:61px;
	left:185px;
	position:absolute;
	display:block;
}


#wrapper .main_ctnt .right_programme a.tous {
	background:url(../../images/parents/programme/btn_tous.png) top left no-repeat;
	width:200px;
	height:29px;
	top:333px;
	left:126px;
	position:absolute;
	display:block;
	}
#wrapper .main_ctnt .right_programme a.tous:hover {
	background:url(../../images/parents/programme/btn_tous_on.png) top left no-repeat;
	}
	

	
#wrapper .main_ctnt .right_programme .bloc a.savoir:hover {
	background:url(../../images/parents/gal/btn_savoir_on.png) top left no-repeat;
	}
	
 #wrapper .main_ctnt .right_programme .bloc2 a.savoir2:hover {
	background:url(../../images/parents/gal/btn_savoir2_on.png) top left no-repeat;
	}
	
#wrapper .main_ctnt .right_programme .pub {
	width:314px;
	float:left;
	height:264px;
	margin:377px 0 0 12px;
	_margin:377px 0 0 6px;
	background:url(../../images/parents/gal/fd_pub.png) top left no-repeat;
	_background:none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.tiji.fr/design/tiji/images/parents/gal/fd_pub.png', sizingMethod='crop');

}
#wrapper .main_ctnt .right_programme a.img_pub {
	width:300px;
	height:250px;
	position:absolute;
	top: 421px;
	left:20px;
	}
.carousel_prog {
	width:955px;
	height:130px;
	margin:15px 0 0 0;
	position:relative;
	}
	
.carousel_prog .fond {
	width:955px;
	height:111px;
	background:url(../../images/parents/programme/fd_carousel.png) top left no-repeat;
	_background:none;
 	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.tiji.fr/design/tiji/images/parents/programme/fd_carousel.png', sizingMethod='crop');
	}

.carousel_prog .carousel{
	width:955px;
	height:111px;
	position:absolute;
	top: 0;
	left:0;
	}
	
.carousel_prog .carousel #texte{
	width:347px;
	position:absolute;
	top: 18px;
	left:576px;
	font-weight:bold;
	text-align:center;
	}
	

.carousel_prog .carousel .prev a {
float:left;
height:48px;
width:55px;
background:transparent url(../../images/parents/programme/btn_carousel_precedent.png) no-repeat scroll left top;
position:absolute;
top:54px;
left:5px;
}
.carousel_prog .carousel .prev a:hover {
	background:transparent url(../../images/parents/programme/btn_carousel_precedent_on.png) no-repeat scroll left top;
}

.carousel_prog .carousel .next a {
float:left;
height:48px;
width:55px;
background:transparent url(../../images/parents/programme/btn_carousel_next.png) no-repeat scroll left top;
position:absolute;
top:54px;
left:892px;
}

.carousel_prog .carousel .next a:hover {
	background:transparent url(../../images/parents/programme/btn_carousel_next_on.png) no-repeat scroll left top;
}


.carousel_prog .carousel .liste_carousel {
	background:transparent url(../../images/parents/programme/carousel_fd_bl.png) no-repeat scroll left top;
	display:inline;
	float:left;
	overflow:hidden;
	position:relative;
	width:810px;
	height:48px;
	margin:55px 0 0 68px;
	padding :0 2px;
}

.carousel_prog .carousel .liste_carousel ul {
height:48px;
width:10000px;
}


.carousel_prog .carousel .liste_carousel ul li {
float:left;
}

.carousel_prog .carousel .liste_carousel ul li a{
float:left;
height:42px;
padding:2px;
_padding:2px 2px 0 1px;
width:56px;
}

.carousel_prog .carousel .liste_carousel ul li a:hover {
background-color:#ff6600;}




/*----------------modale---------------------*/

#wrapper_prog_modale {
	background:transparent url(../../images/parents/programme/modale_fd.png) no-repeat scroll left top;
	width:717px;
	height:519px;
	/*margin-top:40px;*/
	}

#wrapper_prog_modale p.titre {
	width:604px;
	_width:595px;
	text-align:center;
	padding:29px 0 0 30px;
	margin-left:20px;
	font-weight:bold;
	height:30px;
	text-transform:uppercase;
	float:left;}
		
#wrapper_prog_modale a.btn_fermer {
	width:35px;
	height:34px;
	background:transparent url(../../images/parents/programme/modale_fermer.png) no-repeat scroll left top;
	margin:20px 0 0 11px;
	_margin:20px 0 0 0px;
	display:block;
	float:left;
	}
#wrapper_prog_modale a.btn_fermer:hover {
	background:transparent url(../../images/parents/programme/modale_fermer_on.png) no-repeat scroll left top;
	}

#wrapper_prog_modale p.titre_prog {
	width:305px;
	_width:290px;
	text-align:center;
	padding:7px 0 0 0;
	margin-left:20px;
	font-weight:normal;
	float:left;}
	
#wrapper_prog_modale a.presentationModale {
	background:transparent url(../../images/parents/programme/modale_presentation.png) no-repeat scroll left top;
	width:161px;
	height:29px;
	margin-left:35px;
	float:left;}
#wrapper_prog_modale a.presentationModale:hover, #wrapper_prog_modale a.presentation.actif {
	background:transparent url(../../images/parents/programme/modale_presentation_on.png) no-repeat scroll left top;
}	

#wrapper_prog_modale a.episode{
	background:transparent url(../../images/parents/programme/modale_episode.png) no-repeat scroll left top;
	width:161px;
	height:29px;
	margin-left:10px;
	float:left;}
	
#wrapper_prog_modale a.episode:hover, #wrapper_prog_modale a.episode.actif{
	background:transparent url(../../images/parents/programme/modale_episode_on.png) no-repeat scroll left top;
}	

#wrapper_prog_modale .left {
	width:320px;
	float:left;
	padding-left:26px;}
	
#wrapper_prog_modale .left img.visu {
	padding-top:22px;}
		
#wrapper_prog_modale .left p.horaires_titre {
	padding:24px 0 0 0;
	margin-left:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ff6600;}
	
#wrapper_prog_modale .left .horaires {
	padding:2px 0 0 0;
	margin-left:20px;
	overflow:auto;
	width:289px;
	height:95px;
	margin-top:12px;
}	

#wrapper_prog_modale .left .horaires ul{
	list-style-image:url("../../images/parents/programme/modale_puce.png"); 
	padding-left:15px;}	


#wrapper_prog_modale .right {
	float:left;
	width:320px;
	margin:17px 0 0 7px;
	}

	
#wrapper_prog_modale .right .txt {
	padding:2px 0 0 0;
	margin-left:20px;
	overflow:auto;
	width:313px;
	height:328px;
	margin-top:12px;}

#wrapper_prog_modale .right .txt p {
	margin-bottom:15px;}
		
	
#wrapper_prog_modale a.savoirplus {
	background:transparent url(../../images/parents/programme/modale_savoir.png) no-repeat scroll left top;
	width:133px;
	height:29px;
	margin:12px 0 0 97px;
	display:block;}
	
#wrapper_prog_modale a.savoirplus:hover {
	background:transparent url(../../images/parents/programme/modale_savoir_on.png) no-repeat scroll left top;
}