@charset "utf-8";
/* CSS Document Kaboum 2009 */



/* ------------------------------------------------------------------------
	Content Redefintion
------------------------------------------------------------------------- */

	* { padding: 0; margin: 0; }
	
	body {
		font: normal .8em Arial, Helvetica, sans-serif;
		color: #000;
		background: #14498b url(/images/backgrounds/bg_body.gif) repeat-x left top;
	}
	
	a { color: #000; text-decoration: none; }
		a:focus { outline: none; }
	
	h1 {
		background: url(/images/logos/kaboum.gif) no-repeat left top;
		text-indent: -100000px;
		width: 209px; height: 98px;
		margin: 0 0 5px 20px;
		float: left;
		position: relative;
	}
		h1 a {
		    display: block;
		    height: 58px; width: 170px;
		    position: absolute; top: 8px; right: 0;
		}

	h2,h3.clone,.basicBg {
		font-size: 1.3em;
		color: #fff;
		text-transform: uppercase;
	}

	h3 { font-size: 1.5em; color: #000; }
	
	img { border: 0; vertical-align: middle; }

	fieldset { border: 0; }

	input { vertical-align: middle; }
	.standard input.hidden { display: none; }
	
	.standard form { width: 450px; float: left; }

	#ltBlock1 { width: 450px; }
	.standard fieldset p {  clear: both; margin: 0; padding: 0;}


/* ------------------------------------------------------------------------
		SHELL
------------------------------------------------------------------------- */


	#wrap {
		width: 1060px;
		margin: 0 auto;
	}
	#container {
		background: #14498b url(/images/backgrounds/bg_body.jpg) no-repeat center -38px;
		width: 980px;
		padding: 0 40px;
		float: left;
	}

	#header {
		background: url(/images/backgrounds/bg_header.gif) no-repeat left top;
		width: 100%; height: 103px;
		position: relative;
		float: left;
	}

	#content {
		width: 100%;
		padding: 0 0 20px;
		float: left;
		z-index:10;
	}
	
	#sponsor {
		list-style: none;
		background: #fff url(/images/backgrounds/bg_sponsor.gif) repeat-x left bottom;
		height: 38px;
		padding: 5px 0 7px;
		clear: both;
	}
	
	#footer {
		font-size: .8em;
		color: #fff;
		text-align: center;
		background: #1d3c62 url(/images/backgrounds/bg_footer.gif) repeat-x left bottom;
		padding: 3px 0 6px;
		clear: both;
	}


/* ------------------------------------------------------------------------
		Commom
------------------------------------------------------------------------- */

	h2.noBg {
		font-size: 2.2em;
		background: none !important;
	}
	.none { display: none !important; }
	.fLeft { float: left !important; }
	.fNone { float: none !important; }
	.paddingLeft { padding-left: 10px; }
	.padTopOnly { padding: 15px 0 0 0 !important; }
	.noPad { padding: 15px 0 0 0 !important; }
	.noPadBtm { padding-bottom: 0 !important; }
	.bigPaddingLeft { padding-left: 40px; }
	.marginTop { margin-top: 8px !important; }
	.realTopMarg { margin-top: 60px !important; }
	.marginLeft { margin-left: 12px; }
	.noMargTop { margin-top: 0 !important; }
	.noMarg { margin: 0 !important; }
	.margBtm { margin: 20px !important; }
	.negMarg { margin: -8px 0 0 -8px !important; }
	.big { font-size: 1.5em; font-weight: bold; }
	.cBoth { clear: both; }
	.rightFix { width: 475px; }
	.arrow {
		font-weight: bold;
		font-size: .9em;
		color: #000;
		background: url(/images/buttons/arrow.gif) no-repeat left 3px;
		padding-left: 20px;
	}
	p.arrow_wrap {
		/*font-weight: bold;
		float: left;*/
		font-size: 1.1em;
		margin: 10px 20px;
	}
	.all {
		position: absolute;
		left: 0; top: 0;
		display: block;
		z-index: 10;
	}
	.infoBulle {
		padding-left: 113px;
		min-height: 130px; width: 288px;
		padding-top: 34px;
		position: relative;
		float: left;
	}
		.infoBulle span{
			background: url(/images/backgrounds/bg_infobulle.png) no-repeat left top;
			position: absolute;
			left: -40px; top: -40px;
			width: 221px; height: 246px;
		}
		.infoBulle h3 { padding-bottom: 10px; }
		.infoBulle p { font-weight: bold; font-size: .9em !important; padding: 0 0 10px 20px; }
		.beside { float: right; margin: -150px 100px 0 0; }



	.picFix {
		position: absolute;
		background: url(/images/backgrounds/tv.png) no-repeat left top;
		width: 177px; height: 187px;
	}

	.photocut {float: right; margin: 0 20px 20px 20px;}

	/***** box blue *****/
	
	.bubbleBlue,.bubbleBlueSm {
		background: url(/images/backgrounds/bubble_blue_r.gif) no-repeat right top;
		margin-top: 12px;
		float: left;
		position: relative;
	}
	.bubbleBlueSm { background: url(/images/backgrounds/bubble_blue_sm_r.gif) no-repeat right top;
		margin-top: 12px;
		float: left;
	}
		.bubbleBlue .bubbleRight {
			background: url(/images/backgrounds/bubble_blue_l.gif) no-repeat left top; 
			margin-right: 29px;
			height: 186px;
			padding: 17px 0 0 19px;
		}
		.bubbleBlueSm .bubbleRight {
			background: url(/images/backgrounds/bubble_blue_sm_l.gif) no-repeat left top; 
			margin-right: 25px;
			height: 121px;
			padding: 10px 0 0 19px;
		}
			.bubbleBlue .bubbleRight h2, .bubbleBlueSm .bubbleRight h2 {
				background: url(/images/backgrounds/bg_bluesm_h2.gif) no-repeat left top;
				padding: 8px 0 7px 15px;
				position: relative;
			}
			.bubbleBlueSm .bubbleRight h2 {
				padding: 2px 0 5px 30px;
				margin-left: 15px;
			}
			.bubbleBlueSm .bubbleRight h2.double { background: url(/images/backgrounds/bg_bluesm_h2_double.gif) no-repeat left top; }

	/***** big box blue *****/

	.bigBubble {
		background: url(/images/backgrounds/bubble_bottom.gif) no-repeat left bottom;
		width: 100%;
		float: left;
		position: relative;
		padding-bottom: 31px;
	}
		.bigBubble .bubbleTop {
			background: url(/images/backgrounds/bubble_top.gif) no-repeat left top;
			width: 962px; min-height: 304px;
			padding: 17px 0 0 19px;
			float: left;
			position: relative;
		}
			.bigBubble .bubbleTop h2 {
				text-transform: none;
				background: url(/images/backgrounds/bg_blue_h2.png) no-repeat left top;
				padding: 7px 0 8px 12px;
				margin-bottom: 20px;
				position: relative;
			}
			.bigBubble .bubbleTop p {
				font-size: 1.1em;
			}


/* ------------------------------------------------------------------------
		Buttons
------------------------------------------------------------------------- */
    .retour_jeux 
    {
        width:248px;
        height:39px;
        background:url(/images/buttons/btn_retourJeux.png) no-repeat left top;
        position:absolute;top:0px;left:0px;
    }
    .retour_jeux:hover
    {
        background-position:0px -39px;
    }

	.btn_tous_jeux {
		text-indent: -100000px;
		background: url(/images/buttons/bt_tous_jeux.gif) no-repeat left top;
		width: 160px; height: 35px !important;
		display: block;
	}
	.btn_tous_jeux:hover { background: url(/images/buttons/bt_tous_jeux.gif) no-repeat left -35px; }

	.plus,.plusDown {
		text-indent: -100000px;
		background: url(/images/buttons/plus.png) no-repeat left top;
		width: 27px; height: 27px;
		position: absolute;
		display: block;
	}
	.plus { 
		position: absolute;
		right: 0; top: -4px;
		display: block;
	}
	.plusDown { 
		position: absolute;
		right: 0; bottom: -2px;
		display: block;
	}

	.btn_back, .btn_print, .btn_fiche, .btn_results, .btn_jeux, .btn_quiz, .btn_retour, .btn_checked {
		text-indent: -100000px;
		background-image: url(/images/buttons/bt_autre_recette.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 260px; height: 35px;
		display: block;
	}
	.back_quiz { background-image: url(/images/buttons/bt_autre_quiz.png); width: 310px; }
	.btn_print, .btn_fiche {
		background-image: url(/images/buttons/bt_imprimer.png);
		width: 130px;
		position: absolute;
		right: 0; top: 0;
	}
/*	.btn_fiche { background-image: url(/images/buttons/bt_fiche.gif); width: 222px; height: 30px; text-indent: 0; font-size: .7em; color: #ffffff; padding: 5px 0 0 35px; }*/
	.mc {
		background-image: url(/images/buttons/bt_print_mask_coul.gif);
		width: 330px; height: 34px;
	}
	.mb {
		background-image: url(/images/buttons/bt_print_mask_bw.gif);
		width: 330px; height: 34px;
	}
	.cape {
		background-image: url(/images/buttons/bt_print_cape.gif);
		width: 300px; height: 34px;
	}
	.goutte {
		background-image: url(/images/buttons/bt_print_goutte.gif);
		width: 207px; height: 34px;
	}
	.poignets {
		background-image: url(/images/buttons/bt_print_poignet.gif);
		width: 224px; height: 34px;
	}
	.cb {
		background-image: url(/images/buttons/bt_print_k_coul.gif);
		width: 300px; height: 34px;
	}
	.cc {
		background-image: url(/images/buttons/bt_print_k_bw.gif);
		width: 300px; height: 34px;
	}

		.btn_fiche, .btn_retour, .btn_checked {
			text-indent: 0;
			background-image: url(/images/buttons/bt_fiche_start.gif);
			width: auto; height: 35px;
			padding-left: 37px;
		}
	    .btn_checked { background-image: url(/images/buttons/bt_checked.png); width: 277px;background-position:0 -1px; }
		.btn_retour {
			background-image: url(/images/buttons/bt_retour_start.gif);
			float: left;
			clear: both;
			height: 34px;
			margin-bottom: 20px;
		}
		.stepConcoursHerbe .btn_retour {
			margin-bottom: 18px;
		}
			.btn_fiche span.bg_btn_end, .btn_retour  span.noChange, .btn_retour span.txt {
				font-size: .6em;
				letter-spacing: .01em;
				color: #ffffff;
				background-image: url(/images/buttons/bt_fiche_end.gif);
				background-position: right top;
				width: auto; height: 27px;
				padding: 8px 10px 0 0;
				display: block;
			}
			.btn_retour span.txt {
				font-size: 1.1em;
				padding: 8px 10px 0 0;
				background-position: right 1px;
			}
			.specialButtons .btn_fiche span.txt, .btn_fiche span.txte, .btn_checked span.txt {
				letter-spacing: .01em;
				font-size: 1.2em;
				color: #ffffff;
				background-image: url(/images/buttons/bt_fiche_end.gif);
				background-position: right top;
				width: auto; height: 27px;
				padding: 8px 10px 0 0;
				display: block;
				float: left;
			}
			.btn_fiche span.txte {
				height: 15px;
				padding: 8px 10px 11px 0;
			}
			.btn_retour span.noChange {
				font-weight: bold;
				font-size: 1.2em;
				background-image: url(/images/buttons/bt_retour_end.gif);
				padding: 8px 15px 0 0;
				height: 26px;
			}
				.btn_fiche:hover span.bg_btn_end {
					background-position: right bottom;
					text-decoration: none;
					padding: 7px 15px 0 0;
					height: 28px;
				}
				.btn_fiche:hover span.txt, .btn_retour:hover span.txt, .btn_checked:hover span.txt {
					background-position: right bottom;
					text-decoration: none;
					padding: 12px 15px 0 0;
					height: 23px;
				}
				.btn_checked:hover span.txt {
					background-position: right -36px;
				}
				.btn_retour:hover span.txt {
					background-image: url(/images/buttons/bt_retour_end.gif);
					padding: 11px 15px 0 0;
				}
				.btn_fiche:hover span.txte {
					background-position: right -35px;
					padding: 12px 15px 8px 0;
				}
				.btn_retour:hover span.noChange {
					background-position: right bottom;
					text-decoration: none;
					padding: 7px 15px 0 0;
					height: 27px;
				}
				.btn_retour:hover {
					background-position: left bottom;
					text-decoration: none;
					height: 34px;
				}



	.btn_results { background-image: url(/images/buttons/bt_results.png); width: 212px; margin-left: 130px; }
		.btn_back:hover, .btn_print:hover, .btn_fiche:hover, .btn_checked:hover, .btn_results:hover { background-position: left bottom!important; }

	.btn_quiz, .btn_jeux {
		font-weight: bold;
		font-size: 1em;
		color: #fff;
		line-height: 1em;
		text-indent: 0;
		text-align: center;
		position: relative;
		width: 131px; height: 41px;
		padding: 4px 15px 0 25px;
		margin-right: 20px;
		float: left;
	}
		.btn_quiz:hover, .btn_jeux:hover {
			text-decoration: none;
			background-position: 0 -45px;
		}
		.btn_quiz:hover, .btn_jeux:hover {
			padding-top:5px;
		}
	.btn_quiz span.icon, .btn_jeux span.icon, .fondecran span.icon { position: absolute; left: -18px; top: -18px; width: 59px; height: 45px; }
		.btn_quiz span.icon { background: url(/images/icons/icon_quiz_b.gif) no-repeat left top; }
		.btn_jeux span.icon { background: url(/images/icons/icon_jeux_b.gif) no-repeat left top; }
		.fondecran span.icon { background: url(/images/icons/icon_ecran.gif) no-repeat left top; left: 38px; top: 0; z-index:11; }
	.btn_quiz, .btn_jeux { background-image: url(/images/buttons/bt_hidden.png); }

	/*.btn_concours {
		text-indent: -100000px;
		background: url(/images/buttons/bt_concours.png) no-repeat left -34px;
		height: 35px; width: 160px;
		display: block;
		margin-left:  255px;
	}*/
	.btn_concours {
		text-indent: -100000px;
		background: url(/images/buttons/bt_concours.png) no-repeat left -34px;
		height: 35px; width: 160px;
		display: block;
		margin-left:  150px;
	}
	.btn_concours:hover {
		background: url(/images/buttons/bt_concours.png) no-repeat left top;
	}


	.empty {
		left: 0 !important;
		right: inherit;
		top: inherit;
		bottom: -1px;
	}

/* ------------------------------------------------------------------------
		Main Navigation - Header 
------------------------------------------------------------------------- */

	#header p { text-indent: -100000px; }
	#header ul {
		list-style: none;
		position: absolute;
		left: 258px; bottom: 0;
		height: 103px; width: auto;
	}
		#header ul li {
			list-style: none;
			position: relative;
			float: left;
		}
			#header ul li a {
				text-indent: -100000px;
				background-position: 0 -103px;
				background-repeat: no-repeat;
				position: relative;
				width: 89px; height: 103px;
				display: block;
				float: left;
				z-index: 1;
				/*border:1px solid red;*/
			}
				#header ul li a:hover { background-position: 0 0; }
				#header ul li.selected a {
					background-position: 0 -206px;
					width: 89px !important;
				}

			#header ul li a#accueil { background-image: url(/images/nav/bt_home.png); }
			#header ul li a#jeux { background-image: url(/images/nav/bt_jeux.png);margin-left:20px; }
			#header ul li a#laquete { background-image: url(/images/nav/bt_laquete.png);margin-left:16px; }
			#header ul li a#activites { background-image: url(/images/nav/bt_activites.png);margin-left:15px; }
			#header ul li a#personnages { background-image: url(/images/nav/bt_personnages.png); width:99px;margin-left:11px; }
				#header ul li.selected a#personnages { width: 105px !important;margin-left:15px; }
			#header ul li a#concours { background-image: url(/images/nav/bt_concours.png);margin-left:4px; }
			#header ul li a#ns_ecrire { background-image: url(/images/nav/bt_ecrire.png); }
			#header ul li a#aide { background-image: url(/images/nav/bt_aide.png); width: 87px;margin-left:7px; }


/* ------------------------------------------------------------------------
		Sous Navigation
------------------------------------------------------------------------- */


	.sous_nav {
		list-style: none;
		margin: 12px 0 -17px 33px;
		float: left;
		z-index: 10;
		position: relative;
	}
		.sous_nav li {
			list-style: none;
			float: left;
		}
			.sous_nav li a {
				text-indent: -100000px;
				height: 63px;
				display: block;
				float: left;
			}



/* ------------------------------------------------------------------------
		- Content 
------------------------------------------------------------------------- */


	.panel {
		float: left;
	}

	.flash, .flashSplash  { float: left; margin-top: 2px !important; position: relative; z-index: 12 !important; width: 470px; height: 264px; display: block; }
	.flashSplash {
		background: url(/images/backgrounds/bgSwf.png) no-repeat left top;
		width: 479px; height: 271px;
		padding: 4px 0 15px 14px;
		position: relative;
	}

/* FanClub */


	.fanClub,.sondage {
		background: url(/images/backgrounds/bubble_blue_home.gif) no-repeat left top;
		width: 478px; height: 169px;
		padding-right: 15px;
		margin-top: 12px;
		float: left;
		position: relative;
		clear: both;
	}
	.sondage {
		background: url(/images/backgrounds/bubble_blue_activites.gif) no-repeat left top;
	}
	.fanClub {
	    width: 493px;
	    padding-right: 0;
	}
	.fanClub .picFix {
		left: -35px; top: -48px;
	}

		.fanClub h2 {
			background: url(/images/backgrounds/bg_h2_fanclub.gif) no-repeat left top;
			padding: 7px 0 8px 45px;
			margin: 12px 0 0 40px;
		}
		.sondage h2 {
			background: url(/images/backgrounds/bg_blue_h2.gif) no-repeat left top;
			padding: 7px 0 8px 83px;
			margin: 12px 0 0 40px;
		}

		.fanClub h3 {
			padding: 12px 0 12px 140px;
		}
	
		.fanClub p.arrow, .sondage p.arrow {
			font-weight: bold;
			font-size: .9em;
			background: url(/images/buttons/arrow.png) no-repeat left 3px;
			padding-left: 18px;
			margin-left: 123px;
		} 
		.fanClub p.arrow {
		    margin-left: 85px;
		    margin-bottom: 10px;
		    margin-right: 15px;
		}
		.sondage p.arrow { margin-left: 78px; }
		.fanClub form {
			margin: -40px 0 0 10px;
			padding: 40px 0 0 10px;
			color: #eee;
			width: 480px;
			position: relative;
			background: url(/images/backgrounds/bg_inscrits.png) no-repeat 340px -20px;
		}
			.fanClub form p span.membres {
				color: #000;
				font-weight: bold;
				font-size: 1.4em;
				text-align: center;
				line-height: 1.1em;
				position: absolute;
				right: 18px; 	top: 10px;
				width: 97px;
				z-index: 1;
			}
			.fanClub form p span.membres span{ color: #fff; font-size: 1.3em; }
		.fanClub label {
			color: #000;
		  float: left;
			font-weight: bold;
		  margin-right: 7px;
		  text-align: right;
		  vertical-align: middle;
		  width: 125px; height: 25px;
		  line-height: 10px;
		}
			.fanClub label span{
				font-weight: normal;
				font-size: .8em;
			}
		#fanClub_label2{
		    position: relative; top: 12px;
		}
		.fanClub input {
			width: 215px;
			padding: 2px;
			border: none;
			z-index: 10;
		}
		.fanClub select {
			border: none;
			margin: 3px 0 6px;
		}
		.fanClub option { padding: 0 2px;}
		.fanClub #send { 
			margin-left: -20px;
			width: auto;
			padding: 0;
		}
	.fanClub input.hidden {width: 1px; height: 1px; display: none;}

	.closeFanclub { background: url(/images/backgrounds/leskwat.png) no-repeat 0 0; }
	.closeFanclub:hover { background: url(/images/backgrounds/leskwat.png) no-repeat 0 -221px; }
	.closeFanclub h2 { text-indent:-100000px; background:url(/images/backgrounds/h2_closeFanclub.png) no-repeat; padding:0; width:289px; height:71px; margin:20px 0 0 185px; }
	.closeFanclub #ltBlock1 { width:380px; position:absolute; left:100px; top:97px; }
	.closeFanclub #ltBlock1 .arrow { color:#fff; }
/* mission */

	.mission, .quiz, .activites { 
		background: url(/images/backgrounds/bubble_orange_home.gif) no-repeat left top;
		width: 475px; height: 165px;
		margin-top: 12px;
		float: left;
		position: relative;
		clear: both;
	}
		/*.mission .picFix {
			left: -13px; top: -11px;
			background: url(/images/placeholders/bulle_concours.png) no-repeat left top;
			width: 488px; height: 176px;
			z-index: 200;
		}
		.mission .picFix span.liner{
			font-size: .9em;
			font-weight: bold;
			padding: 90px 0 40px 180px;
			display: block;
			text-align: center;
		}*/
		.mission .picFix {
			left: 0px; top: 0px;
			background: url(/images/placeholders/bulle_concours_herbe.png) no-repeat left top;
			width: 475px; height: 166px;
			z-index: 200;
		}
		.mission .picFix span.liner{
			font-size: .9em;
			font-weight: bold;
			padding: 50px 195px 0 18px;
			display: block;
		}
		.mission .picFix:hover {
			/*background: url(/images/buttons/halloween_on.png) no-repeat left top;*/
		}
		.mission h2 {
			background: url(/images/backgrounds/bg_orange_h2.gif) no-repeat left top;
			padding: 7px 0 8px 30px;
			margin: 13px 0 0 35px;
			position: relative;
		}
			.mission h2 span.icon {
				background: url(/images/icons/icon_mission.gif) no-repeat left top;
				position: absolute;
				left: -15px; top: -4px;
				width: 41px; height: 42px;
			}
		.mission h3 { padding: 10px 0 0 43px;  margin-bottom: -8px; }
		.mission p.arrow { margin: 10px 0 10px 25px; background-image: url(/images/backgrounds/arrow_orange.gif); }
			.mission p.arrow a { color: #000; font-style: italic; }
			.mission p a.jouer, .mission p a.voter {
				text-indent: -100000px;
				background-image: url(/images/buttons/bt_jouer.gif);
				background-repeat: no-repeat;
				background-position: left top;
				width: 107px; height: 35px;
				display: block;
				margin: 18px 0 0 60px;
			} 
			.mission p a.voter {
				background-image: url(/images/buttons/btn_voter.gif);
				margin: 0 0 0 15px;
			}
			.mission p a.jouer:hover, .mission p a.voter:hover { background-position: 0 -35px; }


/* jeux */

	.jeux {
		background: url(/images/backgrounds/bubble_orange_sm_home.gif) no-repeat left top;
		width: 223px; height: 283px;
		margin-top: 12px;
		float: left;
		position: relative;
		clear: left;
	}
		.jeux h2 {
			background: url(/images/backgrounds/bg_orange_h2.gif) no-repeat left top;
			padding: 7px 0 8px 35px;
			margin: 13px 0 0 30px;
			position: relative;
		}
			.jeux h2 span.icon {
				background: url(/images/icons/icon_jeux.gif) no-repeat left top;
				position: absolute;
				left: -13px; top: -8px;
				width: 45px; height: 42px;
			}


		.jeux ul { list-style: none; padding-top: 15px; }
			.jeux ul li { list-style: none; padding: 0 0 10px 10px; display: block; float: left; }
				.jeux ul li a {
					text-indent: -100000px;
					background-position: left top;
					background-repeat: no-repeat;
					height: 44px; width: 202px;
					display: block;
					float: left;
				}
				.jeux ul li a#bt1 { background-image: url(/images/buttons/jeux_home/bt_cavapeter.png); }
				.jeux ul li a#bt2 { background-image: url(/images/buttons/jeux_home/bt_rodamcon.png); }
				.jeux ul li a#bt3 { background-image: url(/images/buttons/jeux_home/bt_paul.png); }
				.jeux ul li a#bt4 { background-image: url(/images/buttons/jeux_home/bt_casse_caboche.png); }
				.jeux ul li a#bt5 { background-image: url(/images/buttons/jeux_home/bt_chakalakaboum.png); }
				.jeux ul li a#bt6 { background-image: url(/images/buttons/jeux_home/bt_clara.png); }
				.jeux ul li a#bt7 { background-image: url(/images/buttons/jeux_home/bt_eloi_karateka.png); }
				.jeux ul li a#bt8 { background-image: url(/images/buttons/jeux_home/bt_karmengrenage.png); }
				.jeux ul li a#bt9 { background-image: url(/images/buttons/jeux_home/bt_krashmals_attaquent.png); }
				.jeux ul li a#bt10 { background-image: url(/images/buttons/jeux_home/bt_ouestlasortie.png); }
				.jeux ul li a#bt11 { background-image: url(/images/buttons/jeux_home/bt_photo_gina.png); }
				.jeux ul li a#bt12 { background-image: url(/images/buttons/jeux_home/bt_recettes_esther.png); }
				.jeux ul li a#bt13 { background-image: url(/images/buttons/jeux_home/bt_simon_rapido.png); }
				.jeux ul li a#bt14 { background-image: url(/images/buttons/jeux_home/bt_sonde_krashmal.png); }
				.jeux ul li a#bt15 { background-image: url(/images/buttons/jeux_home/bt_trouve_cles.png); }
				.jeux ul li a:hover { background-position: 0 -44px; }

			.jeux li a.btn_tous_jeux { margin: 5px 0 0 20px; background-position: left top; width: 160px; }
				.jeux li a.btn_tous_jeux:hover { background-position: left bottom; }

	.custumes { 
		background-image: url(/images/buttons/);
		background-image: no-repeat;
		background-image: left top;
		position: absolute; 
		left: 130px; 
		bottom: 20px; 
	}


/* epicerie */

	.epicerie {
		background: url(/images/buttons/bt_epicerie.gif) no-repeat right top;
		width: 169px; height: 56px;
		padding-left: 70px; margin-top: 17px;
		float: left;
		position: relative;
		clear: both;
	}
	.epicerie:hover {
		background: url(/images/buttons/bt_epicerie.gif) no-repeat right bottom;
	}
		.epicerie h2 { text-indent: -100000px; }
			.epicerie h2 span.icon {
				background: url(/images/icons/icon_epicerie.png) no-repeat left top;
				position: absolute;
				left: -26px; top: -29px;
				width: 176px; height: 109px;
			}
		.epicerie .all { width: 245px; height: 63px; }



/* nouvelles */

	.nouvelle {
		background: url(/images/backgrounds/bubble_bluesm_home.gif) no-repeat left top;
		width: 240px; height: 209px;
		margin-top: 12px;
		float: left;
		position: relative;
		clear: both;
	}
		.nouvelle .all { width: 240px; height: 178px; }
		.nouvelle h2 {
			background: url(/images/backgrounds/bg_bluesm_h2.gif) no-repeat left top;
			padding: 7px 0 8px 38px;
			margin: 13px 0 0 30px;
			position: relative;
		}
			.nouvelle h2 span.icon {
				background: url(/images/icons/icon_nouvelle.png) no-repeat left top;
				position: absolute;
				left: -28px; top: -15px;
				width: 70px; height: 70px;
			}
		.nouvelle p.cadre {
			background: url(/images/backgrounds/cadre.gif) no-repeat left top;
			padding: 3px;
			margin: 15px 5px 15px 10px;
			float: left;
		}
		.nouvelle p.sansCadre {
			background: none;
			padding: 0;
		}


	/* sondage */

	.sondage .picFix {
		position: absolute;
		left: -22px; top: -34px;
		background: url(/images/backgrounds/tv_green.png) no-repeat left top;
		width: 120px; height: 127px;
	}
		.sondage form {
			position: absolute;
			top: 15px; right: 20px;
		}
		.sondage input { width: auto; vertical-align: middle; }
		.sondage label { color: #000; font-weight: bold; font-size: .9em; padding-left: 5px; }
		.sondage p.arrow {
			width: 150px;
			float: left;
		}
		.sondage #vote { margin-top: 10px; }

		.sondage h2 {
			width: 210px;
			margin: 8px 0 0 10px;
			float: left;
		}
		.sondage p.arrow { margin-top: 10px; }


	/* Quiz */

		.quiz { background: url(/images/backgrounds/bubble_orange_star.gif) no-repeat left top; height: 104px; }
			.quiz .all { width: 475px; height: 104px; }
			.quiz h2, .activites h2 {
				background: url(/images/backgrounds/bg_orange_h2.gif) no-repeat left top;
				padding: 7px 0 8px 35px;
				margin: 13px 0 0 35px;
				position: relative;
			}
				.quiz h2 span.icon, .activites h2 span.icon{
					background: url(/images/icons/icon_quiz.gif) no-repeat left top;
					position: absolute;
					left: -15px; top: -4px;
					width: 46px; height: 41px;
				}
			.quiz h3 { font-size: 1.4em; padding: 5px 0 5px 30px; }
			.quiz p.arrow, .activites p.arrow {
				background-image: url(/images/backgrounds/arrow_orange.gif);
				margin: 0 0 0 10px;
			}
	.quiz .picFix {
		position: absolute;
		left: -38px; top: -47px;
		background: url(/images/backgrounds/tv_green.png) no-repeat left top;
		width: 180px; height: 190px;
	}
	
	.quiz_result {
	    background: no-repeat center 65px;
	    height: auto !important;
	    height: 300px;
	    min-height: 270px;
	    margin: 20px 0 0;
	    width: 401px;
	    text-align: center;
	}
	    .quiz_result p {
	        color: #fff;
	        font-weight: bold;
	        margin: 120px 35px 0;
	    }
	
	.questions .correct {
	    color: #006600;
	}
	.questions .bad {
	    color: #cc0000;
	}
	
	
	/* bricolage */

			.activites { background: url(/images/backgrounds/bubble_orange3.gif) no-repeat left top; height: 173px; }
			.activites .all { width: 475px; height: 173px; }
			.activites h2 span.icon {
				background: url(/images/icons/icon_activites.gif) no-repeat left top;
				position: absolute;
				left: -15px; top: -4px;
				width: 44px; height: 40px;
			}
			.activites p.arrow { width: 240px; margin-top: 10px; }
			.activites ul {
				font-weight: bold;
				font-size: .9em;
				list-style: none;
				margin: 10px 0 0 40px;
			}

	.activites .picFix {
		position: absolute;
		right: 15px; bottom: 22px;
		background: url(/images/backgrounds/bg_activites.jpg) no-repeat left top;
		width: 196px; height: 126px;
	}

			.rire .bubbleRight h2 span.icon {
				background: url(/images/icons/icon_rire.gif) no-repeat left top;
				position: absolute;
				left: -18px; top: 0;
				width: 44px; height: 40px;
			}

		.fondsEcran .bubbleRight h2 { padding: 7px 0 7px 30px; }
			.fondsEcran .bubbleRight h2 span.icon {
				background: url(/images/icons/icon_ecran.gif) no-repeat left top;
				position: absolute;
				left: -18px; top: -1px;
				width: 42px; height: 37px;
			}
			.fondsEcran .bubbleRight h2 a { color: #fff; }
	
		.rire .all { width: 215px; height: 133px; }
		.rire p.arrow {
			width: 160px;
			margin: 5px 0 0 -10px;
		}
	.fondsEcran ul, .bubbleTop #personnage ul {
		list-style: none;
		margin-top: 15px;
	}
	.fondsEcran ul {
		float: left;
	}
	.bubbleTop #personnage ul {
		list-style: none;
		margin: 85px 0 0 10px;
		float: left;
		clear: both;
	}
		.fondsEcran ul li, .bubbleTop #personnage ul li {
			list-style: none;
			float: left;
			padding-right: 12px;
			position: relative;
		}
		.bubbleTop #personnage ul li {
			padding-right: 4px;
		}
			.fondsEcran ul li.last, .bubbleTop #personnage ul li.last { padding: 0; }
			.bubbleTop #personnage ul li img {
				width: 43px; height: 43px;
				padding: 5px;
				float:  left;
			}
			.fondsEcran ul li img {
				width: 48px; height: 40px;
				padding: 5px;
				float:  left;
			}
			.bubbleTop #personnage ul li a {
				background: url(/images/backgrounds/bg_fondsecran.gif) no-repeat left top;
				position: absolute;
				width: 50px; height: 51px;
				display: block;
			}
			.fondsEcran ul li a {
				background: url(/images/backgrounds/bg_fondsecran1.gif) no-repeat left top;
				position: absolute;
				width: 64px; height: 55px;
				left: 0; top: 0;
				display: block;
			}
			.bubbleTop #personnage ul li a {
				background: url(/images/backgrounds/bg_mini_list.gif);
				background-repeat: no-repeat;
				background-position: left top;
				position: absolute;
				left: 0; top: 0;
				width: 50px; height: 51px;
				display: block;
			}
			.fondsEcran ul li a:hover {
				background: url(/images/backgrounds/bg_fondsecran1_on.gif) no-repeat left top;
			}
			.bubbleTop #personnage ul li a:hover {
				background-position: left -57px;
				width: 57px; height: 56px;
			}



/* ------------------------------------------------------------------------
		- JEUX *accueil 
------------------------------------------------------------------------- */


			.bubbleBlue .bubbleRight ul.listeJeux { list-style: none; float: left; margin-right: -15px; margin-left: -5px; }
				.bubbleBlue .bubbleRight ul.listeJeux li {
					list-style: none;
					padding: 0;
					float: left;
				}
					.bubbleBlue .bubbleRight ul.listeJeux li a {
						text-indent: -100000px;
						background-repeat: no-repeat;
						background-position: 0 -146px;
						display: block;
						float: left;
						width: 114px; height: 146px;
					}
					.bubbleBlue .bubbleRight ul.listeJeux li a:hover {
						background-position: left top;
					}

	a#krashmal_a { background-image: url(/images/icons/j_krashmals.gif); }
	a#ouestlasortie { background-image: url(/images/icons/j_sortie.gif); }
	a#paul_sangsues { background-image: url(/images/icons/j_paul.gif); }
	a#simon_rapido { background-image: url(/images/icons/j_simon.gif); }
	a#recettes_esther { background-image: url(/images/icons/j_esther.gif); }
	a#romdamcon { background-image: url(/images/icons/j_rondamcon.gif); }
	a#casse_caboche { background-image: url(/images/icons/j_caboche.gif); }
	a#photos_gina { background-image: url(/images/icons/j_gina.gif); }
	a#clara_krashmotte { background-image: url(/images/icons/j_clara.gif); }
	a#karmengrenage { background-image: url(/images/icons/j_karmengrenage.gif); }
	a#sonde_krashmal { background-image: url(/images/icons/j_sonde.gif); }
	a#chakalakaboum { background-image: url(/images/icons/j_chakalakaboum.gif) }
	a#cavapeter { background-image: url(/images/icons/j_cavapeter.gif) }
	a#trouve_cles { background-image: url(/images/icons/j_cles.gif) }
	a#eloi_karateka { background-image: url(/images/icons/j_eloi.gif) }




/* ------------------------------------------------------------------------
		- Recettes *accueil
------------------------------------------------------------------------- */


			.sous_nav li a#recettes {
				background: url(/images/nav/r_bt_recettes.gif) no-repeat left top;
				width: 146px;
			}
				.sous_nav li a#recettes:hover,
				.sous_nav li.selected a#recettes { background: url(/images/nav/r_bt_recettes_on.gif) no-repeat left top; }
			.sous_nav li a#sck {
				background: url(/images/nav/r_bt_sck.gif) no-repeat left top;
				width: 160px;
			}
				.sous_nav li a#sck:hover,
				.sous_nav li.selected a#sck { background: url(/images/nav/r_bt_sck_on.gif) no-repeat left top; }
			.sous_nav li a#brico {
				background: url(/images/nav/r_bt_brico.gif) no-repeat left top;
				width: 216px;
			}
				.sous_nav li a#brico:hover,
				.sous_nav li.selected a#brico { background: url(/images/nav/r_bt_brico_on.gif) no-repeat left top; }
			.sous_nav li a#rires {
				background: url(/images/nav/r_bt_rires.gif) no-repeat left top;
				width: 174px;
			}
				.sous_nav li a#rires:hover,
				.sous_nav li.selected a#rires { background: url(/images/nav/r_bt_rires_on.gif) no-repeat left top; }
			.sous_nav li a#ecran {
				background: url(/images/nav/r_bt_ecran.gif) no-repeat left top;
				width: 159px;
			}
				.sous_nav li a#ecran:hover,
				.sous_nav li.selected a#ecran { background: url(/images/nav/r_bt_ecran_on.gif) no-repeat left top; }



	.arrowFix {
		font-weight: bold;
		font-size: .9em;
		background: url(/images/buttons/arrow.gif) no-repeat left center;
		position: absolute;
		left: 320px; top: 20px;
		padding-left: 20px;
	}

	.liste {
		list-style: none;
		width: 500px;
		float: none;
	}
	.allpage { width: 900px !important; }
		.liste li {
			list-style: none;
			width: 80px; height: 81px;
			padding: 5px;
			margin: 10px 10px 0 0;
			float: left;
			position: relative;
			/*overflow: hidden;*/
		}
			.liste li a {
				background: url(/images/backgrounds/frame_off.gif) no-repeat left top;
				position: absolute;
				left: 0; top: 0;
				width: 98px; height: 96px;
			}
			.liste li a:hover {
				background: url(/images/backgrounds/frame_over.png) no-repeat left top;
			}
			.overPlus li a:hover {
				background: url(/images/backgrounds/frame_on.png) no-repeat left top;
			}
				.liste li a span {
					background: url(/images/icons/icon_star.png) no-repeat left top;
					position: absolute;
					right: -2px; top: -7px;
					width: 33px; height: 31px;
				}

	.rapidInfo { padding-left: 10px; }

	h3.clone {
		font-size: 1.7em;
		text-transform: none;
		background: url(/images/backgrounds/bg_blue_h2.png) no-repeat left top;
		padding: 2px 0 6px 12px;
		margin-top: 10px;
	}

	.infosTemps { list-style: none; width: 223px; float: left; margin: 0px 100px 0 50px; }
		.infosTemps li {
			font-weight: bold;
			font-size: 1.2em;
			font-style: italic;
			list-style: none;
			width: 218px; height: 39px;
			padding: 15px 0 0 65px !important;
			margin: 10px 0 0;
			float: left;
		}	
		.infosTemps li span {
			font-size: 1.8em;
		}

			.infosTemps li.preparation { background: url(/images/backgrounds/bg_infos_preparation.gif) no-repeat left top; }
			.infosTemps li.cuisson { background: url(/images/backgrounds/bg_infos_cuisson.gif) no-repeat left top; }
			.infosTemps li.portion { background: url(/images/backgrounds/bg_infos_portion.gif) no-repeat left top; }
			.infosTemps li.maceration { background: url(/images/backgrounds/bg_infos_maceration.gif) no-repeat left top; }
			.infosTemps li.refroidir { background: url(/images/backgrounds/bg_infos_refroidir.gif) no-repeat left top; }
			.infosTemps li.decoration { background: url(/images/backgrounds/bg_infos_decoration.gif) no-repeat left top; }



/* ------------------------------------------------------------------------
		- Recettes *recette
------------------------------------------------------------------------- */

	.bigFrame { margin-top: 25px; position: relative; width: 401px; clear: both; }

	.bigSpot { 
			width: 423px; height: auto;
			position: relative;
			overflow: hidden;
			text-align: center;
		}
	.bigSpot img { 
			margin-top: 15px;
		}
		.bigFrame span {
			/*background: url(/images/backgrounds/bigframe.gif) no-repeat left top;*/
			position: absolute;
			left: 0; top: 0;
			width: 401px; height: 300px;
			z-index: 10;
		}
		.bigFrame p {
			font-weight: bold;
			color: #fff;
			padding: 10px 0 10px 18px;;
		}
	.bigFrame .arrow { background-position: 0 14px }
	.step { float: left; width: 465px; margin-top: -20px; }
		.step li {
			font-weight: bold;
			font-size: 1.4em;
			list-style: none;
			text-transform: uppercase;
			color: #fff;
			background: url(/images/backgrounds/bg_blue_h2.png) no-repeat left top;
			padding: 4px 0 0 35px; margin: 15px 0 0;
			width: 100%;
			float: left;
			position: relative;
		}
			.step li span.title { display: block;  }
			.step li span.bigNumber { font-size: 2em; position: absolute; left: 10px; top: -9px;  }
			.step li ul {
				margin: 20px 0 0 -15px;
			}
			.step li li {
				font-size: .8em;
				color: #000;
				text-transform: none;
				background: none;
				margin-top: 0;
			}
			.step li .materiels li {
				width: 93px; height: 93px;
				padding: 0; margin: 4px;
			}
			.step li .ingredients li, .step li .listArrow li  {
				background: url(/images/buttons/arrow.gif) no-repeat left 3px;
				padding: 0 0 0 20px;
			}
				.step li .ingredients li.extra, .step li .listArrow li.extra {
					font-weight: bold;
					font-size: 1em;
					background: none;
					padding: 10px 0 5px;
					width: 240px;
				}
					.step li .ingredients li.extra span {
						padding-bottom: 5px;
					}
					.step li .ingredients li.extra ul {
						margin: 0 20px 0 0;
					}
				.step li .ingredients li.extraTxt {
					background: none;
					padding: 0 0 5px;
				}
			.step li .ingredients li.message {
				margin: 20px 0 0 -20px;
				background: none;
				color: #ffffff;
				font-style:italic;
			}
			.step li.largeSize {
				margin-left: -440px;
				width: 925px;
			}
			.step li.noLarge {
				margin-left: 0;
				width: 100%;
			}
			.step li.largeSize .arrowFix {
				font-size: .6em;
				color: #000;
				text-transform: none;
				left: 330px; top: 2px;
			}
				.step li.largeSize ol {
					text-transform: none;
					margin: 22px 0 0 -33px;
				}
				.step li.largeSize li {
					background: url(/images/backgrounds/bg_step_instructions_btm.gif) no-repeat left bottom;
					width: 450px;
					padding: 0; margin: 0 22px 22px 0;
					float: left;
					position: relative;
				}
				.step li.largeSize li span.heightFixTop, .step li.largeSize li span.heightFixBtm,  .step li.largeSize li span.miniInfobulle {
					font-size: .85em;
					background: url(/images/backgrounds/bg_step_instructions.gif) no-repeat left top;
					width: 319px;
					margin-bottom: 23px; padding: 10px 45px 0 88px;
					display: block;
					position: inherit;
					left: inherit; top: inherit;
				}
				.step li.largeSize li span strong {
					font-size: 1.5em;
					padding-bottom: 8px;
					display: block;
				}
				.step li.largeSize li span span.un,
				.step li.largeSize li span span.deux,
				.step li.largeSize li span span.trois,
				.step li.largeSize li span span.quatre,
				.step li.largeSize li span span.cinq  {
					text-indent: -100000px;
					position: absolute;
					left: 15px; top: 10px;
				}
				.step li.largeSize li span span.un { background: url(/images/icons/1.gif) no-repeat left top; width: 40px; height: 73px;	}
				.step li.largeSize li span span.deux { background: url(/images/icons/2.gif) no-repeat left top; width: 58px; height: 71px;	}
				.step li.largeSize li span span.trois { background: url(/images/icons/3.gif) no-repeat left top; width: 57px; height: 73px;	}
				.step li.largeSize li span span.quatre { background: url(/images/icons/4.gif) no-repeat left top; width: 62px; height: 74px;	}
				.step li.largeSize li span span.cinq { background: url(/images/icons/5.gif) no-repeat left top; width: 57px; height: 72px;	}

				.step li.largeSize li span span.star {
					text-indent: -100000px;
					background: url(/images/icons/icon_star.png) no-repeat left top;
					position: absolute;
					right: 10px; top: 5px;
					width: 33px; height: 31px;
					padding: 0;
				}

				.step li.largeSize li span span.miniInfobulle {
					background: none;
					padding: 18px 0 0 33px;
					width: 250px;
					position: relative;
				}
				.step li.largeSize li span span.miniInfobulle span {
					background: none;
					padding: 0;
					margin: 0;
				}
				.step li.largeSize li span span.miniInfobulle span.misterTips {
					background: url(/images/backgrounds/bg_mini_infobulle.png) no-repeat left top;
					position: absolute;
					left: -65px; top: -45px;
					width: 159px;	height: 165px;
					padding: 0; margin: 0;
				}
				.step li.largeSize li span span.miniInfobulle span.arrow {
					font-weight: bold;
					font-size: 1.2em;
					background: url(/images/buttons/arrow.gif) no-repeat left 3px;
					width: 250px;
					padding-left: 20px;
				}

	.step li.autresRecettes {
		width: 460px !important;
		margin-top: 0;
	}
	.step li.autresRecettes .liste {
		padding: 10px 0 0 0;
		width: 460px !important;
		margin-left: -33px;
		float: left;
	}
	.step li.autresRecettes .liste li {
		width: auto !important;
		margin:0 10px 0 0;
		padding:5px;
		position:relative;
		width:80px;
		background: none;
	}

	.popInfo {
		background: url(/images/backgrounds/bubble.png) no-repeat left top;
		position: absolute;
		left: -85px; top: -250px;
		width: 478px; height: 208px;
		padding: 14px 14px;
	}
		.popInfo span.content {
			width: 205px;
			display: block;
			float: left;
		}
			.popInfo img {	margin-right: 10px; float: left; }
			.popInfo .content span {
				margin: 10px 0 0 10px; 
				font-size: 1em !important;
				display: block;
				float: left;
			}
			.popInfo .content .nomRecette {
				font-weight: bold;
				font-size: 1.6em !important;
				color: #fff;
				width: 100%;
			}
	.flecheBul {
		background: url(/images/backgrounds/flecheBul.png) no-repeat left top;
		position: absolute;
		left: 40px; top: -28px;
		width: 31px; height: 48px;
	}


/* ------------------------------------------------------------------------
		- Quiz CracKaboum *Accueil 
------------------------------------------------------------------------- */

	h3.basicBg {
		text-transform: none;
		background: url(/images/backgrounds/bg_blue_h2.png) no-repeat left top;
		padding: 7px 0 7px 12px;
	}

	.cracLevel {
		background: url(/images/backgrounds/level_quiz.png) no-repeat 0 120px;
		width: 425px; min-height: 350px;
		padding: 15px 0 0 10px;
	}
		.cracLevel h2 {
			font-size: 1.7em;
			padding: 3px 0 4px 15px !important;
		}
		.cracLevel p {
			font-size: 1.2em;
			letter-spacing: -.05em;
			line-height: 1.5em;
			margin: 15px 0 0;
		}



/* ------------------------------------------------------------------------
		- Quiz CracKaboum *Questionnaire 
------------------------------------------------------------------------- */


	.questions {
		list-style: none;
		width: 490px;
		margin-top: -15px;
	}
		.questions li {
			font-weight: bold;
			font-size: 1.9em;
			color: #fff;
			list-style: none;
			background: url(/images/backgrounds/bg_blue_h2.png) no-repeat left top;
			padding: 0 0 10px 12px;
			position: relative;
		}
			.questions li span.qu {
				font-size: .6em;
				color: #000;
				background: url(/images/buttons/arrow.gif) no-repeat left 20px;
				width: 420px;
				padding: 15px 0 10px 20px;
				margin-left: 10px;
				display: block;
			}
				.questions li fieldset {
					background: url(/images/backgrounds/bg_step_instructions_btm.gif) no-repeat left bottom;
					padding-bottom: 23px;
				}
				.questions li fieldset ul {
					background: url(/images/backgrounds/bg_step_instructions.gif) no-repeat left top;
					padding: 10px 20px 0 55px;
					width: 375px;
					float: left;
				}
					.questions li li {
						font-size: .6em;
						color: #000;
						background: none;
						width: 360px;
						padding: 3px 10px 0 0;
						float: left;
						clear: both;
					}
					.questions li li label {
						display: block;
						float:left;
						width: 300px;
						clear: right;
					}
					.questions li li input {
						display: block;
						float:left;
						width: 15px;
						margin-right: 5px;
						clear: left;
					}


/* ------------------------------------------------------------------------
		- Rires et Chanson
------------------------------------------------------------------------- */


	.rire_chanson .flash {
		margin: -5px !important;	
	}

	.paroles {
		width: 467px;
		padding-left: 20px;
		position: relative;
	}

	.btn_default {
		background-image: url(/images/buttons/bt_fiche_start.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 35px;
		height: 35px;
		width: auto;
		display: block;
		float: left;
	}
	
		.btn_default span.noChange {
			font-weight: bold;
			color: #ffffff;
			background-image: url(/images/buttons/bt_fiche_end.gif);
			background-repeat: no-repeat;
			background-position: right top;
			padding: 6px 15px 5px 0;
			height: 24px;
			display: block;
			width: auto;
			float: left;
		}
			.btn_default:hover { background-position: left bottom; }
				.btn_default:hover span.noChange { 	background-position: right bottom;
					padding: 10px 15px 1px 0;
					height: 24px;
		}

		.paroles p {
			font-weight: bold;
			width: 229px;
			padding-left: 15px;
			float: left;
		}
			.paroles p.first { width: 205px; }

 .rires { margin-top: 25px; clear: both; width: 100%; }
	
	 .rires h2 { 
		background: url(/images/backgrounds/bg_h2_sm.png) no-repeat left top !important;
		width: 200px; 
		margin-bottom: 5px !important;
	 }
	 .rires p { 
	 	font-size: .9em !important;
		width: 180px;
		padding-right: 15px;
		float: left;
	 }
	 .rires ul { 
		list-style: none;
		margin: -40px 0 0 0;
		float: left;
	 }
		 .rires ul li { 
			list-style: none;
			float: left;
		 }
			 .rires ul li a { 
			 	text-indent: -200000px;
				background-repeat: no-repeat;
				background-position: center center;
			 	width: 91px; height: 94px;
				display: block;
			 }
		 .rires ul li.rire1 a { background-image: url(/images/rires/rire_mauve_off.gif);}
		 		.rires ul li.rire1 a:hover { background-image: url(/images/rires/rire_mauve.gif);}
		 .rires ul li.rire2 a { background-image: url(/images/rires/rire_vert_off.gif);}
		 		.rires ul li.rire2 a:hover { background-image: url(/images/rires/rire_vert.gif) ;}
		 .rires ul li.rire3 a { background-image: url(/images/rires/rire_gris_off.gif) ;}
		 		.rires ul li.rire3 a:hover { background-image: url(/images/rires/rire_gris.gif) ;}
		 .rires ul li.rire4 a { background-image: url(/images/rires/rire_jaune_off.gif) ;}
		 		.rires ul li.rire4 :hover { background-image: url(/images/rires/rire_jaune.gif) ;}
		 .rires ul li.rire5 a { background-image: url(/images/rires/rire_orange_off.gif) ;}
		 		.rires ul li.rire5 a:hover { background-image: url(/images/rires/rire_orange.gif) ;}
		 .rires ul li.rire6 a { background-image: url(/images/rires/rire_rouge_off.gif) ;}
		 		.rires ul li.rire6 a:hover { background-image: url(/images/rires/rire_rouge.gif) ;}
		 .rires ul li.rire7 a { background-image: url(/images/rires/rire_bleu_off.gif) ;}
		 		.rires ul li.rire7 a:hover { background-image: url(/images/rires/rire_bleu.gif) ;}
		 .rires ul li.rire8 a { background-image: url(/images/rires/rire_blanc_off.gif) ;}
			 	.rires ul li.rire8 a:hover { background-image: url(/images/rires/rire_blanc.gif) ;}

/* ------------------------------------------------------------------------
		- Bricolages et coloriages  *Accueil
------------------------------------------------------------------------- */

	.brico h2, .colo h2 { margin-bottom: 0 !important; width: 300px; }

	.colo { margin-left: 55px; }
		.colo .liste { width: 400px; }

			.colo	.liste li a:hover, .brico	.liste li a:hover { background:transparent url(/images/backgrounds/frame_on.png) no-repeat scroll left top;	}
				.step li .ingredients li.aussi {
					font-size: .8em;
					font-style: italic;
					color: #fff;
					background: none;
					padding: 30px 0 5px;
					position:	relative;
				}
				.step li .ingredients li.aussi .btn_print {
					/*top: 70px; left: 0;*/
					position: relative;
					margin-top: 10px;
				}
				.step li .ingredients li.suite {
				    padding-top: 5px;
				}
				.step li .ingredients li.suite .btn_print {
					top: 25px; left: 0;
				}

	.ajust { margin-top: 200px !important; }
		.ajustNoMarg ol li,.ajust ol li { background: none !important; }
		.ajustNoMarg ol li.step1, .ajustNoMarg ol li.step1 { text-align: right; }



	.step li .ingredients li.aussi ul {
		margin: 0;
		float: left;
	}

	.step li .ingredients li.aussi ul li {
		background: none;
		vertical-align: middle;
		text-align: center;
		width: 120px;
		padding: 10px;
		float: left;
	}
	.step li .ingredients li.aussi ul li img {
		padding-bottom: 5px;
	}
	.step li .ingredients li.aussi ul li a.btn_print{
		position: relative;
		top: auto; left: auto;
		float: left;
	}




/* ------------------------------------------------------------------------
		- Personnages *Accueil 
------------------------------------------------------------------------- */


	.bubbleYFix_363 {
		background: url(/images/backgrounds/bubbleblue_right.gif) no-repeat right top;
		margin: 12px 10px 70px 0;
		float: left;
	}
		.bubbleYFix_363 .bubbleYFixLeft {
			background: url(/images/backgrounds/bubbleblue_left.gif) no-repeat left top;
			padding: 10px 0 0;
			margin-right: 25px;
			height: 463px;
		}
		.bubbleYFix_363 .bubbleYFixLeft h2 {
			font-size: 1.7em;
			background: url(/images/backgrounds/bg_blue_h2.png) no-repeat left top;
			padding: 3px 0 3px 10px;
			margin: 0 0 0 10px;
			text-transform: none;
		}
		.bubbleYFix_363 .bubbleYFixLeft ul { margin: 0 -35px 0 10px; }
		.bubbleYFix_363 #karma ul,
		.bubbleYFix_363 #paulBande ul { width: 310px; }
		.bubbleYFix_363 #krash ul { width: 210px; }
			.bubbleYFix_363 #krash h2 { background: url(/images/backgrounds/bg_h2_xs.png) no-repeat left top; }
		.bubbleYFix_363 #autres ul { width: 110px; }
			.bubbleYFix_363 #autres h2 { background: url(/images/backgrounds/bg_h2_xxs.png) no-repeat left top; z-index: 20;margin:0 -35px 0 10px; width:110px; }

			.bubbleYFix_363 #karma h2,
			.bubbleYFix_363 #paulBande h2 { background: url(/images/backgrounds/bg_h2_xs.png) no-repeat left top; }

	.last { padding-right: 0 !important; }
	.last h2 { margin-right: -13px !important; }

/* ------------------------------------------------------------------------
		- Personnages *Accueil 
------------------------------------------------------------------------- */


			.sous_nav li a#tous,
			.sous_nav li a#karmadors,
			.sous_nav li a#paulB,
			.sous_nav li a#krashmals,
			.sous_nav li a#others { width: 166px;	}

			.sous_nav li a#tous { background: url(/images/nav/p_bt_tous.gif) no-repeat left top; }
				.sous_nav li a#tous:hover,
				.sous_nav li.selected a#tous { background: url(/images/nav/p_bt_tous_on.gif) no-repeat left top; }
			.sous_nav li a#karmadors { background: url(/images/nav/p_bt_karmadors.gif) no-repeat left top; }
				.sous_nav li a#karmadors:hover,
				.sous_nav li.selected a#karmadors { background: url(/images/nav/p_bt_karmadors_on.gif) no-repeat left top; }
			.sous_nav li a#paulB { background: url(/images/nav/p_bt_paulb.gif) no-repeat left top;width: 266px; }
				.sous_nav li a#paulB:hover,
				.sous_nav li.selected a#paulB { background: url(/images/nav/p_bt_paulb_on.gif) no-repeat left top; }
			.sous_nav li a#krashmals { background: url(/images/nav/p_bt_krashmals.gif) no-repeat left top; }
				.sous_nav li a#krashmals:hover,
				.sous_nav li.selected a#krashmals { background: url(/images/nav/p_bt_krashmals_on.gif) no-repeat left top; }
			.sous_nav li a#others { background: url(/images/nav/p_bt_autres.gif) no-repeat left top; width: 150px; }
				.sous_nav li a#others:hover,
				.sous_nav li.selected a#others { background: url(/images/nav/p_bt_autres_on.gif) no-repeat left top; }

	.descriptPerso { width: 480px; margin-top: 130px}
/*	.descriptPerso h2 { margin-left: 165px; }*/
	.descriptPerso p { margin-left: 25px; }



/* ------------------------------------------------------------------------
		- Personnages - personnage 
------------------------------------------------------------------------- */

	 .bubbleTop #personnage {
		/*background: url(/images/backgrounds/bg_spot_perso1.jpg) no-repeat -10px 0px;*/
		margin: -5px 0 0 -9px;
		width: 981px;
		float: left;
	}
	 .bubbleTop #personnage .ph_paul,
	 .bubbleTop #personnage .ph_vorax,
	 .bubbleTop #personnage .ph_embellena,
	 .bubbleTop #personnage .ph_sarco,
	 .bubbleTop #personnage .ph_gyorg,
	 .bubbleTop #personnage .ph_simon,
	 .bubbleTop #personnage .ph_esther,
	 .bubbleTop #personnage .ph_clara,
	 .bubbleTop #personnage .ph_eloi,
	 .bubbleTop #personnage .ph_natasha,
	 .bubbleTop #personnage .ph_martin,
	 .bubbleTop #personnage .ph_necrophore,
	 .bubbleTop #personnage .ph_fernand,
	 .bubbleTop #personnage .ph_riu,
	 .bubbleTop #personnage .ph_quentin,
	 .bubbleTop #personnage .ph_petronille,
	 .bubbleTop #personnage .ph_sebastien,
	 .bubbleTop #personnage .ph_beurk,
	 .bubbleTop #personnage .ph_morviaq,
	 .bubbleTop #personnage .ph_yak,
	 .bubbleTop #personnage .ph_gina,
	 .bubbleTop #personnage .ph_greg,
	 .bubbleTop #personnage .ph_pinotte,
	 .bubbleTop #personnage .ph_leo,
	 .bubbleTop #personnage .ph_max,
	 .bubbleTop #personnage .ph_leif,
	 .bubbleTop #personnage .ph_cuticule {
		background-repeat: no-repeat;
		background-position: left top;
		position: absolute;
		left: 480px; bottom: 237px;
		width: 473px; height: 171px;
		display: block; z-index: 12;
	}
	 .bubbleTop #personnage .ph_petronille { background-image: url(/images/personnages/assomnia_fiche.png); left: 465px; bottom: 236px; }
	 .bubbleTop #personnage .ph_beurk { background-image: url(/images/personnages/beurk_fiche.png); left: 493px; }
	 .bubbleTop #personnage .ph_clara { background-image: url(/images/personnages/clara_fiche.png); left: 505px; bottom: 231px; }
	 .bubbleTop #personnage .ph_eloi { background-image: url(/images/personnages/eloi_fiche.png); left: 498px; bottom:237px;}
	 .bubbleTop #personnage .ph_esther { background-image: url(/images/personnages/esther_fiche.png); left: 490px; }
	 .bubbleTop #personnage .ph_embellena { background-image: url(/images/personnages/embellena_fiche.png); left: 492px; }
	 .bubbleTop #personnage .ph_gina { background-image: url(/images/personnages/gina_fiche.png); left: 495px; }
	 .bubbleTop #personnage .ph_gyorg { background-image: url(/images/personnages/gyorg_fiche.png); left: 488px; }
	 .bubbleTop #personnage .ph_simon { background-image: url(/images/personnages/simon_fiche.png); left: 495px; }
	 .bubbleTop #personnage .ph_greg { background-image: url(/images/personnages/greg_fiche.png); left: 497px; }
	 .bubbleTop #personnage .ph_fernand { background-image: url(/images/personnages/fernand_fiche.png); left: 492px; bottom: 238px; }
	 .bubbleTop #personnage .ph_leif { background-image: url(/images/personnages/leif_fiche.png); left: 460px; bottom:237px; }
	 .bubbleTop #personnage .ph_leo { background-image: url(/images/personnages/leo_fiche.png); left: 500px;bottom:237px; }
	 .bubbleTop #personnage .ph_martin { background-image: url(/images/personnages/martin_fiche.png); left: 490px; }
	 .bubbleTop #personnage .ph_max { background-image: url(/images/personnages/max_fiche.png); left: 495px; bottom:237px; }
	 .bubbleTop #personnage .ph_morviaq { background-image: url(/images/personnages/morviaq_fiche.png); left: 488px; bottom: 232px; }
	 .bubbleTop #personnage .ph_natasha { background-image: url(/images/personnages/natasha_fiche.png); left: 495px; bottom:236px;}
	 .bubbleTop #personnage .ph_necrophore { background-image: url(/images/personnages/necrophore_fiche.png); left: 482px; }
	 .bubbleTop #personnage .ph_paul { background-image: url(/images/personnages/paul_fiche.png); left: 470px;bottom:234px; }
	 .bubbleTop #personnage .ph_pinotte { background-image: url(/images/personnages/pinotte_fiche.png); left: 502px;bottom:228px; }
	 .bubbleTop #personnage .ph_quentin { background-image: url(/images/personnages/quentin_fiche.png); left: 495px;bottom: 237px; }
	 .bubbleTop #personnage .ph_riu { background-image: url(/images/personnages/riu_fiche.png); left: 490px; }
	 .bubbleTop #personnage .ph_sarco { background-image: url(/images/personnages/sarco.png); left: 500px; }
	 .bubbleTop #personnage .ph_sebastien { background-image: url(/images/personnages/sebastien_fiche.png); left: 495px; }
	 .bubbleTop #personnage .ph_vorax { background-image: url(/images/personnages/vorax_fiche.png); left: 495px;bottom:230px }
	 .bubbleTop #personnage .ph_yak { background-image: url(/images/personnages/yak_fiche.png); left: 505px; bottom: 237px; }
	 .bubbleTop #personnage .ph_cuticule { background-image: url(/images/personnages/cuticule_fiche.png); left: 480px; bottom: 237px; }

	.bubbleTop #personnage p.boutons {
		position: absolute;
		left: 25px; top: 290px;
	}

	.bubbleTop #personnage .descriptPerso h2 {
		font-size: 2.1em;
		padding: 0 0 1px 165px;
		margin: 3px 0 20px 20px;
		position: relative;
	}
	.bubbleTop #personnage .descriptPerso h2.titreClara { padding: 0 0 1px 155px; }
	.bubbleTop #personnage .descriptPerso h2.titreEloi { padding: 0 0 1px 185px; }
	.bubbleTop #personnage .descriptPerso h2.titreEmbellena { padding: 0 0 1px 115px; }
	.bubbleTop #personnage .descriptPerso h2.titreFernand { padding: 0 0 1px 220px; }
	.bubbleTop #personnage .descriptPerso h2.titreGina { padding: 0 0 1px 155px; }
	.bubbleTop #personnage .descriptPerso h2.titreGreg { padding: 0 0 1px 135px; }
	.bubbleTop #personnage .descriptPerso h2.titreLeif { padding: 0 0 1px 235px; }
	.bubbleTop #personnage .descriptPerso h2.titreMartin { padding: 0 0 1px 175px; }
	.bubbleTop #personnage .descriptPerso h2.titreMax { padding: 0 0 1px 135px; }
	.bubbleTop #personnage .descriptPerso h2.titrePetronille { padding: 0 0 1px 205px; }
	.bubbleTop #personnage .descriptPerso h2.titrePaul { padding: 0 0 1px 135px; }
	.bubbleTop #personnage .descriptPerso h2.titreQuentin { padding: 0 0 1px 165px; }
	.bubbleTop #personnage .descriptPerso h2.titreRiu { padding: 0 0 1px 135px; }
	.bubbleTop #personnage .descriptPerso h2.titrePinotte { padding: 0 0 1px 190px; }
	.bubbleTop #personnage .descriptPerso h2.titreSimon { padding: 0 0 1px 120px; }
	.bubbleTop #personnage .descriptPerso h2.titreSebastien { padding: 0 0 1px 135px; }
	.bubbleTop #personnage .descriptPerso h2.titreVorax { padding: 0 0 1px 115px; }
	.bubbleTop #personnage .descriptPerso h2.titreYak { padding: 0 0 1px 185px; }
	.bubbleTop #personnage .descriptPerso h2.titreCuticule { padding: 0 0 1px 155px; }
	.bubbleTop #personnage .descriptPerso h2 span.icon {
		background: url(/images/icons/icon_rdk.gif) no-repeat left top;
		width: 52px; height: 57px;
		position: absolute;
		left: 80px; top: 2px;
	}

	.fondecran {
		position: absolute;
		left: 340px; bottom: 25px;
		width: 116px; height: 101px;
	}
		.fondecran a {
			background: url(/images/backgrounds/bg_fondecran1.png) no-repeat left top;
			width: 116px; height: 101px;
			position: absolute;
			display: block;
			z-index: 10;
		}
		.fondecran a:hover {
			background: url(/images/backgrounds/bg_fondecran1.png) no-repeat left top;
		}
		.fondecran .phSafe {
			display: block;
			width: 106px; height: 78px;
			position: absolute;
			left: 5px; top: 19px;
			overflow: hidden;
		}
		.fondecran .icon {
			background: url(/images/icons/icon_ecran.gif) no-repeat left top;
		}

/* ------------------------------------------------------------------------
		- Nous écrire 
------------------------------------------------------------------------- */

	.contact { margin-top: 12px; }

		.standard span.display {
			background: url(/images/placeholders/bg_contact.jpg) no-repeat left top;
			position: absolute;
			right: 20px; top: 20px;
			width: 470px; height: 264px;
		}
		.standard h2 { font-size: 1.6em; padding: 4px 0 5px 12px !important; }
		.standard h3 { font-size: 1.2em; padding: 4px 0 5px 20px !important; }


		.standard label,.contact input {
			font: bold 1.1em arial, sans-serif;
			background: url(/images/buttons/arrow.gif) no-repeat left center;
			width: 105px;
			padding: 0 0 0 20px;
			margin: 4px 0 4px 0;
			display: block;
			float: left;
			clear: left;		
		}
		.standard input {
			font-size: .9em;
			background: #fff;
			width: 320px;
			padding: 4px 2px;
			margin: 0 0 8px 0;
			clear: right;
			border: 0;
		}
		.standard textarea {
			font: bold .9em arial, sans-serif;
			width: 445px; height: 115px;
			padding: 4px 2px;
			clear: both;
			display: block;
			border: 0;
		}
		.standard ul {
			font-weight: bold;
			font-size: .9em !important;
			/*width: 450px;*/
			padding: 10px 20px;
			margin-left: 15px;
		}
		.standard p {
			font-weight: bold;
			font-size: .9em !important;
			/*width: 450px;*/
			padding: 10px 40px 10px 20px;
		}
		.standard p.submit {
			text-align: center;
			padding: 0 !important;
			margin-top: 15px;
		}
		.standard input.button {
			background: none;
			width: auto;
			margin: 0; padding: 0;
			display: inline;
			float: none;
		}



/* ------------------------------------------------------------------------
		- Concours
------------------------------------------------------------------------- */

	.ph_concours {
		width: 100%;
		float: left;
		position: relative;
	}
	        .sous_nav li a#concours_personnage { width: 253px;	} 
			.sous_nav li a#karmosaique { width: 165px;	}
			.sous_nav li a#rodamraksHerbe { width: 216px;	}
			.sous_nav li a#grandJeu { width: 226px;	}
			
			.sous_nav li a#concours_personnage { background: url(/images/nav/c_bt_personnage.png) no-repeat left top; }
				.sous_nav li a#concours_personnage:hover,
				.sous_nav li.selected a#concours_personnage { background: url(/images/nav/c_bt_personnage_on.png) no-repeat left top; }

			.sous_nav li a#karmosaique { background: url(/images/nav/c_bt_karmosaique.png) no-repeat left top; }
				.sous_nav li a#karmosaique:hover,
				.sous_nav li.selected a#karmosaique { background: url(/images/nav/c_bt_karmosaique_on.png) no-repeat left top; }

			.sous_nav li a#rodamraksHerbe { background: url(/images/nav/c_bt_rodamraks.gif) no-repeat left top; }
				.sous_nav li a#rodamraksHerbe:hover,
				.sous_nav li.selected a#rodamraksHerbe { background: url(/images/nav/c_bt_rodamraks_on.gif) no-repeat left top; }

			.sous_nav li a#grandJeu { background: url(/images/nav/c_bt_grandJeu.gif) no-repeat left top; }
				.sous_nav li a#grandJeu:hover,
				.sous_nav li.selected a#grandJeu { background: url(/images/nav/c_bt_grandJeu_on.gif) no-repeat left top; }

/* ---------- 	-  Concours Personnage  -  ------------ */
 
    #personnage_prefere div.step0, #personnage_prefere div.step2{ width:550px;padding-right:395px;position:relative; } 
    #personnage_prefere div.step2 { width:520px;padding-right:425px;position:relative; }  
    #personnage_prefere img.placeholder_float {float:right;margin:-98px 57px 20px 0; }
     #personnage_prefere img.placeholder {position:absolute;top:0px;right:40px; }
    #personnage_prefere h3 { background:url("/images/buttons/arrow.gif") no-repeat scroll left 13px transparent;padding:10px 10px 10px 20px!important;color:#fff; margin-bottom:-8 px;margin-top:10px;}
    #personnage_prefere h3.noimage { background:none;padding:0;margin:10px 0 0 -18px;font-size:20px; }    
    #personnage_prefere h2{ background: none;margin:10px 0 0 2px;float:left;}
    #personnage_prefere img.titre{float:left;}
    #personnage_prefere hr{visibility:hidden;clear:both;}
    #personnage_prefere .color { color:#fff;font-size:1.2em!important; }
    #personnage_prefere ol, #karmosaique li { list-style-position:outside; }
    #personnage_prefere ol { padding-left:22px; }
    #personnage_prefere .step0 ol { width:900px;margin-left:0;}
    #personnage_prefere ol li { padding: 5px 0;font-weight:bold; }
    .standard #personnage_prefere p { padding:10px 10px 10px 0; }
    #personnage_prefere .adjust { font-size:14px; }
    #personnage_prefere .adjust_adresse { font-size:20px;margin:-17px 0 0 0; }
    #personnage_prefere .step1	h3.clone {font-size: 1.5em;text-transform:uppercase;background: url(/images/backgrounds/bg_blue_h2.png) no-repeat left 2px;padding: 0 0 6px 12px;margin-top: 10px;margin-left:20px;}
    #personnage_prefere .step1 ul { margin-left:0; }
    #personnage_prefere .step2 span.gagnant { margin:10px 0 0 0;background: url(/images/backgrounds/frame_off.gif) no-repeat left top;width: 98px; height: 96px; display:block;}
    #personnage_prefere .step2 span.gagnant img { margin:6px 0 0 5px; }
    #personnage_prefere ul.liste a:hover { background: url(/images/backgrounds/frame_on.png) no-repeat left top; }
    #personnage_prefere .displaywinner .popInfo {background:url("/images/backgrounds/bubble_c_personnage.png") no-repeat scroll left top transparent;height:76px;width:298px;position:absolute;left:20px;top:-108px;}
    #personnage_prefere .popInfo .content span.winner_name {color:#fff;font-weight:bold;font-size:19px !important;width:300px}
    #personnage_prefere .popInfo .content span.infoPlus {clear:both;margin-top:2px;font-weight:bold;width:300px;}
   	#personnage_prefere .flecheBul {background: url(/images/backgrounds/flecheBul_petite.png) no-repeat left top;position: absolute;left: 60px; top:-7px;width: 15px; height: 25px;}
    #personnage_prefere .step2 .gagnant_de {width:300px;position:absolute;top:75px;left:140px;color:#fff;font-weight:bold;font-size:18px;}
    #personnage_prefere .step2 .gagnant_de span{font-size:14px;}
    #personnage_prefere .step2 .gagnant_pr {width:40px;position:absolute;top:75px;left:100px;text-align:right;color:#fff;font-weight:bold;font-size:14px;line-height:20px;}
    #personnage_prefere .step0 .rep {width:900px;}
    #personnage_prefere .step2 {width:950px;}
    #personnage_prefere .step2 ol { list-style:none;margin:0 0 20px -15px;}
    #personnage_prefere .step2 ol li { font-weight:bold;font-size:1em;color:#fff;background:url("/images/buttons/arrow.gif") no-repeat left 15px;width:600px;padding:10px 10px 5px 20px!important;margin:0x;}
   	 
/* ---------- 	-  Concours Kamosaique  -  ------------ */

    #karmosaique div.step1 { width:550px;padding-right:395px;position:relative; }
    #karmosaique img.placeholder { position:absolute; right:0; top:0; width:310px; height:312px; }
    .bigBubble .bubbleTop #karmosaique h2 { background: url(/images/icons/icon_karmosaique.png) no-repeat left top;padding-left: 45px!important;margin-bottom:5px!important; }
    #karmosaique h3 { background:url("/images/buttons/arrow.gif") no-repeat scroll left 13px transparent;padding:10px 10px 10px 20px!important;color:#fff; }
    .standard #karmosaique p { padding:10px 10px 10px 0;font-weight:normal; }
    #karmosaique strong { font-size: 1.2em; }
    #karmosaique .color { color:#fff;font-size:1.2em!important; }
    #karmosaique ol, #karmosaique li { list-style-position:outside; }
    #karmosaique ol { padding-left:22px; }
    #karmosaique ol li { padding: 10px 0;font-weight:bold; }
    #karmosaique .specialButtons, #karmosaique .specialButtons .btn_fiche, #karmosaique .specialButtons .btn_checked { position:relative;float:left; }
    #karmosaique .specialButtons .btn_fiche, #karmosaique .specialButtons .btn_checked { float:left;margin-right: 15px; }

    #karmosaique .displaywinner {clear:both;margin-top:40px;width: 510px;float:left;}
    #karmosaique .displaywinner h3 {
        font-size:1.7em;
        text-transform: uppercase;
        background:url("/images/backgrounds/bg_blue_h2.png") no-repeat left top;
        margin:10px 0 0 20px;
        padding:7px 0 6px 12px!important;
        float:left;
    }
    #karmosaique .displaywinner ul {float:left;margin-left:0;}
    #karmosaique #showDraw {position:absolute;right:10px;top:5px;width:380px;height:273px;}
    #karmosaique #showDraw div p {width:380px;height:273px;background:url("/images/backgrounds/bg_gros_cadre.png") no-repeat left top;z-index:2;position:relative;}
    #karmosaique .displaywinner #showDraw div p {background:url("/images/backgrounds/bg_gros_cadre1.png") no-repeat left top;}
    #karmosaique #showDraw div img {position:absolute;left:5px;top:5px;z-index:1;width:370px;height:263px;}
    /*#karmosaique .displaywinner .popInfo {background:url("/images/backgrounds/bg_mini_bulle.png") no-repeat scroll left top transparent;height:222px;left:-5px;width:291px;}*/
    
		#karmosaique .displaywinner .popInfo{background: url(/images/backgrounds/bubble.png) no-repeat left top;
		position: absolute;
		left: -85px; top: -250px;
		width: 478px; height: 208px;
		padding: 14px 14px;
		z-index:1000;
		}
    #karmosaique .displaywinner .flecheBul {left:36px;}
    #karmosaique .popInfo .content span.winner_name {color:#fff;font-weight:bold;font-size:19px !important;}
    #karmosaique .popInfo .content span.infoPlus {clear:both;margin-top:2px;}
    .bigBubble .bubbleTop #karmosaique h2.noPicture {background:none;padding-left:0!important}
    #karmosaique #showDraw  { height:300px; }
    #karmosaique #showDraw  a { right:56px;top:280px; }
/* ----------  - poppin upload dessin  ------------ */


    .karmoUpload {padding: 20px 0;}
    .uploadPosition {position:relative;z-index:1;}
    .prettyContent-container .uploadPosition label {float:left!important;background:none!important;color:#fff;padding:0;}
    .karmoUpload input.file {z-index:200;filter: alpha(opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity: 0;opacity:0;float:left;font-size:1.9em;position:absolute;left:80px;top:0;}
    .karmoUpload input.uploadDessin {position:absolute;left:80px;top:0;z-index:1;width:233px!important;}
    .karmoUpload a.button_upload {position:absolute;left:330px;top:0;z-index:1;background:url(/images/buttons/bt_parcourir.png) no-repeat left top;width:140px;height:35px;text-indent:-10000px;}
    .karmoUpload a.button_upload:hover {background:url(/images/buttons/bt_parcourir.png) no-repeat left bottom;z-index:1;}
    .submitKarmo {background:url(/images/buttons/bt_envoyer_image.png) no-repeat left bottom;width:244px;height:35px;text-indent:0;display:block;margin-left:100px;}




    
/* ----------  -  ------------ */
		.ph_concours img.bkd {
			width: 230px; height: 216px;
			position: absolute;
			left: 230px; top: 130px;
			z-index: 0;
		}
		.ph_concours h2 {
			font-size: 1.8em !important;
			background: none !important;
			width: 300px;
			padding:4px 0 5px 0 !important;
			margin-bottom: 5px;
		}
		.ph_concours p {
			width: 460px;
			padding:10px 40px 10px 0px;
		}
		.ph_concours .step {
			width: 100%;
			margin-top: 0;
		}
			.ph_concours .step li {
				padding: 4px 0 0;
				width: 480px;
			}
				.ph_concours .step li span.title{ padding-left: 35px; }
					.ph_concours .step li .listArrow { margin-top: 10px; }
						.ph_concours .step li .listArrow li {
							padding: 0 0 10px 20px;
							width: 440px;
						}
						.ph_concours .step li .listArrow li.extra { padding: 0; }
						.ph_concours .step li .listArrow li.extraLabel { background:none; }
						.ph_concours .step li .form li {
							padding-bottom: 5px;
						}
	
						.ph_concours input {
							width: 255px;
							margin: 0;
							padding: 1px 0;
							float: left;
							clear: none;
							display: inline;
						}
						.ph_concours label {
							font-size: .9em;
							background: none;
							width: 130px;
							padding: 0 5px 0 0;
							margin-top: 0;
							float: left;
							clear: none;
							display: inline;
						}
						.ph_concours .white {
							color: #fff;
						}
						.ph_concours input#submit {
							width: auto; height: auto;
							background: none;
							margin-left: 155px;
						}
						.ph_concours input.short {
							width: 155px;
						}
						.ph_concours input#sendFirst {
							width: auto; height: auto;
							background: none;
							float: inherit;
							margin: -10px 0 0 -10px;
						}


    .leftZone {
        float: left;
        width: 600px;
    }
        .leftZone p {
            float: left;
            width: 570px;
            background: url(/images/buttons/arrow.gif) no-repeat left 13px;
            padding: 10px 10px 10px 20px!important;
        }
        .leftZone h2 {
            font-size: 1.7em;
            background: none !important;
            padding-left: 0 !important;
            margin-bottom: 5px !important;
        }
        .leftZone h3 {
            font-size: 1.7em;
            width: 90%;
            padding-top: 7px !important;
            margin: 15px 0 5px !important;
            clear: both;
            float: left;
        }
        .leftZone ul {
            list-style: none;
            float: left;
            width: 570px;
            margin: 0; padding: 0;
        }
            .leftZone ul li {
                list-style: none;
                background: url(/images/buttons/arrow.gif) no-repeat left 3px;
                padding-left: 20px;
            }
                .leftZone ul li a { text-decoration: underline; }


  .leftZone ul.star { padding: 20px 0; }

    .leftZone ul.star li {
      font-size: 1.5em;
      background: url(/images/icons/icon_star.gif) no-repeat left top;
      padding: 0 0 5px 30px;
    }
      .leftZone ul.star li a { color: #fff; font-weight: normal; }

  .leftZone ul.spaceAndWhite li { margin-top: 10px; }
    .leftZone ul.spaceAndWhite li a { color: #fff;  }

  .endContestHerbe {
    position: absolute;
    right: 35px; top: 110px; 
  }

  .leftZone ul.gallery {
    position: absolute;
    right: 50px; top: 80px;
    width: 445px;
  }
    .leftZone ul.gallery li {
      background: none;
      padding: 0 20px 20px 0;
      display: block;
      float: left;
    }


.herbe {
  clear: both;
  position: relative;
  float: left;
  margin: 10px 0 10px 15px;
}



/* ---------- 	-  Attente finaliste  -  ------------ */

	.descriptPart {
		float: left;
		width: 470px;
	}
	.stepPart {
		float: right;
		width: 448px; min-height: 360px;
	}
	.ph_concours .stepPart p.arrow {
		background-position: left 15px;
		padding: 10px 20px;
		width: 400px;
	}
	.ph_concours h3.clone {
		font-size: 1.5em;
		text-transform: uppercase;
		margin-bottom: 15px;
		padding: 9px 0 7px 12px !important;
	}
	.ph_concours h3.nobg {
		font-size: 1.8em;
		background: none;
		color: #fff;
		padding: 10px 0 5px 0 !important;
	}
	.stepPart ul {
		list-style: none;
		width: 440px;
		padding: 0; margin-left: 5px;
	}
	.stepPart ul li {
		list-style: none;
		background: url(/images/buttons/arrow.gif) no-repeat left 15px;
		padding: 8px 10px 8px 20px;
		width: 190px; height: 90px;
		float: left;
	}
	.stepPart ul li strong {
		font-size: 1.5em !important;
		color: #fff;
		display: block;
		clear: both;
	}
	.stepPart ul li a.btn_voter {
		text-indent: -1000000px;
		background: url(/images/buttons/btn_vote.gif) no-repeat left top;
		width: 120px; height: 35px;
		margin: 5px 0 5px -3px;
		display: block;
	}
	.stepPart ul li a.btn_voter:hover { background: url(/images/buttons/btn_vote.gif) no-repeat left -35px; }
	.stepPart ul li .result {
		background: url(/images/backgrounds/bg_percent.png) no-repeat left top;
		width: 128px; height: 26px;
		margin: 5px 0;
		padding: 3px 4px 4px;
		position: relative;
		display: block;
	}
	.stepPart ul li .result span.percent {
		font-weight: bold;
		font-size: 1.5em;
		color: #fff;
		/*position: absolute;
		right: 0; top: 5px;*/
		padding: 5px 0 0 5px;
		display: block;
		float: left;
	}
	.result span.bar {
		background: url(/images/backgrounds/bar.gif) no-repeat left top;
		height: 26px;
		display: block;
		float: left;
	}
	/*.result img {
		height: 32px;
		display: block;
		float: left;
	}*/
	.ph_concours p.atconcours {
		font-size: 1em !important;
		background: url(/images/backgrounds/attention_concours.gif) no-repeat left top;
		width: 275px !important; height: 55px;
		text-align: center;
		padding: 10px 0;
	}


		.ph_concours .stepPart p {
			width: 400px;
			padding:10px 0 10px 8px;
		}

	.winners h2 {width:600px; }
	.winners p {
		letter-spacing: 0.01em;
		padding: 0 0 20px 0;
		width: 650px;
	}
	.winners a { text-decoration: underline; }


/* ------------------------------------------------------------------------
		- Section Aide
------------------------------------------------------------------------- */

    .sous_nav li a#aide_emission { background: url(/images/nav/a_bt_emission.png) no-repeat left top;width: 126px; }
	    .sous_nav li a#aide_emission:hover,
		.sous_nav li.selected a#aide_emission { background: url(/images/nav/a_bt_emission_on.png) no-repeat left top; }
    .sous_nav li a#aide_personnages { background: url(/images/nav/a_bt_personnages.png) no-repeat left top;width: 158px; }
	    .sous_nav li a#aide_personnages:hover,
		.sous_nav li.selected a#aide_personnages { background: url(/images/nav/a_bt_personnages_on.png) no-repeat left top; }
    .sous_nav li a#aide_tournage { background: url(/images/nav/a_bt_tournage.png) no-repeat left top;width: 136px; }
	    .sous_nav li a#aide_tournage:hover,
		.sous_nav li.selected a#aide_tournage { background: url(/images/nav/a_bt_tournage_on.png) no-repeat left top; }
    .sous_nav li a#aide_site { background: url(/images/nav/a_bt_site.png) no-repeat left top;width: 88px; }
	    .sous_nav li a#aide_site:hover,
		.sous_nav li.selected a#aide_site { background: url(/images/nav/a_bt_site_on.png) no-repeat left top; }
    .sous_nav li a#aide_jeux { background: url(/images/nav/a_bt_jeux.png) no-repeat left top;width: 94px; }
	    .sous_nav li a#aide_jeux:hover,
		.sous_nav li.selected a#aide_jeux { background: url(/images/nav/a_bt_jeux_on.png) no-repeat left top; }

    .aide {font-size:1.2em;}
    .aide .bubbleTop {padding-right:200px;width:762px;}
    .aide .bubbleTop h2 {background:none;}
    .aide .bubbleTop p.questionFaq {color:#fff; clear:both;}
    .aide .reponseFaq {background:url("/images/buttons/arrow.gif") no-repeat left 13px;padding:10px 10px 10px 20px !important;}
    .aide ul.reponseFaq {padding: 10px 0 20px;margin-left: -20px;}
    .aide ul.reponseFaq,.aide .reponseFaq li {float:left;background:none;list-style:none;width:500px;}
    .aide .reponseFaq li {float:left;padding: 5px 0 5px 20px;clear:both;}
    .aide .reponseFaq li.firstArrow {background:url("/images/buttons/arrow.gif") no-repeat left 5px;}
    .aide .reponseFaq li span {float:right;}

/* ------------------------------------------------------------------------
		- Parents - site - faq 
------------------------------------------------------------------------- */


			.sous_nav li a#serie,
			.sous_nav li a#site,
			.sous_nav li a#faq { width: 186px; }

			.sous_nav li a#serie { background: url(/images/nav/s_bt_serie.gif) no-repeat left top; }
				.sous_nav li a#serie:hover,
				.sous_nav li.selected a#serie { background: url(/images/nav/s_bt_serie_on.gif) no-repeat left top; }
			.sous_nav li a#site { background: url(/images/nav/s_bt_site.gif) no-repeat left top; }
				.sous_nav li a#site:hover,
				.sous_nav li.selected a#site { background: url(/images/nav/s_bt_site_on.gif) no-repeat left top; }
			.sous_nav li a#faq { background: url(/images/nav/s_bt_faq.gif) no-repeat left top; }
				.sous_nav li a#faq:hover,
				.sous_nav li.selected a#faq { background: url(/images/nav/s_bt_faq_on.gif) no-repeat left top; }


/* ------------------------------------------------------------------------
		- Sponsor 
------------------------------------------------------------------------- */
	#sponsor ul {
		list-style: none;
		width: 550px;
		margin: 0 auto;
	}
		#sponsor li {
			list-style: none;
			padding: 0 15px;
			float: left;
		}
			#sponsor li a {
				text-indent: -100000px;
				height: 37px;
				display: block;
				float: left;
			}
			#sponsor li a#telequebec { background: url(/images/logos/telequebec.png) no-repeat left top; width: 55px;	}
			#sponsor li a#fondsbell { background: url(/images/logos/fondsbell.gif) no-repeat left 2px; width: 31px;	}
			#sponsor li a#fondsquebecor { background: url(/images/logos/fondsquebecor.gif) no-repeat left top; width: 98px;	}
			#sponsor li a#pixcom { background: url(/images/logos/pixcom.gif) no-repeat left top; width: 78px;	}
			#sponsor li a#lvl { background: url(/images/logos/lvl.gif) no-repeat left 12px; width: 88px;	}


/* ------------------------------------------------------------------------
	Popin
------------------------------------------------------------------------- */

	#overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 10000;
		width: 100%;
	}

	.prettyPopin {
		display: none;
		overflow: hidden;
		position: absolute; z-index: 11000;
		top: 50%; left: 50%;
		padding-bottom: 27px;
		background: url(../images/backgrounds/bottom_popup.png) no-repeat left bottom;
	}
	
		.prettyPopin a#b_close {
			display: none;
			position: absolute; z-index: 2;
			top: 0px; right: 0px;
			width: 27px; height: 27px;
			text-indent: -10000px;
			background: url(../images/buttons/b_close.png) bottom left no-repeat;
		}
	
		.prettyPopin .prettyContent {
			position: relative;
			width: 100%; height: 100%;
			font-size: 1.2em;
			background: url(../images/backgrounds/top_popup.png) no-repeat left top;
		}
		
			.prettyPopin .prettyContent .prettyContent-container {
				font-weight: bold;
				font-size: .8em;
				display: none;
				padding: 20px 25px 0 25px;
			}
		
			.prettyPopin .prettyContent .prettyContent-container h3 { color: #fff; padding: 20px 0; }
		
			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
			}

.prettyPopin .prettyContent .prettyContent-container input.submit {
	margin-bottom: -15px;
	margin-top: 10px;
}
/*-----*/

.prettyContent-container fieldset {
	clear: both;
}
.prettyContent-container label {
	font-weight: bold;
	float: left;
	clear: left;
	background: url(/images/buttons/arrow.gif) no-repeat left 5px;
	padding: 2px 0 0 20px;
	margin-bottom: 5px;
}
.prettyContent-container input {
	float: left;
	clear: right;
	margin: 2px 0 5px;
}
.prettyContent-container .id label {
	width: 148px;
}
.prettyContent-container .id input {
	width: 210px;
}
.prettyContent-container label.radio, .prettyContent-container input.radio {
	width: auto;
	float: none;
	clear: none;
	background: none;
	padding-left: 0;
}
.prettyContent-container input.radio {
	margin-right: 3px;
}
.prettyContent-container label.radio { margin-right: 10px; } 
.prettyContent-container .infos label { width: 90px; } 
.prettyContent-container .last { clear: right !important;}   
.prettyContent-container .first { clear: left !important; }   
.prettyContent-container p { padding: 10px 0; }
.prettyContent-container p.legend { padding: 25px 0 15px; }


.leftZone .specialButtons {
	position: relative;
	background: none;
	height: 33px;
	padding: 0 !important;
	margin: 20px 0 0;
	width: 350px;
}

.leftZone .alone .btn_fiche {
	right: inherit;
	left: 0 !important;
}
.winners, .stepConcoursHerbe { font-weight: bold; }

	.winners ul, .stepConcoursHerbe ul.inscription {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		width: 100%;
	}
	.winners ul { width: 80%; }
		.winners ul li, .stepConcoursHerbe ul.inscription li {
			list-style: none;
			background: url(/images/buttons/arrow.gif) no-repeat left 5px;
			width: 259px;
			padding: 0 35px 40px 20px;
			float: left;
		}
		.winners ul li {
			font-size: 1.2em;
			background-position: left 8px;
			padding-bottom: 25px;
		}
			.stepConcoursHerbe ul.inscription li span { color: #fff; }

	.stepConcoursHerbe ul.pagination {
		list-style: none;
		text-align: center;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.stepConcoursHerbe ul.pagination li {
		list-style: none;
		display: inline;
		background: none !important;
		float: none;
		padding: 0 3px;
		width: auto !important;
		border-right: 1px solid #000;
	}
	.stepConcoursHerbe ul.pagination li.selected {
		color: #fff;
		text-decoration: underline;
	}
	.stepConcoursHerbe ul.pagination li.prev {
		padding-right: 10px;
		border-right: 0 none;
	}
	.stepConcoursHerbe ul.pagination li.next {
		padding-left: 10px;
		border-right: 0 none;
	}

	.noBord {	border-right: 0 none !important;}
	
	.stepConcoursHerbe h2 {
		font-size: 1.3em;
		background: url(/images/backgrounds/bg_h2_sm.png) no-repeat left top !important;
		padding: 10px 10px 8px 15px !important;
		text-transform: uppercase !important;
	}
fieldset.infos {
	padding-bottom: 15px;
}
fieldset.infos p {
	padding-top: 25px;
}
#panStep2 {
	padding-bottom: 20px;
}
#panStep2 a {
	text-decoration: underline;
}
#panStep2 h3, #panStep1 h3 {
	font-size: 1.7em;
	padding: 20px 0 10px;
	font-weight: bold;
}

h2.reformat {  clear: both; margin-bottom: 10px !important; }
p.reformat { padding: 10px 40px 30px 20px !important; }


/* ------------------------------------------------------------------------
		- FOOTER 
------------------------------------------------------------------------- */

	#footer a { text-decoration: underline; color: #fff;}

/*  -------------------------------------------------------
	Others
	------------------------------------------------------- */	

	html.js .nojs {display: none;}
	.jsonly {display: none;}
	html.js .jsonly {display: block;}

	.hide { display:none; }
	.skip { position: absolute; left: -9999px}
	
	.clearfix:after {
		content:".";
		clear:both;
		display:block;
		height:0;
		visibility:hidden;
	}
	* html .clearfix, * html .haslayout { height:1px; }    /* hasLayout IE6 */
	*+html .clearfix, *+html .haslayout { min-width:1px; } /* hasLayout IE7 */




	.specialHome {margin-top: 12px !important;}




.creditBox {
	float: left;
	padding-bottom: 40px;
}
.creditBox .logo{ width: 210px; float: left; }
.creditBox .name p { float: left; width: 250px; }
.creditBox .name { float: left; width: 700px; }
.creditBox .name span { font-size: 1.15em !important; }