@charset "utf-8";
/* CSS Document */
body{
	background-repeat: no-repeat;
	background-position: top center;
	font-family:Arial, Helvetica, sans-serif;
}
a{color:#000; text-decoration:none;}
div.container{ width:980px; margin:0 auto; position:relative;}

div.loaderPiwi{width: 1024px; height: 764px; position:absolute; z-index:10000; top:0; left:0;}

/*object{border:1px solid red;}*/

div.header div.logo{position:absolute; top:-64px; left:-60px; }
div.header div.navigation{position:absolute;top:-10px;right:0px;z-index:2;}
div.header div.tesherosminisite{position:absolute;top:30px;right:80px;z-index:2;}
div.header div.soundmanager{position:absolute; top: 10px; right:0px; z-index:100;}

div.main{position:absolute; top: 130px; left:0px; width:980px;}
div.main div.menu{position: absolute; width:228px; height:410px; top:0px; left:0px; z-index:100!important;}
div.main div.menuHome{position: absolute; width:228px; height:410px; top:69px; left:-5px; z-index:100!important;}
div.main div.menu a img{width:104px; height:50px;background-repeat: no-repeat; background-position: top left;}
div.main div.mea{position:absolute;width:760px;top:0px;left:220px;}
div.main div.dessin{position:absolute;left:0px;width:100%;}
div.main div.print{position:absolute;top:145px;left:285px;}
div.main div.print img{height:72px;width:61px;}
div.main div.more{position:absolute;top:290px;left:280px;}
div.main div.all{position:absolute;top:335px;left:280px;height:34px;}
div.main div.allRub{position:absolute;top:335px;right:40px;height:34px;}
div.main div.arche {position:absolute;top:64px;left:0px;z-index:200;border:0px none; width:1024px;}
#accroche_arche{float:left;height:38px;width:100%}
/*div.main div.arche {width:524px;height:338px;border:0px none; text-align:center;}*/

div.main div.diaporama{position:absolute; top:40px; right:200px;}

/*div.main div.detail-dessin{position:absolute; top:-5px; right:160px;}*/
div.main div.detail-game{position:absolute; top:30px; right:60px; background-repeat:no-repeat; background-position:top left;padding: 10px;}

div.main div.detail-diaporama{position:absolute; top:40px; left:245px;width:200px;height:245px;overflow:hidden;}
div.main div.detail-diaporama .ttr-gal-diaporama{margin:0;}
div.main div.detail-diaporama p.accroche{margin:10px 0 0 0; color:#FFF; font-size:0.8em;}
div.main div.diaporama div.big {height:242px;width:328px;text-align:center;background:transparent url(../img/perso6/photo_fond.png) no-repeat scroll left top;}
div.main div.diaporama div.big img{margin:15px 0 0 0;}
div.main div.carousel{position:absolute; top:285px; right:195px;}

div.main div.liste-de{position:absolute; top:115px; left:265px;}
div.main div.liste-de .titre-general{margin:0 0 5px 5px;}
div.main div.minisite{position:absolute;top:40px;left:245px;width:570px;height:335px;overflow:hidden;}
div.main div.minisite .titre-minisite{margin:0 0 10px 0;width:140px;}
div.main div.minisite div.print{position:absolute;top:145px;left:20px;}
div.main div.minisite div.more{position:absolute;top:290px;left:0px;}
div.main div.minisite div.more img.vmiddle{vertical-align:middle;height:36px;}
div.main div.minisite p.accroche{margin:0 0 10px 0;width:140px;}
div.main div.minisite div.detail{position:absolute; top:20px; right:0px;}
div.main div.minisite div.detail div.big{height:282px;width:382px;overflow: hidden;#position: relative; display: table;text-align:center;background:transparent url(../img/perso6/fond.png) no-repeat scroll left top;}
div.main div.minisite div.detail div.big div.vcenter{#position: absolute; #top: 50%; #left: 50%;display: table-cell; vertical-align: middle;}
div.main div.minisite div.detail div.big div.vcenter div{#position: relative; #top: -50%; #left: -50%;}
div.main div.minisite div.detail div.big div.vcenter div img {margin: 0;}
div.main div.minisite object{margin:0px;}
div.main div.contenu{position:absolute;top:40px;left:240px;width:580px;height:335px;overflow:hidden;}
div.main div.contenu .titre-contenu{margin:0 0 10px 0;width:140px;}
div.main div.contenu div.print{position:absolute;top:145px;left:20px;}
div.main div.contenu div.more{position:absolute;top:250px;left:0px;}
div.main div.contenu div.more img.vmiddle{vertical-align:middle;height:36px;}
div.main div.contenu div.all{position:absolute;top:290px;left:0px;}
div.main div.contenu p.accroche{margin:0 0 10px 0;width:140px;}
div.main div.contenu div.detail{position:absolute; top:5px; right:0px;}
div.main div.contenu div.detail div.big{height:282px;width:382px;overflow: hidden;#position: relative; display: table;text-align:center;background:transparent url(../img/perso6/fond.png) no-repeat scroll left top;}
div.main div.contenu div.detail div.big div.vcenter{#position: absolute; #top: 50%; #left: 50%;display: table-cell; vertical-align: middle;}
div.main div.contenu div.detail div.big div.vcenter div{#position: relative; #top: -50%; #left: -50%;}
div.main div.contenu div.detail div.big div.vcenter div img {margin: 0;}
div.main div.contenu object{margin:0px;}

div.main div.liste-jeux{position:absolute; top:100px; left:265px;}
div.main div.liste-jeux-minisite{position:absolute; top:50px; left:230px;}
div.main div.liste-jeux .jcarousel-skin-tango .jcarousel-item {width: 160px;height: 115px;}
div.main div.liste-jeux .jcarousel-skin-tango .jcarousel-clip-horizontal {height: 115px;}
div.main div.liste-jeux .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 7px;}
div.main div.liste-jeux .jcarousel-skin-tango .jcarousel-container-horizontal,
div.main div.liste-jeux .jcarousel-skin-tango .jcarousel-clip-horizontal{width: 490px;}
div.main div.jeux{position:absolute;top:125px;left:215px;}
div.main div.mea-concours{position:absolute;top:79px;left:215px;}
div.main div.detail-dessin{position:absolute; top:40px; left:240px;width:200px;}
div.main div.detail-dessin .ttr-gal-dessin{margin:0 0 0 5px ;}
div.main div.detail-dessin div.big{height:244px;width:344px;text-align:center;}
div.main div.detail-dessin div.big img {margin:15px 0 0 0;}


div.main p.accroche{margin:10px 0 0 5px; color:#FFF; font-size:0.8em;}
div.main div.form-concours{height:331px;width:584px;background-repeat:no-repeat;background-position:top left;position:absolute; top:40px; left: 230px;}
div.main div.form-concours form{margin:85px 130px 0 160px; font-weight:bold;color: #5E65AD;}
div.main div.form-concours form ul li{list-style:none;}
div.main div.form-concours form div.form-submit{position:absolute;top:249px;right:112px;}
div.main div.concours-presentation form {margin: 0;}
div.main div.form-concours div.question {word-wrap: break-word;}
div.main div.form-teaser{height:331px;width:584px;background-repeat:no-repeat;background-position:top left;  position:absolute; top:40px; left: 230px;}

div.main div.playervideo{position:absolute; top:-30px; left:420px;}

div.main div.push{position:absolute;height:290px;right:10px;top:95px;width:150px;}

div.main div.accroche-espaceparent{margin:0;padding:45px 0 0 235px;width:720px;}
div.main div.accroche-espaceparent p{line-height:1em;font-size:0.7em;}

div.main div.personnages{position:absolute;top:30px;left:300px;height:72px;width:580px;}

div.main div.back-home{position:absolute;top:205px;left:475px;}

div.paves{position:absolute; top: 600px; display:none;}

div.publicite{position:absolute; top: 410px; left:10px;}

div.espaceparents{position:absolute; top: 345px; right:20px;}
div.espaceparents img{height:93px; width:207px;}

div.footer{position:absolute; top:650px; left:0px; width:980px; font-size:0.8em;}
div.footer div.actions{margin:0 auto; width: 830px;}
div.footer div.actions ul li{list-style:none; display:inline; margin:0 30px;}
div.footer div.actions ul li.bouton1 img{height:24px;width:164px;background:transparent url(../img/bookmark.png) no-repeat top left;}
div.footer div.actions ul li.bouton2 img{height:24px;width:143px;background:transparent url(../img/desktop-shortcup.png) no-repeat top left;}
div.footer div.actions ul li.bouton3 img{height:25px;width:178px;background:transparent url(../img/programmes.png) no-repeat top left;}
div.footer div.actions ul li.bouton4 img{height:25px;width:108px;background:transparent url(../img/newsletter.png) no-repeat top left;}
div.footer div.listes{margin:10px auto 0; width:935px;overflow:hidden;}
div.footer div.listes ul li{list-style:none; margin:0; padding:0;}
div.footer div.listes div.footer1,
div.footer div.listes div.footer2,
div.footer div.listes div.footer3,
div.footer div.listes div.footer4{float: left;width:200px;height:278px;background-repeat: no-repeat;background-position: top left;}
div.footer div.listes div.footer1{margin-right: 10px; margin-left: 15px;}
div.footer div.listes div.footer1 ul {margin: 60px 0 0 20px;}
div.footer div.listes div.footer2{margin-right: 10px;}
div.footer div.listes div.footer2 ul {margin: 60px 0 0 20px;}
div.footer div.listes div.footer2 ul li{float:none;}
div.footer div.listes div.footer3{margin-right: 10px;width:244px;}
div.footer div.listes div.footer3 ul {margin: 60px 0 0 15px;}
div.footer div.listes div.footer3 ul li{float:none;}
div.footer div.listes div.footer4{}
div.footer div.listes div.footer4 ul {margin: 60px 0 0 20px;}
div.footer div.listes div ul{overflow: hidden; zoom: 1;}
div.footer div.listes div ul li {font-weight:bold;float: left; margin-right: 5px;}
div.footer div.listes div ul li a {color:#ED7C10;}
div.footer div.baseline{margin:20px 0 0; text-align:center; width:100%;color:#FFF;}
div.footer div.baseline a{color:#FFF; text-decoration:underline;}

div.main div.mea div.newsletter-form{margin:0 0 0 120px;width:700px;color:#FFF;position:absolute;top:-5px;}
div.main div.mea div.newsletter-form input.text, div.main div.mea div.newsletter-form select{border:1px solid #FFF; color:#FFF; background-color:#DD8500;font-size:0.9em;}
div.main div.mea div.newsletter-form select.series{width:160px;}
div.main div.mea div.newsletter-form table tr tddiv.main div.mea div.newsletter-form table tr td.colsp {padding:0px 5px;}
div.main div.mea div.newsletter-form p.desinscription{color:#FFD699; text-align:center;}
div.main div.mea div.newsletter-form p.desinscription a{color:#FFD699; text-decoration:underline;}
div.main div.mea div.newsletter-form p {line-height:1em;font-size:0.7em;}
div.main div.mea div.newsletter-form #birthdaymonth {width:76px;}

/*home*/
div.home div.main div.mea{margin-right:96px; top:45px; left:120px;}
div.home div.espaceparents{top:398px;}
div.home div.main div.menu a img{background:url(../img/home/back-heros.png);}
div.home div.espaceparents img{ background-image:url(../img/home/espace-parents.png);}

/*newsletter*/
div.newsletter div.main div.mea{margin-right:96px; top:-20px; left:120px;}
div.newsletter div.main div.actions{top:5px; }
div.newsletter div.main div.menu a img{background:url(../img/home/back-heros.png);}
div.newsletter div.espaceparents img{ background-image:url(../img/home/espace-parents.png);}

/* Formulaire concours */
div.main div.concours-form{height:340px;margin:0;left:240px;width:700px;color:#5E64AE;position:absolute;top:40px;text-align:center;}
div.main div.concours-form form{width:580px;float:left;}
div.main div.concours-form table tr td{padding:4px 5px; /padding:1px 5px; font-size:0.9em;vertical-align:middle;height:38px;}
div.main div.concours-form form td img{vertical-align:middle;}
div.main div.concours-form form td img.left{float:left;margin-top:10px;}
div.main div.concours-form form td div{float:right;margin-right:30px;}
div.main div.concours-form select#country{width:160px;}
div.main div.concours-form form td label.radio {font-weight:bold;}
div.main div.concours-form input.text,
div.main div.concours-form select{border:1px solid #FFF; color:#FFF; background-color:#BD97E0;font-size:0.9em;}
div.main div.concours-form #birthdaymonth {width:67px;}
div.main div.concours-form p.error {line-height:1em;font-size:0.7em;}
div.main div.concours-form p.right-error {line-height:1em;font-size:0.7em;text-align:right;margin-right:10px;}
div.main div.concours-form  .cnil {font-size:0.6em;line-height:0.9em;text-align:center;color:#B497FF;}

div.main div.concours-form p.mention{color:#5E64AE; text-align:center;font-size:0.7em; margin: 0 100px;}
div.main div.concours-form select.series{width:160px;}
div.main div.concours-form p.desinscription{color:#5E64AE; text-align:center;font-size:0.7em;}
div.main div.concours-form p.desinscription a{color:#5E64AE; text-decoration:underline;}

div.main div.concours-merci{height:340px;margin:0;left:240px;width:580px;color:#5E64AE;position:absolute;top:40px;}

div.main div.illustration-dessin {left:245px;position:absolute;top:110px;width:560px;}
div.perso1 .ttr-dessin {left:245px;position:absolute;top:130px;}

#PiwiHer {position: relative; zoom: 1;}
.pagination_minisite {position: absolute; bottom: 0; left: 0; color: white; width: 100%; text-align: center;}
.pagination_minisite div {display: inline-block;}
.pagination_minisite a {color: white !important;}