@charset "iso-8859-1";
/* CSS Document */
body {
	margin:0;
	padding:0;
	min-width:900px;
	height:100%;
	background:#000;
	background-image:url(../images/site/html.jpg);
}

img {
	border: none;
}

#conteneur {
	position:absolute;
	top:10px;
	width:900px;
	left:50%;
	margin-left:-450px;
	min-height:1050px;
}

#conteneur #haut {
	position:absolute;
	left:0;
	top:0;
	width:900px;
	height:250px;
	background-image:url(../images/site/haut.png);
}

#conteneur #haut #animation {
	position:absolute;
	left:0;
	top:0;
	width:240px;
	height:170px;
}

#conteneur #general {
	position:absolute;
	left:0;
	top:200px;
	width:900px;
	height:50px;
}

#conteneur #contenu {
	left:0;
	top:265px;
	width:900px;
	background-image:url(../images/site/blanc5.png);
}

#conteneur #contenu #pusharo {
	position:absolute;
	left:0;
	top:265px;
}

#conteneur #contenu #page {
	margin-top:270px;
	margin-left:250px;
}

#conteneur #bas {
	position:absolute;
	bottom:0;
	width:900px;
	height:30px;
	background-image:url(../images/contenu/dock-bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	color:#FFF;
	line-height:30px;
}

#conteneur #bas a {
	color:#F60;
}

#conteneur #bas a:hover {
	color:#FFF;
}

/* MENU PUSHARO */

#conteneur #contenu h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	width:230px;
	margin:5px 5px 5px 10px;
}

#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	width: 230px;
	font: 14px Georgia, "Times New Roman", Times, serif bold;
	}
#navigation a, #navigation span {
	display: block;
	padding: 1px 10px;
	color: #fff;
	text-decoration: none;
	background: url(../images/site/menu-item.png) left bottom no-repeat;
	line-height:30px;
	}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background-image: url(../images/site/menu-item-deroule.png);
	}
#navigation .open a, #navigation .open span {
	background-image: url(../images/site/menu-item-enroule.png);
	}
#navigation a:hover, #navigation a:focus, #navigation a:active {
	color:#F60;
	}
#navigation .subMenu, #navigation .open_at_load  {
	background:url(../images/site/blanc50.png);
	font-size:12px;
	margin:0;
	padding:0;
	border-bottom:1px solid #666;
	}
#navigation ul.subMenu a, #navigation ul.open_at_load a {
	display:block;
	height:16px;
	line-height:16px;
	background: none;
	margin-bottom:5px;
	color:#fff;
	}

#navigation ul.subMenu a:hover, #navigation ul.open_at_load a:hover  {
	color:#F60;
}

#conteneur #contenu #pusharo ul {
	list-style-type:none;
}

/*MENU GENERAL */

#fisheye_menu {
	list-style: none;
	padding: 0;
	width:420px;
	margin-left:470px;
	height: 81px;
}
#fisheye_menu li {
	position: relative;
	display: block;
	float: left;
}
#fisheye_menu span {
	position: absolute;
	top: -25px;
	left: 0;
	text-align: center;
	width: 79px;
	padding: 1px;
	margin: 0;
	border: solid 1px #bbb;	
	color: #333;
	background: #eee;
}
#fisheye_menu a {
	text-decoration: none;
}
#fisheye_menu img {
	border: 0;
	vertical-align: top;
}

/*CONTENU */

#conteneur #contenu #page h1 {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
}

#conteneur #contenu #page h2 {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	margin:10px 20px 10px 40px;
	clear:both;
}

#conteneur #contenu #page h3 {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	margin:10px 20px 10px 80px;
}

#conteneur #contenu #page p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	line-height:25px;
	margin:10px 20px 10px 80px;
}

#conteneur #contenu #page li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	line-height:25px;
	margin:10px 0px 10px 80px;
}

#conteneur #contenu #page #chapo p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-align:justify;
	color:#FFF;
	line-height:25px;
	margin:20px 20px 20px 25px;
	background:url(../images/site/fermant.png) no-repeat bottom right;
}

#conteneur #contenu #page #chapo img {
	float:left;
	margin: 0 5px 5px 10px;
}

#conteneur #contenu #page p a {
	color:#F60;
}

#conteneur #contenu #page p a:hover {
	color:#FFF;
}

#conteneur #contenu #page .illustration {
	width:300px;
	float:right;
	background-color:#060;
	margin:10px;
	padding:2px;
	clear:both;
}

#conteneur #contenu #page .illustration150 {
	width:150px;
	float:right;
	background-color:#060;
	margin:10px;
	padding:2px;
	clear:both;
}

#conteneur #contenu #page .illustrationC {
	width:300px;
	background-color:#060;
	margin:10px 10px 10px 210px;
	padding:2px;
	clear:both;
}

#conteneur #contenu #page .image540 {
	width:540px;
	background-color:#060;
	margin:10px 10px 10px 80px;
	padding:2px;
	clear:both;
}

#conteneur #contenu #page .gauche {
	width:270px;
	float:left;
	background-color:#060;
	margin:10px 10px 10px 70px;
	padding:2px;
}

#conteneur #contenu #page .droite {
	width:270px;
	float:right;
	background-color:#060;
	margin:10px;
	padding:2px;
}

#conteneur #contenu #page .illustration .legende, #conteneur #contenu #page .illustrationC .legende, #conteneur #contenu #page .illustration150 .legende, #conteneur #contenu #page .gauche .legende, #conteneur #contenu #page .droite .legende, #conteneur #contenu #page .image540 .legende {
	clear:both;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
}

#conteneur #contenu #pop1, #conteneur #contenu #pop2, #conteneur #contenu #pop3, #conteneur #contenu #pop4 {
	position: absolute;
	display:none;
	width:180px;
	background:#060;
	z-index: 500;
	color:#000;
	margin:5px;
	padding:0;
}
#conteneur #contenu #pop1 p, #conteneur #contenu #pop2 p, #conteneur #contenu #pop3 p, #conteneur #contenu #pop4 p {
	font-size:12px;
	line-height:14px;
	margin:5px;
	padding:0;
}
#conteneur #contenu #pop1 h1, #conteneur #contenu #pop2 h1, #conteneur #contenu #pop3 h1, #conteneur #contenu #pop4 h1 {
	font-size:20px;
	margin:0 0 0.5em 0;
	background:white;
	color:black;
	text-align: center;
}

a.info{
	position:relative; 
	z-index:24; 
	color:#000;
	text-decoration:underline;
	font-style:italic;
}

a.info:hover{
	z-index:25; 
}

a.info span{
	display: none;
	text-decoration:none;
}

a.info:hover span{ 
	display:block; 
	position:absolute;
	top:2em; 
	left:2em; 
	width:180px;
	background-color:#060; 
	color:#fff;
	padding:5px;
	text-decoration:none;
	font-size:12px;
	line-height:14px;
	font-style:normal;
	font-weight:normal;
}

#conteneur #contenu #page #form1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
}

#conteneur #contenu #page label {
	display:block;
	width:200px;
	text-align:right;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	float:left;
	clear:both;
}

#conteneur #contenu #page input {
}

#conteneur #contenu #page .biblio {
	clear:both;
}

#conteneur #contenu #page .biblio a {
	line-height:81px;
	font-size:20px;
}

#conteneur #contenu #page .biblio img {
	float:left;
}

#conteneur #contenu  #page #pub {
	position:relative;
	background-color:#060;
	left:80px;
	width:550px;
}

#conteneur #contenu #page #pub p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	text-align:justify;
	margin:10px;
}

#conteneur #contenu #page #pub img {
	float:left;
	margin:0 5px 5px 0;
}

.orange {
	color:#F60;
}