/*
Webmaster: Hornetovore
Design: Hornetovore
site: www.hornetovore.fr
Version: 1.0

feuille de style des pages à la racine du site
*/


html, body {height:100%;}


body 	{
	background:#fff url("../images/fond_page.png") top repeat-x fixed;
}

/********************************** LOADER ************************************/
#voile {
	background:#fff url("../images/blanc_opacity-70.png");
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
}

#voile2 {
	background:#000;
	width:100%;
	height:70px;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:10;
}

#loader {
	position:absolute;
	left:50%;
	top:2px;
	width:800px;
	height:45px;
	margin-left:-400px;
	text-align:center;
	color:white;
}

.loader {
	width:70px;
	height:70px;
}

/********************************** PAGE ************************************/
#image_fond {
	z-index:0;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url("images/orang016.jpg") repeat fixed;
	/*background: url("http://static2.grsites.com/archive/textures/yello/yello039.gif")repeat;/* texture jaune */
	/*background:url("http://4.bp.blogspot.com/_vcP27dBN2kI/TOveBsBUuMI/AAAAAAAAGog/ZQgcCx92r20/s1600/grass-ipad-wallpaper.jpg") top left repeat fixed;/* herbe */
	/*background:transparent url("../images/test.png") repeat top left;/* rocher */
	/*background:transparent url("../images/test2.png") no-repeat top left;/* mosaïque */
	/*background:transparent url("../images/test3.png") repeat top left;/* damier */
}

#wrapper {
	background: transparent url("../images/blanc_opacity-70.png") repeat;
	width:1100px;
	position:relative;
	margin:auto;
	border:#037b63 1px solid;
	padding:20px;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

#header {
	background: #fff url("../images/fond_theme.png") 0 0 no-repeat ;
	width:1100px;
	height:120px;
	border:#037b63 1px solid;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

#header img {
	width:950px;
	height:100%;
}

#content {
	background: #fff url("../images/fond_theme.png") 0 -140px no-repeat ;
	width:1080px;
	text-align:center;
	padding:10px;
	margin-top:20px;
	border:#037b63 1px solid;
	font:18px "Georgia Times",Georgia,Verdana;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

	.menu {
		border:none;
		width:170px;
		height:25px;
		margin:0 0 5px 0;
		background:url("../images/bouton_menu.png") no-repeat 0 0; 
		cursor:pointer;
		font-family:"Georgia Times";
		color:#037b63;
	}

	.menu:hover {
		width:170px;
		height:25px;
		margin:0 0 5px 0;
		background:url("../images/bouton_menu_hover.png") no-repeat 0 0; 
		cursor:pointer;
		font-family:"Georgia Times";
		font-weight:bold;
		color:#037b63;
	}

#theme {
	background:url("../images/fond_theme.png") 0 -240px no-repeat ;
	width:1080px;
	height:200px;
	text-align:center;
	padding:10px;
	margin-top:20px;
	border:#037b63 1px solid;
	font:18px "Georgia Times",Georgia,Verdana;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

#promo {
	float:left;
	background: #fff;
	width:540px;
	text-align:center;
	padding:10px;
	margin:20px 0;
	border:#037b63 1px solid;
	font:18px "Georgia Times",Georgia,Verdana;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

/******************************* PARTENAIRES *********************************/
#partenaires {
	float:right;
	background: #fff url("../images/fond_partenaires.png") no-repeat;
	width:500px;
	height:450px;
	text-align:center;
	padding:10px;
	margin:20px 0;
	border:#037b63 1px solid;
	font:18px "Georgia Times",Georgia,Verdana;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

#partenaires h3 {
	font:22px Georgia,Verdana;
	color:#036
}

#financeurs {
	width:200px;
	height:180px;
	margin:auto;
}

#financeurs img {
	width:200px;
	height:180px;
}

/******************************* INFO BULLE BULLE (Menu principal) *********************************/
#info_bulle_centre {
	background:url("../images/fond_info_bulle_centre.png") no-repeat 0 0;
	position:fixed;
	top:240px;
	left:50%;
	margin-left:-540px;
	z-index:50;
	width:1080px;
	height:530px;
	padding:30px 5px;
	display:none;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

#info_bulle_centre span.info_bulle_centre {display:none;text-align:center;}

.info_bulle_centre h3 {
	position:relative;
	top:170px;
	left:-295px;
	text-align:center;
	color:darkred;
	text-decoration:underline;
	font-size:25px;
}

.info_bulle_centre p {
	position:relative;
	top:190px;
	left:150px;
	text-align:center;
	color:#000;
	text-decoration:none;
	font:17px Georgia,Verdana;
}

/******************************* VISIONNEUSE NOTA FOOTER *********************************/
#visionneuse, #footer, #nota {
	clear:both;
	border:#037b63 1px solid;
	margin-bottom:20px;
	width:1080px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;

	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
}

#visionneuse {
	background: #fff;
}

#nota{
	background:url("../images/fond_bandeau_bas.png") no-repeat 0 -50px;
}

#footer{
	background:url("../images/fond_bandeau_bas.png") no-repeat 0 -130px;
}

/********************************** SOUS-AFFICHAGE (MENU) ************************************/
.fenetre {
background:#FECA70;
position:fixed;
top:270px;
left:50%;
margin-left:-550px;
z-index:50;
width:1080px;
height:300px;
padding:30px 5px;
display:none;
font:17px Georgia,Verdana;
border:#FEA100 10px double;
text-align:center;
}

/********************************** INFO BULLE (bas de page) ************************************/

p.info_bulle {font-size:1.1em;}

a.info_bulle
{				
  color           : #2F368A;
  text-decoration : none; 
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  background      : transparent url('/images/comment.gif') no-repeat right center;  /* Définition de l'arrière plan de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover { border:0;}/* ligne qui corrige le bug d'IE6 et inférieur */

/* Rend invisible tout notre bloc span */
a.info_bulle span.info_bulle 
{								   
  position   :  absolute;
  top        :  -2000em;
  left       :  -2000em;
  width      :  1px;
  height     :  1px;
  overflow   :  hidden; 
} 

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle, a.info_bulle:active span.info_bulle
{
  top        :  -140px; /* auto à la base pour que ça s'affiche au dessus du mot */
  left       :  -90px; /* auto à la base pour que ça s'affiche au dessus du mot */
  width      :  220px;
  height     :  auto;
  overflow   :  visible;
} 

span.header
{
   display         : block; 
   height          : 35px;  /* Hauteur correspondant à celle de notre image */
   line-height     : 220%;  /* Propriété qui centrera le texte verticalement */
   text-align      : center;
   background      : transparent url('/images/top.gif') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
} 

span.content
{
   display     : block; 
   background  : transparent url('/images/centre.gif') repeat-y;
   padding     : 0 8px;
} 

span.footer
{
   display     : block; 
   height      : 5px; 
   background  : url('/images/bot.gif') no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
} 

/********************************** DIVERS ************************************/

.both {
	clear:both;
}

a	{
	color:#000;
	font-weight:bolder;
	text-decoration:none;
}

a:hover {
	color:#000;
}

#a_error{
	color:#fff;
}

#a_error:hover{
	color:red;
}

#footer a {
	color:#037b63;
}

.milieu_centre ul a {
	color:#037b63;
}

.white {
	color:#fff;
}

.gras {
	font-weight:bold;
}

.retour_ssmenu {
	margin-top:35px;
	width:283px;
	color:red;
}

.ssmenu {
	width:283px;
	color:blue;
}

.milieu_centre ul {
	list-style:circle;
	font:12px Georgia,Verdana; 
	margin:0 0 0 20px;
	text-align:left;
}