/* CSS Document */

body {
margin:0;
background-color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
}

/* Les titres */
h1 {font-family:trebuchet ms,arial,tahoma,verdana,sans-serif;font-size:28px;color:#333333;margin-top:10px;margin-left:15px;padding:5px;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;margin-left:20px;}
h3 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold}

/* Les liens */
a:link {color:#000000;text-decoration:none;}
a:visited {color:#000000;text-decoration:none;}
a:hover {color:#FF0000;text-decoration:none;}

#page {
position:absolute;
left: 50%; 
top: 50%;
width: 960px;
height: 540px;
margin-top: -270px; /* moitié de la hauteur */
margin-left: -480px; /* moitié de la largeur */
border: 1px solid #000;
background-color:#FFFFFF;
}

#logo {
	position: relative;
	float: left;
	background-image: url(../images/logo2.jpg);
	background-repeat: no-repeat;
	width: 366px;
	height: 155px;
}

#mini-menu{
position:absolute;
top:10px;
left: 700px;
}

#mini-menu ul li{
display:inline;
margin-left: 20px;
font-size:11px;
}

#menu{
position:absolute;
top: 75px;
left:350px;
float:right;
z-index:5;

}

#monmenu {font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;font-size: 90%;font-weight:bold;}
#monmenu ul ul {
	display: none;
	position: absolute;
	left: 168px;
	top: -1px;
	margin:0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: thin;
	border-bottom-width: 1px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
}
#monmenu li {list-style-type: none; position: relative; width: 160px; background-color: #FFFFFF; padding: 2px; margin: 0px}
#monmenu li:hover, #monmenu li.sfhover {background-color: #FFFFFF;}
#monmenu li a {text-decoration:none;}
#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
.niveau1{
display:inline;
}

#contenu-videos ul{
margin-left:0px;
}

#contenu-videos li{
	list-style: none;
	background-image: url(../images/video-icon.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 30px; /* space for the image */
	padding-bottom: 5px;
	padding-top: 5px;
}

#breadcrumb{
position:absolute;
top:155px;
left:30px;
font-size:11px;

}
#titre{
position:absolute;
top:170px;
left:10px;
}

#contenu-videos{
	position:absolute;
	top:260px;
	left:30px;
	width:680px;
}

#carte{
position:absolute;
top: 200px;
left: 400px;
}

#image-droite {
position:absolute;
top: 120px;
left: 747px;
background-image:url(../images/image-droite.jpg);
background-repeat:no-repeat;
width:213px;
height:420px;
z-index:4;
}