* {
	margin:0; padding:0;
	font-family :"Trebuchet MS", "Lucida Grande", "Lucida Sans unicode", verdana, sans-serif;
	font-size:0.9em;
	color: #1A306C;
	line-height:normal;
}
html { text-align:left; }

/* ====================================== */
/* normalise les images et le remplissage */
/* ====================================== */

body, div, dl  dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0; padding:0;
	font-family : "Trebuchet MS", "Lucida Grande", "Lucida Sans unicode", verdana, sans-serif;
	font-size:1em;
	color: #1A306C;
}
ol ul {	list-style:none; }

/* ====================================== */
/* TYPOGRAPHY */
/* ====================================== */

body {	font:12px "Trebuchet MS", "Lucida Grande", "Lucida Sans unicode", verdana, sans-serif; }

h1,h2,h3,h4,h5,h6 {	font-size:100%; }
p {	font-size:100%; margin:0; padding:0}
a:link, a:visited {	text-decoration:none; }
a img {	border:0; }
h1 {	font-size:2em; }
h2 {	font-size:1.8em; }
h3 {	font-size:1.6em; }
h4 {	font-size:1.4em; }
h5 {	font-size:1.2em; }
h6 {	font-size:1.1em; }


.leftCol h1 {font-size:20px;color:#1A306C;  }
.divBuy {display:block; clear:both; margin:0 auto; text-align:center; }
.leftCol a.buy  {background:url(http://www.mydigitalwonder.com/images/puce-green.gif) no-repeat left center; padding-left:10px; margin:5px; text-decoration:none;font-weight:bold; }
.leftCol a.demo  {background:url(http://www.mydigitalwonder.com/images/puce-green.gif) no-repeat left center; padding-left:10px; margin:10px ; text-decoration:none;font-weight:bold; font-size:15px;}

.moreLinks p {font-size:15px; color:#1A306C; font-weight:bold; }
#subFooter p { font-size:11px;}
.moreLinks span {	font-size:12px; color:#1A306C; font-weight:bold; }
a.more {	float:right; margin:2px;}
/* ====================================== */
/* COLOR */
/* ====================================== */

body {	color:#333; }
a:link, a:visited,  a:hover  {	text-decoration:underline;  	color: #1A306C; }

/* Navigation Liens */
#footer li a {
	color:white; font-size:11px; background:url(http://www.mydigitalwonder.com/images/puce-white.gif ) no-repeat right center;
	padding-right:10px;
	margin:3px 5px 0 0px ; text-decoration:none;
	font-weight:bold; font-size:11px; }
#footer li a:hover { color:#9FC920;}
#footer ul { float:left; width:313px; list-style-type:none; padding-top:5px;}
#footer li { display:inline; }
#subFooter a { color:#666666; font-size:11px; }
#leftNav a:hover  {	}
.lang a{font-weight:bold; color:white; float:left; padding:0 5px;text-decoration:none}
.lang a:hover{font-weight:bold; color:#9FC920;}
#navigation a {width:169px; height:45px;float:left;  }




/* lang */
a.cleopatre{ background:url(http://www.mydigitalwonder.com/images/bt-cleopatra_.png) no-repeat center top; /*width:169px; */ width:200px !important;height:45px;float:left;  }
a.tom  { background:url(http://www.mydigitalwonder.com/images/bt-tom_.png) no-repeat center top;  height:45px; float:left; width:192px !important; }
a.james  { background:url(http://www.mydigitalwonder.com/images/bt-james_.png) no-repeat center top; height:45px; float:left; width:192px !important;}

a.cleopatre:hover{ background:url(http://www.mydigitalwonder.com/images/bt-cleopatra-o_.png) no-repeat center top;}
a.tom:hover{ background:url(http://www.mydigitalwonder.com/images/bt-tom-o_.png) no-repeat center top;}
a.james:hover  { background:url(http://www.mydigitalwonder.com/images/bt-james-o_.png) no-repeat center top; }

a.play {	background:url(http://www.mydigitalwonder.com/images/bt-play_.png) no-repeat bottom; width: 493px; height:109px; float:right; z-index:99; }

/* ====================================== */
/* LAYOUT */ /* CSS Document */
/* ====================================== */

body {
	background:url(http://www.mydigitalwonder.com/images/background-repeatr.png) repeat-x top white;
}
.container {
	margin:0 auto;
	width:972px;
	background:url(http://www.mydigitalwonder.com/images/bg-wrapper.png) no-repeat 0 392px;
	}

*html .container {

	background:url(http://www.mydigitalwonder.com/images/bg-wrapper.png) no-repeat 0 392px;
}
.globalNav{
	position:absolute; top:0;z-index:98;
	width:980px;
}


#navigation {
	margin: 5px auto;
	padding: 5px 0;
	width: 595px;
	text-align: left;
	height:50px;
	float:right;

}
#leftNav {
	float:left;
	width:350px;
	height:222px;
	background:url(http://www.mydigitalwonder.com/images/bg-leftnav_.png) no-repeat bottom left;/* lang */
	}
#leftNav .liens {
	padding-top:16px;
	width:170px;
	margin-right:20px;
	float:right;
	text-align:left;
	}
*+html #leftNav .liens {
	padding-top:12px;
	}
#footer {
	width: 970px;
	background:url(http://www.mydigitalwonder.com/images/footer.png) no-repeat bottom center;
	text-align: left;
	height:125px;
	z-index:97;
	margin:34px 0 0 0 ;
	float:left;
}
#subFooter {
	padding: 5px 0;
	width: 930px;
	margin:0px 0 0 10px ;
	text-align: left;
	height:20px;
	padding-left:0px;
	float:left;
}
.subfooternavright{
	width:105px;
	float:right;
}
.subfooternav {
	width: 816px;
	float:left;
}
.moreLinks {
	float:left;
	width : 300px;
	height:50px;
	padding-left:15px;
}

/* ====================================== */
/* LOGOS */
/* ====================================== */
.cisco { background:url(http://www.mydigitalwonder.com/images/cisco-logo.gif) no-repeat right top; width:52px; height:28px; float:right;  }
.logo  {	float:left; width:200px; }



/* ====================================== */
/* CLASSES RELATIVES A LA FONCTION JS SCROLL */
/* ====================================== */

#wrapper {
	margin: 0px auto;
	display:block; clear:both;
	overflow: hidden;
	height: 466px;
	width: 990px;
	position: relative;
	top:40px;
	z-index:9;
	}

#inner {
	width: 15000px;
	height: 466px;
	position: relative;
	z-index:9;
}

.scrolling-content {
	width: 960px;
	height: 466px;
	text-align: left;
	padding:10px;
	position: absolute;
	z-index:9;
}

#cleopatre,
#tom,
#james,
#content5,
#ldma2200,
#rules,
#ldma2100 ,
#ldma2100-detail ,
#ldma2200-detail,
#game ,
#demo,
#wheretobuy
{
	width:980px;
	}
/* ====================================== */
/* Definition des positionnements des pages */
/* ====================================== */

/* Definition des positionnements des pages */
#cleopatre { left: 0px; 	  top: 0px; background:url(http://www.mydigitalwonder.com/images/bg-cleopatre.png) no-repeat 91px 97px;}
#tom {	left: 980px;  top: 0px; background:url(http://www.mydigitalwonder.com/images/bg-cowboy.png) no-repeat 119px 16px}
#james { left: 2000px; top: 0px; background:url(http://www.mydigitalwonder.com/images/bg-james.png) no-repeat 177px 85px;}
#ldma2100 {	left: 3000px; top: 0px; ) no-repeat center right;}
#ldma2200 {	left: 4000px; top: 0px; ) no-repeat center right;}
#demo {left: 5000px; top: 0px; }
#rules {left: 7000px; top: 0px; }
#ldma2100-detail{	left:8000px; top: 0px; ) no-repeat center right;}
#game {	left: 9000px; top: 0px; }
#ldma2200-detail{	left:10000px; top: 0px; ) no-repeat center right;}
#wheretobuy {	left: 11000px; top: 0px; }


.article{  background:url(http://www.mydigitalwonder.com/images/bg-article.png) no-repeat left top; float:right !important; padding-right:15px; width: 575px !important; height:450px!important; padding-left:0 !important;}
.article .descriptif{ margin:0 auto; padding:20px 15px 0 15px; width:520px;}
.article .descriptif h1 { text-align:left;}
.article .descriptif h4 {color: #7D8E1F; font-size:15px;text-align:left; margin:5px 0 10px 0 ;}
.article .descriptif h5 {color: #1A306C; font-size:14px;text-align:left; border-bottom:1px solid #A7ACBE; margin:8px 0 0 0; }
.article .descriptif ul {margin:10px 10px ; color:black; padding:0 }
.article .descriptif ul li{margin:3px 0 0 5px ;list-style:url(http://www.mydigitalwonder.com/images/puce-green.gif);list-style-position:outside; }
.article .descriptif ul li.pdf { margin:3px 0 0 13px;list-style:url(http://www.mydigitalwonder.com/images/puce-pdf.gif);list-style-position:outside; }

.leftCol {	width:32%; float:left; text-align:center; color :#1A306C; padding-top:200px;}
.leftCol img{margin:20px 0 10px 0 ;  }
.rightCol {	width:50%; float:left;text-align:left; padding-left:106px;}
.lang { width: 110px;  float:right; z-index:99; padding:88px 0px 0 0 ;}
.divplay { width:460px;  float:left; z-index:99;margin-left:41px;}
input {	border:1px solid #3365A4; }

.btnsubmit {	border:1px solid #3365A4; background:none; color :3365A4; cursor:pointer; font-weight:bold; }
.partner { display:block; clear:both; margin:10px 0 ;}
.partner a { padding: 0 10px; }
.partnerPage .listPartner{ width:140px !important; float:left; margin:25px 15px 0 15px; height:140px;  }
.partnerPage .listPartner img { text-align:center;  margin:5px 0 10px 0;}
.partnerPage .listPartner div {float:left; display:block; clear:both; margin:5px 0 10px 0; width:100%; }

/* ====================================== */
/* page product description */
/* ====================================== */
#newsletter {float:left; clear:both; height:29px; line-height:12px !important; width:300px;  margin-left:5px;}
.Ntext {float:left; height:56px;}


/* ====================================== */
/*styles spécifiques à la home */
/* ====================================== */

.globalNavHome {
	position:absolute; top:0px;
	z-index:5;
	width:980px;
	height:580px;
	/*background:url(http://www.mydigitalwonder.com/images/images_home/bg-home.png) no-repeat 0 18px	;*/
}

.logoHome{
	float:left;
	background:url(http://www.mydigitalwonder.com/images/images_home/logo-home.png) no-repeat top left;
	width:348px;
	height:92px;
	display:block; clear:both;
}
.logoHome_fr{
	float:left;
	background:url(http://www.mydigitalwonder.com/images/images_home/logo-home_fr.png) no-repeat top left;
	width:348px;
	height:92px;
	display:block; clear:both;
}
.logoHome_uk{
	float:left;
	background:url(http://www.mydigitalwonder.com/images/images_home/logo-home_uk.png) no-repeat top left;
	width:348px;
	height:92px;
	display:block; clear:both;
}
.logoHome_de{
	float:left;
	background:url(http://www.mydigitalwonder.com/images/images_home/logo-home_de.png) no-repeat top left;
	width:348px;
	height:92px;
	display:block; clear:both;
}

.wheretobuyHome{
	float:left;
	background:url(http://www.mydigitalwonder.com/images/images_home/wheretobuy-home_.png) no-repeat bottom left;
	width:163px;
	margin-top:6px;
	margin-left:162px;
	height:78px;
	display:block; clear:both;
}
*+html .wheretobuyHome{

	margin-top:0px;
}

.btn-CleopatreHome{
	float:left;
	background:url(http://www.mydigitalwonder.com/images/images_home/btn-cleopatra-home_.png) no-repeat top  left; /* lang */
	width:270px;
	height:500px;
	z-index:9;
}
.ulhome{
	margin-top:26px;

}
.AbsDiv {position:absolute;top:0; z-index:99; width:937px;  }
.linksyslink{width: 170px; height:38px; float:right;  padding-top:20px;}
.btn-TomHome{
	float:left;
	background:url(http://www.mydigitalwonder.com/images/images_home/btn-tom-home_.png) no-repeat top right; /* lang */
	width:404px;
	height:500px;
	z-index:9;
}

.btn-JamesHome{
	float:right;
	background:url(http://www.mydigitalwonder.com/images/images_home/btn-james-home_.png) no-repeat top left; /* lang */
	width:296px;
	height:500px; 	z-index:9;
	}


/* ====================================== */
/* page index  */
/* ====================================== */

.divLangCh {
	position:absolute;
	width:450px;
		padding:100px 0px 0px 240px;text-align:center; z-index:99 ; font-size:13px; font-weight:bold;}
.divLang{
	position:absolute;
	height:615px;
	top:0px;
	left:0 ;
	width:980px;
	background:url(http://www.mydigitalwonder.com/images/choice-lang.png) no-repeat center top;
	}
.footerIndex{ text-align:center;  width:980px; top:500px;  position:absolute; }
.flag { text-align:center;text-decoration:none; float:left;  margin:5px;}
.flag a, .flag a:selected, .flag a:visited{ text-decoration:none !important; }
.flag *{ text-decoration:none !important; }



/* ====================================== */
/* page index  */
/* ====================================== */
.footerHome {	position:absolute; top:360px;z-index:95;	margin-top:33px !important}
.footerHomeLang {	position:absolute; top:346px;z-index:95;	}
*html .footerHomeLang {	position:absolute;top:406px !important;z-index:95; height:55px !important;	}
.subFooterHomeLang {
	position:absolute; top:429px;z-index:96;	margin:0px 0 0 10px !important; padding:0 !important;}
.subFooterHome{	position:absolute; top:519px;z-index:96;	margin:0px 0 0 10px !important; padding:0 !important;}
.ProductsHome{
	float:left;
	z-index:99;
	background:url(http://www.mydigitalwonder.com/images/images_home/bg-products-home_.png) no-repeat top left;
	width:314px;
	height:200px !important;
	position:absolute;
	padding-top:9px;
	left:400px;
	}
.ProductsHome a {	float:left; z-index:95;	padding-left:148px; padding-top:5px; cursor:pointer; 	}



 /* ====================================== */
/*styles spécifiques au QUIZZ  */
/* ====================================== */
.quizz
 {  background:url(http://www.mydigitalwonder.com/images/bg-quizz_.png) no-repeat left top; /* lang */
	float:right !important;
	padding-right:35px;
	width: 575px !important;
	height:345px!important;
	margin-top:50px;
	padding:76px 0 0 20px !important;
	color:white !important;
	}
.quizz h2  {
	color:#9FC920;
	font-size:15px;
	font-weight:bold;
	width:514px;
	}
.quizz h3  {
	color:#fff;
	margin-top:5px;
	font-size:15px;
	font-weight:bold;
	width:510px;
	}
.QuizzImage{
	float:left;
	width: 225px; height:140px;
	margin:8px 0 0 5px;
	}
.quizzRadio {
	float:left;
	width: 250px; height:203px; margin:8px 0px 0 25px;
	}
.quizzRadio  input { border:0; margin: -1pt 6px	}
.quizzRadio form div  { margin:3px 0;color:white;}


	.quizzSelect{
	 display:block !important;
	 clear:both;
	}
.legend {
	display:block; clear:both;
	margin:8px 0 0 0;
	color:white;
	font-style:italic;
	}
.legend_error{
	background:white;
	color:red;
	font-style:italic;
	width:213px; /*190*/
	float:left;
	}
.labelClear label{
	color:white !important; width:100px;  float:left; margin:5px 0;
	}
.quizzClear{
	margin-top:5px !important;
	height:150px !important;
	}
.formdiv {
	width:480px; display:block; clear:both;
	margin:5px; float:left;
	}

.formdiv label {
	width:160px !important; float:left;
	}

.labelClear input{
	 width:135px;  float:left; margin:5px 0;
	}
.next { loat:right; 	margin:50px 60px 0 0;	}
.overflowdiv { 	height:345px; overflow:auto;margin-bottom:5px;}
.overflowdivdetail{ 	height:300px; overflow:auto;margin-bottom:5px;}

#Div .next { 	float:left; display:block; clear:both; text-align:left; margin: 0 !important; padding:0 !important;}

.form_error { 	border:2px solid red ;  background:white; 	}
input.form_error { 	border:2px solid red  !important;  background:white; 	}
.quizzInscription{ 	margin:20px ; height:175px;}
.quizzInscription select{ 	width:150px;}
.quizzInscription label {color:white !important; width:150px; float:left; }
.quizzInscription div {margin:5px 0; }
.quizzInscription div input {width:150px; color: #1A306C !important; }

.quizzInscription div *  {color:white !important; /* display:inline; */}
.quizzInscription div *  span {padding: 0 5px; }
.listPartner { float:left; text-align:left; margin:0 5px 0 0 ; width:100px; }
select {color: #1A306C !important; }
option {color: #1A306C !important;  display:block; clear:both; }

.listPartner div {display:block; clear:both; text-align:left; margin:0 auto; height:30px;}
.mediaBOXDIV { background:none; padding: 0px; }
.checkboxClass{ border:0 !important; float:left; text-align:left; width:auto !important; padding:20px; margin-top:5px;}

.noreset {padding:0!important;  margin:0 !important;}
/*popup */

.contentPubli p {}
.contentPubli h3 {width:400px;}
#contentPubli textarea  {width:413px !important;}

.PopupElement div {padding:0!important;  margin:5px 10px !important; float:left;}
.PopupElement img {margin:5px 0 !important; }
.PopupElement  {text-align:center;  display:block; clear:both; }

#explain  {margin: 35px 10px; padding: 25px;
	background: transparent url(../images/bg-contentwindow-Subscribe.jpg) no-repeat scroll left top;
	overflow: hidden; width: 415px;
	height: 350px;
	font-size:14px;
	text-align:center;
	}

.quizzInfo{
	color:white !important;
	width:490px;
	font-size:12px;
	}
.rulesAcceptation {
	width:300px !important;
	float:left;
	}
.nextQuiz{
	float:right;
margin:	25px 48px 0pt 0pt
	}

.containerQuestion {
	display:block; clear:both;
	height:250px;
	width:520px;
	overflow:hidden;
	}
.quizzResponse{
display:block; clear:both; width:240px;
	}
.input_quizzResponse{
width:10px; float:left;
	}
.text_quizzResponse{
width:203px; float:right
	}

	.friend{
font-size:15px; font-weight:bold;
	}