/* CSS Document */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
		font-size: 12px;
        background-color: #000000;
        }
div#global,#global2,#global3 {
	width: 1050px;
	margin: 6px auto 0px auto;
	position: relative;
	}
#global {
	background-color:#00B5E3;
		color:#000000;
}
#global2 {
	background-color:#006430;
		color:#ffffff;
}
#global3 {
	background-color:#6D5D43;
		color:#ffffff;
}
img {
border:none;
}
p{
	margin:6px 0px;
}
h1 {
	font:bold 150% Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 5px 10px 5px;
	text-align:center;
	letter-spacing:4pt;
	border-bottom:#000000 1px solid;
	border-top:#000000 1px solid;
	background-color:#00A8D2;
	padding:4px;
	color:#FFFF99;
}
h2 {
	font:bold 120% Arial, Helvetica, sans-serif;
	margin: 10px 5px 0px 5px;
	letter-spacing:1pt;
	text-transform:uppercase;
}
h3 {
	font:bold 120% Arial, Helvetica, sans-serif;
	margin: 0px 5px 10px 26px;
	letter-spacing:1pt;
	color:#006699;
}
ul {
	margin:5px 5px;
}
ol {
	margin:5px 15px;
}
li {
	margin:3px 10px;
}
a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}

#header {
	margin-bottom:20px;
}

/* contenu */
#content {
overflow:auto;
}
#gauche,#gauche2 {
	float:left;
	margin:0px 0px 0px 20px;
}
#gauche {
	width:470px;
}
#gauche2 {
	width:350px;
}
#bloc_centre {
	position:relative;
	display:block;
	margin:0px 200px 10px 200px;
}
#bloc_presentation {
	border:#000000 1px solid;
	padding:7px;
	background-color:#00A8D2;
	text-align:justify;
	font-size:90%;
}
#gauche #bloc_presentation p {
margin:5px 2px 8px 2px;
}

#titre {
	border-top:#000000 1px solid;
	border-left:#000000 1px solid;
	border-right:#000000 1px solid;
	margin:0;
	padding:4px;
	font:bold 110% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:3pt;
	color:#FFFF99;
	background-color:#FF3300;
}
#gauche p {
margin:4px 0px;
}

#droite, #droite2 {
	float:right;
	margin:0px 10px 0px 0px;
}
#droite {
	width:500px;
}
#droite2 {
	width:420px;
}
#centre {
position:relative;
width:200px;
margin:0px 430px 0px 400px;
}
#bloc_droit {
	float:right;
	margin:0px 10px 0px 0px;
	width:650px;
}
#liste_droit {
	float:right;
	margin:0px 20px 10px 90px;
	width:450px;
}

#ados, #docus, #films {
display:none;
}

#explo {
text-align:center;
margin:10px 0px;
}

#animation {
margin:20px 0px 20px 150px;
}
#videos {
	float:right;
	margin:0px 20px 10px 20px;
	width:520px;
}

.video {
	margin:8px 100px 8px 100px;
}
.video h2 {
	background-image:url(images/entete_video.jpg);
	width:320px;
	height:28px;
	padding:8px 0px;
	margin:0;
	color:#FFFF99;
	font:bold 120% "Times New Roman", Times, serif;
	text-align:center;
}

img.flottant_gauche {
	float:left;
	margin:20px 20px;
}

#footer {
	display:block;
	margin: 0px auto 6px auto;
	position: relative;
	text-align:center;
	color:#FFFFFF;
	width: 900px;
}

/* actu */
#actu {
position:relative;
display:block;
	width:360px;
	height:290px;
	padding:138px 27px 4px 25px;
	margin-bottom:30px;
	background-image:url(images/actu.jpg);
}
#fleched {
position:absolute;
top:400px;
right:120px;
}
#flecheg {
position:absolute;
top:400px;
left:60px;
}
img.load {
position:absolute;
top:200px;
left:170px;
width:25px;
height:25px;
}
#content_ld {
overflow:auto;
height:260px;
padding-right:5px;
}
#content_ld img {
width:330px;
}
#livres {
	position:relative;
	display:block;
	width:410px;
	height:285px;
	padding:95px 10px 10px 20px;
	margin-bottom:10px;
	background-image:url(images/fond_livres.jpg);
}
img.hd,img.hg {
position:absolute;
top:2px;
}
img.hg {
left:2px;
}
img.hd {
right:2px;
}