/* CSS Document */
BODY {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000000;
	color:#FFFFFF;
}

.clear {
	clear:both;
	display:block;
	height:0px;
}

.middle {
	vertical-align:middle;
}

DIV{
	position:relative;
}

IMG, TABLE {
	border:none;
	margin:0px;
	padding:0px;
}

P, H1, H2, H3, H4, UL, LI, FORM {
	margin:0px;
	padding:0px;
}

#main{
	width:1024px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

/* HEADER */
#logo-hp{
	width:971px;
	height:144px;
	background:url(../../images/fond-header-hp.jpg) top left no-repeat;
	padding:0 0 0 53px;
}

#logo{
	width:971px;
	height:144px;
	background:url(../../images/fond-header.jpg) top left no-repeat;
	padding:0 0 0 53px;
}

#navigation{
	width:1024px;
	height:36px;
	background:url(../../images/fond-navigation.gif) top left no-repeat;
}

#navig_menu {
	position: absolute;
	top: 144px;
	/*left:191px;*/
	left: 256px;
	width: 711px;
	height: auto;
	z-index:1;
}

#navMenu { position: absolute; margin: 0px; padding: 0px; height: auto; width:600px; z-index: 100; font-size: 11px; }
#navMenu li { position: absolute; display: block; z-index: 99; height: 20px; list-style: none; }
#navMenu a { display: block; z-index: 50; height: 20px; color: #FFFFFF; text-decoration: none; font-weight: bold; }

#n1 { left: 0px; }
#n2 { left: 98px; }
#n3 { left: 267px; }
#n4 { left: 389px; }

#n1 li, #n2 li, #n3 li, #n4 li { background:#506600 url(../../images/fond-nav-off.gif) top left repeat-x; }
#n1 li.bottom, #n2 li.bottom, #n3 li.bottom, #n4 li.bottom { background:none; } 

#n1 li a { background-position: 0; padding:4px 0 0 8px; }
#n2 li a { background-position: -98px 0; padding:3px 0 0 8px; }
#n3 li a { background-position: -267px 0; padding:3px 0 0 8px; }
#n4 li a { background-position: -389px 0; padding:3px 0 0 8px; }

#n1 li a:hover { background:url(../../images/fond-nav-on.gif) top left repeat-x; }
#n2 li a:hover { background-position: -98px -8px; background:url(../../images/fond-nav-on.gif) top left repeat-x; }
#n3 li a:hover { background-position: -267px -8px; background:url(../../images/fond-nav-on.gif) top left repeat-x; }
#n4 li a:hover { background-position: -389px -8px; background:url(../../images/fond-nav-on.gif) top left repeat-x; }

#navMenu li ul { visibility: hidden; position: absolute; left: -1px; top:36px; }
#navMenu #n1 ul { width: 150px; }
#navMenu #n2 ul { width: 205px; }
#navMenu #n3 ul { width: 170px; }
#navMenu #n4 ul { width: 124px; }

#navMenu li ul li, #navMenu li ul li a { position: relative; z-index: 50; font-weight: normal;}
#navMenu li ul li a { color: #FFFFFF; }
#navMenu li:hover>ul { visibility: visible; display: block; }

/* FOOTER */
#footer_hp #logo,
#footer #logo{
	position:absolute;
	top:30px;
	left:770px;
	width:154px;
	height:33px;
	background:none;
}

#footer_hp{
	width:1024px;
	height:97px;
	background:url(../../images/fond-footer-hp.jpg) top left no-repeat;
}

#footer{
	width:1024px;
	height:97px;
	background:url(../../images/fond-footer.jpg) top left no-repeat;
}

#footer_jeu_arthur{
	width:1024px;
	height:23px;
	background:url(../../images/fond-footer-jeu-arthur.jpg) top left no-repeat;
}

#footer_hp INPUT.champ, #footer INPUT.champ{
	width:152px;
	height:17px;
	border:1px solid #000;
	padding:2px 0 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer_hp P.lienbas, #footer P.lienbas, #footer_jeu_arthur P.lienbas{
	padding:23px 0 0 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3989ff;
}
#footer_jeu_arthur P.lienbas{
	padding:6px 0 0 30px;
}

#footer_hp A, #footer A, #footer_jeu_arthur A{
	font-size:10px;
	color:#3989ff;
	text-decoration:none;
}

#footer_hp A:hover, #footer A:hover, #footer_jeu_arthur A:hover{
	text-decoration:underline;
}

/* HP */
#content_hp{
	width:974px;
	height:257px;
	background:url(../../images/fond-content-hp.jpg) top left no-repeat;
	padding:66px 0 0 50px;
}

	#content_hp H1{
		font-size:24px;
		font-weight:bold;
		color:#b4d8fb;
	}
	
	#content_hp H2{
		font-size:18px;
		font-weight:normal;
		color:#b4d8fb;
	}
	
	#content_hp P{
		margin:13px 0 0 0;
		width:490px;
		text-align:justify;
	}
	
#anim_hp{
	position:absolute;
	top:180px;
	left:549px;
	width:475px;
	height:353px;
}

/* JEU CONCOURS */
#jeu-concours {
	width: 955px;
	height: 600px;
	margin:0 auto;
}
/* PAGES */
#content{
	width:1024px;
	height:auto;
	background:#0684ff url(../../images/fond-content.jpg) top left no-repeat;
	float:left;
}

#leftcol{
	width:194px;
	height:auto;
	min-height:314px;
	background:#0684ff url(../../images/fond-leftcol.jpg) top left no-repeat;
	padding:19px 0 0 35px;
	float:left;
}

	#leftcol UL{
		width:164px;
		list-style:none;
		margin:0;
		padding:0;
	}
		
	#leftcol LI A{
		width:156px;
		height:22px;
		display:block;
		background:#067df1 url(../../images/leftcol-separateur.gif) bottom left no-repeat;
		font-size:11px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		padding:6px 0 0 8px;
	}
	
	#leftcol LI A:hover, #leftcol LI A.on{
		background:#011f3b url(../../images/leftcol-separateur.gif) bottom left no-repeat;
		text-decoration:none;
	}

#contenu{
	width:745px;
	height:auto;
	float:left;
	padding:0 50px 0 0;
}

#contain{
	width:954px;
	height:auto;
	float:left;
	padding:19px 35px 19px 35px;
}

	#contenu H1, #contain H1{
		font-size:24px;
		color:#FFFFFF;
		font-weight:bold;
		margin:18px 0 10px 0;
	}
	
	#contenu H2{
		font-size:14px;
		color:#FFFFFF;
		text-align:justify;
		font-weight:bold;
		margin:0 0 12px 0;
	}
	
	#contain H2{
		font-size:14px;
		color:#FFFFFF;
		text-align:justify;
		font-weight:bold;
		margin:5px 0 0 0;
	}
	
	#contenu P.accroche,
	#contain P.accroche{
		font-size:12px;
		color:#FFFFFF;
		text-align:justify;
		line-height:normal;
		margin:0;
	}
	
	#contenu P.video{
		font-size:11px;
		color:#FFFFFF;
		text-align:justify;
		line-height:normal;
		margin:25px 0 0 0;
	}
	
	#contenu P.ateliers{
		font-size:11px;
		color:#FFFFFF;
		text-align:justify;
		line-height:13px;
		margin:0 0 18px 0;
	}
	
	#contenu .visuel{
		float:left;
		margin-right:9px;
		text-align:center;
		color:#FFFFFF;
	}
	
	#contenu .visuel A{
		font-size:11px;
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	#contenu P, #contain P{
		font-size:11px;
		color:#FFFFFF;
		text-align:justify;
		line-height:13px;
		margin:0 0 12px 0;
	}
	
	#contenu #player{
		float:left;
		margin:15px 18px 0 0;
		height:253px;
		background:url(../../images/footer-video.jpg) bottom left no-repeat;
	}
	
	#contenu #sousnav{
		width:745px;
		height:auto;
		float:left;
		margin:29px 0 0 0;
	}
	
	#contenu #sousnav UL{
		width:745px;
		list-style:none;
		display:inline;
		margin:0;
		padding:0;
	}
	
	#contenu #sousnav LI{
 		float:left;
	}
		
	#contenu #sousnav LI A{
		display:block;
		text-align:center;
		width:140px;
		height:50px;
		background:url(../../images/fond-sousnav-off.jpg) top left no-repeat;
		padding:18px 0 0 0;
		margin:0 9px 0 0;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#contenu #sousnav LI A:hover, #contenu #sousnav LI A.on{
		background:url(../../images/fond-sousnav-on.jpg) top left no-repeat;
		text-decoration:none;
	}
	
	#contain UL{
		list-style:disc;
		margin:0 0 0 15px;
		padding:0;
	}
	
	#contain LI{
		padding:6px 0 0 0;
		margin:0;
	}
		
	#contain LI A{
		font-size:12px;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#contain LI A:hover{
		text-decoration:underline;
	}
	
	#contain .bloc-plan{
		float:left; 
		margin-left:40px;
	}
		#contain .bloc-plan h2 a{
			color:#FFFFFF;
			text-decoration:none;
		}
		#contain .bloc-plan h2 a:hover{
			text-decoration:underline;
		}
	
	#contain .haut-form{
		width:560px;
		background:url(../../images/fond-form-haut.png) top left repeat-y;
		padding:0 0 0 26px;
		margin:0;
	}
	
	#contain .bas-form{
		width:560px;
		background:url(../../images/fond-form-bas.png) top left repeat-y;
		padding:0 0 0 26px;
		margin:0;
	}
	
	#contain LABEL{
		font-size:12px;
		color:#cbe6ff;
		width:94px;
		padding:5px 6px 0 0;
		float: left;
		text-align: right;
	}
	
	#contain LABEL.long{
		font-size:12px;
		color:#cbe6ff;
		width:134px;
		padding:5px 6px 0 0;
		float: left;
		text-align: right;
	}
	
	#contain .haut-form P{
		font-size:12px;
		color:#FFFFFF;
		padding:0;
		margin:0;
	}
	
	#contain .bas-form P{
		font-size:12px;
		color:#cbe6ff;
		margin:0;
		padding:0;
	}
	
	#contain INPUT.chp-court{
		width:148px;
		height:18px;
		border:1px solid #abadb3;
		float:left;
	}
	
	#contain INPUT.chp-moy2{
		width:128px;
		height:18px;
		border:1px solid #abadb3;
		float:left;
	}
	
	#contain INPUT.chp-long{
		width:363px;
		height:18px;
		border:1px solid #abadb3;
	}
	
	#contain INPUT.chp-moy{
		width:323px;
		height:18px;
		border:1px solid #abadb3;
	}
	
	#contain TEXTAREA{
		width:363px;
		height:150px;
		border:1px solid #abadb3;
	}
	
	#contain SELECT{
		height:20px;
		border:1px solid #abadb3;
	}
	
	#contain .centre{
		border:2px solid #ffffff;
		padding:5px 15px;
	}