/* Conteneur et appel background */
body{
	width:800px;
	height:600px;
	overflow:hidden;
}


body.enquete{
	background-image:url(http://static2.canalplus.fr/toonmystere/prod/background.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:600px;
}

body.accueil{
	width:800px;
	height:600px;
	margin:0px;
}

#titre{
	position:relative;
	width:310px;
	height:60px;
	top:20px;
	left:433px;
}

.menu{
	position:relative;
	height:350px;
	top:105px;
	width:250px;
	z-index:100;
}

ul{
	list-style:none;
	margin:10px;
	padding:0px;
}

li{
	margin:-20px;
	padding:-10px;	
}

img{
	border:none;
}
#contenu-centre{
	position:relative;
	top:-336px;
	left:161px;
}

.logo_toon{
	position:absolute;
	top:0px;
	left:90px;
}

/************************************************* Page enquête 1 comment jouer *************************************************/
#encart-enquete1{
	position:relative;
	width:186px;
	height:93px;
	left:140px;
	top:-280px;
}

#comment-jouer1{
	position:relative;
	width:378px;
	height:426px;
	left:230px;
	top:-460px;
}

#encart-cadeau1{
	position:relative;
	width:288px;
	height:100px;
	top:-430px;
	left:455px;
	z-index:150;
}

#menu-jeu{
	position:relative;
	width:288px;
	height:195px;
	top:-720px;
	left:260px;
	z-index:150;
}

#personnage{
	position:relative;
	width:485px;
	height:410px;
	top:-75px;
	left:-75px;
	z-index:10;
}

img#btn-menu-jeu{
	margin:0px;	
	padding:0px;
	margin-bottom:-20px;
}

/************************************************* Page enquête 1 jeu *************************************************/
#grille-suspects{
	position:relative;
	width:611px;
	height:339px;
	top:-80px;
	left:-25px;
}

#envoie-reponse{
	position:relative;
	width:247px;
	height:52px;
	top:-56px;
	left:170px;
}

#radio{
	position:relative;
	top:-30px;
	left:95px;
}

#radio1{
	margin-right:107px;	
}

#radio2{
	margin-right:105px;	
}

#radio3{
	margin-right:105px;	
}

#radio4{
	margin-right:103px;	
}

/************************************************* Page enquête 1 remerciement *************************************************/
#remerciement{
	position:relative;
	width:490px;
	height:158px;
	left:50px;
	top:-30px;
	z-index:160;
}

#retour{
	position:relative;
	width:233px;
	height:76px;
	left:178px;
	top:30px;
	z-index:160;
}

#erreur1{
	position:relative;
	left:-100px;
	top:20px;
	color:#6b3112;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	z-index:160;
}

#erreur2{
	position:relative;
	left:-100px;
	top:-50px;
	color:#6b3112;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	z-index:160;
}


/************************************************* Page enquête 1 formulaire *************************************************/

#formulaire{
	position:relative;
	width:608px;
	height:342px;
	top:-50px;
	z-index:150;
}

#zones-formulaire{
	position:relative;
	top:-270px;
	left:36px;
	color:#6b3112;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#valide-participation{
	position:relative;
	width:296px;
	height:56px;
	top:-63px;
	left:120px;
}

.bordures-formulaire{
	border:#ffffff 2px;
}

#prenom{
	margin-right:21px;	
}

#date_sexe{
	position:relative;
	top:21px;
}

#jour{
	margin-right:44px;
	margin-left:4px;
}

#mois{
	margin-right:13px;
}

#annee{
	margin-right:8px;
}

#sexe-f{
	position:relative;
	left:415px;
}

#email_tel{
	position:relative;
	top:35px;
}

#email{
	margin-right:18px;	
	width:220px;
}

#tel{
	width:100px;
}

#ton_adresse{
	position:relative;
	top:58px;
}

#adresse{
	width:400px;
	margin-left:5px;
}

#suite_adresse{
	position:relative;
	top:86px;	
}

#code_postal{
	width:66px;
	margin-right:6px;
}

#ville{
	width:72px;
	margin-left:5px;
	margin-right:21px;
}

#pays{
	width:90px;
	margin-left:5px;
}


/************************************************* Page enquête 1 solution *************************************************/
#solution{
	position:relative;
	width:620px;
	height:375px;
	top:-60px;
}

#grand-gagnant{
	position:relative;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:large;
	font-weight:bold;
	top:-60px;
	left:-135px;
}

#liste-gagnants{
	position:relative;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	top:-155px;
	left:335px;
}


/************************************************* Page gagnant final *************************************************/

#gagnant-sejour{
	position:relative;
	width:640px;
	height:600px;
	top:-4px;
	left:-9px;
}

#nom_gagnant-sejour{
	position:relative;
	top:-290px;
	left:120px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-large;
}

.menu2{
	position:relative;
	height:350px;
	top:173px;
}

/************************************************* Hacks CSS Chrome *************************************************/

@media screen and (-webkit-min-device-pixel-ratio:0) { 


#envoie-reponse{
	top:-56px;
}


#valide-participation{
	top:-63px;
}


#zones-formulaire{
	top:-272px;
	left:31px;
}

#prenom{
	margin-right:20px;
	margin-left:4px;
	width:140px;
}

#nom{
	width:120px;
	margin-left:2px;
}

#date_sexe{
	position:relative;
	top:19px;
}

#jour{
	margin-right:42px;
	margin-left:8px;
}

#mois{
	margin-right:13px;
}

#annee{
	margin-right:8px;
}

#sexe-f{
	position:relative;
	left:419px;
}

#email_tel{
	position:relative;
	top:32px;
}

#email{
	margin-right:18px;	
	width:220px;
}

#tel{
	width:100px;
	margin-left:2px;
}

#ton_adresse{
	position:relative;
	top:52px;
}

#adresse{
	width:400px;
	margin-left:5px;
}

#suite_adresse{
	position:relative;
	top:72px;	
}

#code_postal{
	width:66px;
	margin-right:6px;
}

#ville{
	width:72px;
	margin-left:5px;
	margin-right:21px;
}

#pays{
	width:90px;
	margin-left:3px;
}}