/* ////////////////// PI ////////////////// */

form {
	margin:0; 
}

* {
	font-family: Arial, Helvetica, sans-serif;
}
/* ////////////////// END PI ////////////////// */

/* CSS Document */
#cadre{ position:relative; margin:5px auto auto auto; width:850px; height:594px; text-align:left;}
#cadreBorder{ width:850px; height:590px; border:solid 1px #999999;}
#header{padding:0; margin:0 20px 0 0; float:right;}
#header ul{padding:0; margin:0;}
#header ul li{padding:0; margin:0; display:inline; list-style:none;}

.decoContenu{ position:absolute; top:57px; left:222px; width:629px; height:460px; background:url(../images/content-fd.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content-fd.png',sizingMethod='scale'); }

#contenu{ position:absolute; top:57px; left:222px; padding:1px 0 1px 1px; width:628px; height:458px; overflow:hidden}


#navigtit{}
#navig{ padding:0 0 0 15px; margin:10px 0 10px 0; font-size:10px; color:#666666; white-space:nowrap;}
.redtxt{color:#e2001a;}
div.h1{ padding:0; margin:0; float:left;}
#titre{padding:6px 0 0 15px; margin:0; height:21px;}

.chapters{ font-size:11px; background:#dfdfe0; _height:1%; }
.chapters ul, .chapters ul li{ margin:0; padding:0; list-style-type:none; }
.chapters ul li{ float:left; }
.chapters ul li a{ display:block; padding:5px 15px; font-size:13px; color:#727272; text-decoration:none; background:#dfdfe0; }
.chapters ul li a:hover, .chapters ul li.on a{ color:#FFFFFF; background:#727272; }

/*.clear{clear:both;}*/
#menu_g{ width:167px; padding:0; margin:88px 10px 0 0; float:left;}
#menu_g ul{padding:0; margin:0;}
#menu_g ul li{padding:0; margin:0; list-style:none; display:list-item;}
#zone_img{padding:0; margin:0; float:left;}
#bloc_contenu{ width:399px; height:257px; padding:0; margin:0; float:left; border-top:solid 1px #000000; border-bottom:solid 1px #000000;}
#zone_txt{ width:245px; height:239px; padding:0; margin:10px 0 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; float:left;}
#scrollable2{ width:245px; height:239px; padding:0; margin:10px 0 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; float:left; overflow: hidden;}
.h3{ padding:0; margin:0; color:#e2001a; font-size:13px;}
#menu_d{padding:0; margin:80px 0 0 30px; float:left;}
#menu_d a:link{ text-decoration:none;}
#menu_d a:hover{ text-decoration:none; background:url(../images/menu_d_principe.gif);}
#menu_d ul{padding:0; margin:0;}
#menu_d ul li{padding:0; margin:0; list-style:none; display:list-item;}
#telech{ padding:0; margin:10px 0 0 450px; width:126px; height:13px; text-align:center; background:url(../images/txt_telecharger.gif) no-repeat;display:none;}
.txtelch{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; margin:15px 0 0 0;}
a.lik, a.lik:link { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: -1px; color:#666666;}
a.lik:hover { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing: -1px; color:#e2001a;}
#bottom{ width:850px; height:50px; padding:0; margin:84px 0 0 0; background:url(../images/fond_edition2008.png) no-repeat right;}
.txtbas{ float:right; margin:-12px 17px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#8e9091;}
.txtbas a{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#8e9091; text-decoration:none;}
img{border:none;}
#prog{ width:60px; height:80px; display:none; background:#0000FF; position:absolute; float:right;}
.marjeu{color:#e2001a; text-align:left; margin:23px 0 10px 30px; font-size:10px;}
#wrap3 { float: left; width: 15px; height: 259px; background: transparent url(../images/barre_rouge.gif) no-repeat bottom left;}
#track3-top {position: absolute;width: 17px;height: 80px;}
#track3 { position: absolute; width: 17px; height: 209px; margin-top:50px; }
#handle3 { width: 17px; height: 14px;}
.titreTxt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e2001a; font-weight:bold;}
.txtMaron{ color:#993300;}

/* ////////////////// PI ////////////////// */


#header {
	list-style:none outside none; margin:0; padding:0; 
}
#header li {
	display:block;
}
#header {
	position:absolute; right:8px; top:10px;
}
#header li {
	float:left; padding:0 11px 0 0; margin:0 10px 0 0; background:url(../images/css/header-arrow.gif) right 8px no-repeat;
}

#nav, .siteMap {
	list-style:none outside none; margin:0; padding:0; 
}
#nav ol, .siteMap ol {
	list-style:none outside none; margin:0;
}
#nav li, .siteMap li {
	display:block;
}
.clear {
	clear:both; font-size:1px;
}
.link {
	color:#000; text-decoration:underline;
}
.link:hover {
	text-decoration:none; color:#e2001a;
}
#gameRegister .error {
	color:#e2001a; float:right; padding:0 0 0 5px; color:#ff0000; cursor:pointer;
}
#gameRegister .msg {
	color:#e2001a; position:absolute; top:0; left:0; visibility:hidden; white-space:nowrap;
}
#errorsMsg {
	color:#e2001a; visibility:hidden; width:120px; font-family:Arial, Helvetica, sans-serif; font-size:11px; position:absolute; padding:5px; background:#fff; border:1px solid #000;
}
.cadreTxt {
	border:1px solid #e6253b; padding:5px;
}
.titreTxtImg {
	padding:9px 0 0 0; display:block;
}

small.mandatoryTxt {
	font-size:9px; color:#e2001a;
}

#gameRegister label {
	float:left; width:130px; margin:0 0 1px 0; padding:0 10px 0 0; text-align:right;
}
#gameRegister .myInput {
	float:left; border:1px solid #000; font-size:11px; margin:0 0 1px 0; width:90px;
}
#gameRegister .radioGroup input, #gameRegister .checkboxGroup label {
	float:left;
}
#gameRegister .radioGroup .group {
	float:left;
}
#gameRegister .radioGroup div label {
	width:auto; padding:0; margin:2px 0 0 0;
}

#gameRegister .checkboxGroup input {
	width:auto; float:left; margin:-3px 1px 0 0;
}
	#gameRegister .checkboxGroup input[class] {
		margin:0 5px 0 0; /* FF */
	}
	*:first-child+html #gameRegister .checkboxGroup input[class] {
		 margin:-3px 1px 0 0; /* IE7 */
	}

#gameRegister .checkboxGroup label {
	float:left; width:210px; _width:210px; display:block; padding:0; margin:0; text-align:left;
}

#gameRegister .btns {
	position:relative;
}
#gameRegister .btns div {
	position:absolute; top:-215px; right:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
#gameRegister #myInfosSize div {
	overflow:auto;height:45px;width:220px;
}	
	#gameRegister #myInfosSize div[class] {
		height:52px; /* FF */
	}
	*:first-child+html #gameRegister #myInfosSize div[class] {
		height:4	5px; /* IE7 */
	}

#gameQuestions .error {
	color:#e2001a;
}
#gameQuestions label {
	font-weight:bold; padding:5px 0; display:block;
}
#gameQuestions .response {
	font-weight:normal; float:left; display:block; padding:0; width:80px;
}
#gameQuestions .radioGroup input {
	margin:-3px 5px 0 0; float:left;
}
	#gameQuestions .radioGroup input[class] {
		margin:1px 5px 0 5px; /* FF */
	}
	*:first-child+html #gameQuestions .radioGroup input[class] {
		 margin:-3px 5px 0 0; /* IE7 */
	}
#gameQuestions .myInput {
	float:left; border:1px solid #000; font-size:11px; margin:0 0 1px 0; width:50px; margin:3px 0 0 5px;
}
#gameQuestions label a {
	text-decoration:underline; color:#000;
}
#gameQuestions .myLabel {
	float:left;
}
#gameQuestions .btns {
	position:absolute; right:25px; top:380px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}

#myMapFlashContent {
	position:absolute; top:150px; left:185px; z-index:20;
}

/* ////////////////// END PI ////////////////// */

.playerYouTube{
	margin:0 0 8px 8px;
	float:left;
}

.desc{ margin:0 15px; position:relative; font-size:11px; }
.desc .media{ float:left; margin:0 15px 10px 0; }
.desc h2{ margin:0 0 10px 0; text-transform:uppercase; font-size:12px; font-weight:bold; color:#727272; }
.scrollerMask {
	position:relative; width:600px; height:360px; clip:rect(0,600px,360px,0); overflow:hidden;
}
.scrollerMask2 {
	position:relative; width:600px; height:360px; clip:rect(0,600px,360px,0); overflow:hidden;
}
.scrollerContent {
	position:absolute; top:0; left:0; width:575px;
}
.scrollerTools {
	position:absolute; top:0; left:580px; width:20px; height:360px; background:url(../images/css/scroller-fd.gif) no-repeat top;
}
.scrollerCursorStart{
	background:url(../images/css/scroller-cursor-start.gif) no-repeat top; height:10px;
}
.scrollerCursorTop {
	top:20px; position:absolute; z-index:2; width:20px; height:320px; background:url(../images/css/scroller-cursor-end.gif) no-repeat bottom;
}
.scrollerCursorBgTop {
	width:20px; height:320px; top:20px; position:absolute; z-index:1;
}
.scrollerTop, .scrollerBottom {
	text-decoration:none; font-size:1px; color:#000; width:20px; height:20px; text-align:center; display:block;
}
.scrollerTop {
	background:url(../images/css/scroller-up.gif) no-repeat center;
}
.scrollerBottom {
	position:absolute; top:340px; background:url(../images/css/scroller-down.gif) no-repeat center;
}

.desc a { color:#000; font-weight:bold; }