/* Reset CSS meyerweb.com v1.0 | 20080212 */

/* ---------- BEGIN ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---------- END ---------- */

body { background-color:#dc2800; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#42210b; line-height:18px; }
h2 { font-size:18px; font-weight:100; line-height:26px; }
a, label { color:#42210b; text-decoration:none; }
a:hover { color:#dc2800; }
small { font-size:9px; line-height:12px; color:#42210b; }

hr { background-color:#42210b; margin:10px; color:#42210b; height:1px; border:0; }

#site { width:995px; margin:10px auto; }
#menu-bas { position:absolute; top:560px; left:34px; }
#menu-bas li { float:left; }

#contenu,
#contenu-plan-site,
#contenu-goodies ,
#contenu-prehome,
#contenu-home,
#contenu-videos,
#contenu-enfants,
#contenu-content,
#contenu-telecharger-kit,
#contenu-adulte  { height:610px; position:relative; }

#contenu-enfants { padding:4px 0pt 0pt 6px;}
#contenu-enfants .content-left { left:37px; position:absolute; top:170px; width:280px; }
#contenu-enfants .content { padding-left:310px; }

#contenu-telecharger-kit .content,
#contenu-content .content,
#contenu-plan-site .bg,
#contenu-goodies .content { height:514px; position:relative; top:70px; left:305px; margin:0; }

#contenu-content .content,
#contenu-goodies .content { 
  background:transparent url(/pub/img/site-content-bg.jpg) no-repeat scroll left top;
  height:445px;
  padding:18px 15px 18px 25px;
  width:615px;
}

#contenu-telecharger-kit .content {
  background:transparent url(/pub/img/site-telecharger-bg.jpg) no-repeat scroll left top;
  padding-top:20px;
  height:466px;
  top:68px;
  width:655px;
}
#contenu-telecharger-kit .content .encart-lecon-1 { position:absolute; top:70px; left:30px; }
#contenu-telecharger-kit .content .encart-lecon-2 { position:absolute; top:70px; left:350px; }
#contenu-telecharger-kit .content .encart-lecon-3 { position:absolute; top:180px; left:30px; }
#contenu-telecharger-kit .content .encart-lecon-4 { position:absolute; top:180px; left:350px; }
#contenu-telecharger-kit .content .encart-bonus   { position:absolute; top:350px; left:30px; width:600px; }

#contenu-content .content .text { height:100%; padding-right:15px; overflow:auto; overflow-x:hidden!important; }

#contenu-prehome .content { display:block; position:absolute; left:500px; top:140px; width:230px; }
#contenu-prehome .content h1 { margin:0 0 15px 15px; }
#contenu-prehome .content .lang_choose { list-style-type:none; list-style-position:outside; }
#contenu-prehome .content .lang_choose li a { padding-left:15px; font-weight:900; display:block; line-height:24px; }
#contenu-prehome .content .lang_choose li a:hover {
  background-color:#FFFF99;
  color:#000000;
  filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#contenu-home a.go-enfants  { display:block; position:absolute; width:230px; height:269px; top:276px; left:305px; cursor:pointer; }
#contenu-home a.go-adultes  { display:block; position:absolute; width:230px; height:269px; top:276px; left:550px; cursor:pointer; }
#contenu-home p.dialog-home { left:306px; position:absolute; top:55px; width:420px; padding:0 20px 0 30px; }
#contenu-home .encart-video { position:absolute; top:55px; left:796px; width:160px; text-align:center; }
#contenu-videos .encart-video { left:6px; position:absolute; text-align:center; top:343px; width:656px; }
#contenu-videos .content .playerVideo { height:240px; margin:14px auto; padding-left:12px; width:320px; }
#contenu-videos .encart-video a { float:left; }

.encart-video a.vignette-video-1,
.encart-video a.vignette-video-2,
.encart-video a.vignette-video-3,
.encart-video a.vignette-video-4
{ display:block; height:103px; width:123px; margin:0 24px 7px 13px; background:no-repeat top left; }

.encart-video a.vignette-video-1:hover,
.encart-video a.vignette-video-2:hover,
.encart-video a.vignette-video-3:hover,
.encart-video a.vignette-video-4:hover,
.encart-video a.vignette-video-1.selected,
.encart-video a.vignette-video-2.selected,
.encart-video a.vignette-video-3.selected,
.encart-video a.vignette-video-4.selected
 { background-position:bottom left; }

.encart-video a.vignette-video-1 { background-image:url(/pub/img/vignette-video-1.png); }
.encart-video a.vignette-video-2 { background-image:url(/pub/img/vignette-video-2.png); }
.encart-video a.vignette-video-3 { background-image:url(/pub/img/vignette-video-3.png); }
.encart-video a.vignette-video-4 { background-image:url(/pub/img/vignette-video-4.png); }

#contenu-adulte p.dialog-adulte { left:617px; padding:0 15px; position:absolute; top:80px; width:226px; }
#contenu-adulte div { height:162px; position:absolute; width:250px; }
#contenu-adulte div p { margin:0 10px 0 0; }
#contenu-adulte div p a { font-weight:900; }

#contenu-adulte div.encart-demarche             { left:344px; top:35px; }
#contenu-adulte div.encart-lecon                { left:344px; top:162px; }
#contenu-adulte div.encart-telecharger          { left:344px; top:261px; }
#contenu-adulte div.encart-tester-connaissances { left:344px; top:403px; }
#contenu-adulte div.encart-jouer                { left:640px; top:363px; }

#contenu-plan-site .bg { width:655px; height:515x; background:url(/pub/img/site-plan-site-bg.jpg) no-repeat top left; }

#contenu-plan-site .bg h3 { font-size:14px; font-weight:900; margin:20px 0 6px; }
#contenu-plan-site .bg h4 { font-size:14px; font-weight:100; }
#contenu-plan-site .bg ul { position:relative; }
#contenu-plan-site .bg ul li { display:block; position:absolute; text-align:center; width:140px; padding-top:35px; font-weight:900!important; }
#contenu-plan-site .bg ul li.plansite-prehome       { top:73px; left:59px; padding-top:27px; }
#contenu-plan-site .bg ul li.plansite-home          { top:73px; left:230px; }
#contenu-plan-site .bg ul li.plansite-videos        { top:73px; left:477px; height:29px; padding-top:11px; }
#contenu-plan-site .bg ul li.plansite-espace-presse { top:122px; left:477px; height:29px; padding-top:11px; }
#contenu-plan-site .bg ul li.plansite-goodies       { top:171px; left:477px; height:29px; padding-top:11px; }
#contenu-plan-site .bg ul li.plansite-envoyer-ami   { top:220px; left:477px; height:29px; padding-top:11px; }
#contenu-plan-site .bg ul li.plansite-liens         { top:269px; left:477px; height:29px; padding-top:11px; }
#contenu-plan-site .bg ul li.plansite-coin-enfant   { top:219px; left:59px; padding-top:26px; }
#contenu-plan-site .bg ul li.plansite-coin-adulte   { top:219px; left:263px; padding-top:8px; }
#contenu-plan-site .bg ul li.plansite-demarche      { top:368px; left:27px; width:93px; padding-top:26px; }
#contenu-plan-site .bg ul li.plansite-lecon         { top:368px; left:142px; width:93px; }
#contenu-plan-site .bg ul li.plansite-telecharger   { top:368px; left:257px; width:93px; padding-top:26px; }
#contenu-plan-site .bg ul li.plansite-quizz-parent  { top:368px; left:371px; width:93px; padding-top:8px; }
#contenu-plan-site .bg ul li.plansite-quizz-enfant  { top:368px; left:485px; padding-top:8px; }

/*#contenu-plan-site .bg ul li a { font-size:12px; font-weight:100; }*/


#footer { margin-top:5px; text-align:center; font-size:11px; color:#7a0000; }
#footer a { color:#7a0000; text-decoration:none; }

#btn-retour-acceuil, #btn-retour { position:absolute; right:30px; top:10px; width:224px!important; height:60px!important; }
#btn-retour { text-align:right; right:33px; top:18px; }

#contenu-envoyez-ami { background:url(/pub/img/site-envoyez-ami-bg.gif) no-repeat top left; position:relative; width:470px; height:279px; }
#contenu-envoyez-ami img.close { position:absolute; top:10px; right:10px; }
#contenu-envoyez-ecard h1, #contenu-envoyez-ami h1 { padding:15px 22px; }
#contenu-envoyez-ecard #formEnvoyerAmi,
#contenu-envoyez-ami #formEnvoyerAmi { padding:0 22px; }
#contenu-envoyez-ecard #formEnvoyerAmi p,
#contenu-envoyez-ami #formEnvoyerAmi p { clear:both; }

#contenu-envoyez-ecard #formEnvoyerAmi p label,
#contenu-envoyez-ami #formEnvoyerAmi p label
{ float:left; width:112px; display:inline; height:30px; line-height:30px; font-size:14px; }

#contenu-envoyez-ecard #formEnvoyerAmi p input.texte,
#contenu-envoyez-ami #formEnvoyerAmi p input.texte
{ float:left; background:url(/pub/img/form-input-bg.gif) no-repeat left top; border:none; width:298px; height:30px; line-height:30px; display:inline; padding:6px; }

#contenu-envoyez-ecard { background:url(/pub/img/site-envoyez-ecard-bg.png) no-repeat top left; position:relative; height:359px; width:681px; }
#contenu-envoyez-ecard img.close { position:absolute; top:9px; right:11px; }
#contenu-envoyez-ecard #image-envoyez-ecard { float:left; margin-left:25px; display:inline; }
#contenu-envoyez-ecard #content-envoyez-ecard { float:left; clear:right; display:inline; }
#contenu-envoyez-ecard #formEnvoyerAmi p span.textarea  { float:left; background:url(/pub/img/form-envoyez-ecard-textarea-bg.png) no-repeat top left; width:310px; height:90px; }
#contenu-envoyez-ecard #formEnvoyerAmi p span.textarea textarea  { background:none; border:none; width:298px; height:78px; line-height:26px; display:inline; padding:6px; }


#vignetteFumeeTrans,
#vignetteHabilleTrans,
#vignettePastoucheTrans,
#vignetteRouleTrans { height: 89px; width: 111px; float:left; margin-right:10px; margin-bottom:3px; }

#vignetteFumeeTrans     { background: url("/pub/img/vignette_fumee.png") no-repeat; }
#vignetteHabilleTrans   { background: url("/pub/img/vignette_habille.png") no-repeat; }
#vignettePastoucheTrans { background: url("/pub/img/vignette_pastouche.png") no-repeat; }
#vignetteRouleTrans     { background: url("/pub/img/vignette_roule.png") no-repeat; }

* html #vignetteFumeeTrans {
  background:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pub/img/vignette_fumee.png");
}
* html #vignetteHabilleTrans {
  background:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pub/img/vignette_habille.png");
}
* html #vignettePastoucheTrans {
  background:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pub/img/vignette_pastouche.png");
}
* html #vignetteRouleTrans {
  background:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pub/img/vignette_roule.png");
}