@charset "utf-8";
/* CSS Document */

body, html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

p {
	margin:0;
	padding:0;
}

body {
	background:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	background:url(/squelettes/images/fond_haut.png) repeat-y center #000000;
	}

#overlay {
	position:fixed;
	top:0;
	left:0;	
	width:100%;
	height:100%;
	background:#000;
	z-index:1000;
}

#conteneur_overlay {
	position:relative;
	margin: 0 auto;
	width: 1090px;
	overflow:visible;
	z-index: 1002;
}

#conteneur_overlay .info {
	width: 900px;
	margin-top:100px;	
	margin: 85px;
	position:absolute;
	border:1px solid #999999;
	display:none;
	padding: 10px;
}

#conteneur_overlay .info .detail_image {
	margin: 3px;
}
#conteneur .info {
	display:none;
}

#conteneur_overlay .detail {

	/*position:absolute;
	width: 1090px;
	z-index:1002;
	margin: auto;
	margin-top: 200px;*/
	
	position:fixed;
	top:0;
	left:0;	
	width:100%;
	height:100%;
	background:#000;
	z-index:3000;
	display:none;
}

#conteneur_overlay .detail img {
	border:4px solid #FFFFFF;
}

#conteneur_overlay .actualites, #conteneur_overlay .biographie, #conteneur_overlay .portrait, #conteneur_overlay .texte, #conteneur_overlay .galerie_overlay, #conteneur_overlay .livre {
	position:absolute;
	margin-top: 200px;
	margin-left:74px;
	margin-right:74px;
	width: 900px;
	border:#CCCCCC 1px solid;
	padding: 20px;
	display:none;
	z-index: 1002;
}

#conteneur_overlay .texte,#conteneur_overlay .galerie_overlay {
	border:none;
	background:none;
}

.vignette_overlay {
	float: left;
	margin:5px;
}

.vignette_overlay:hover {
	margin:3px;
	border:2px solid #FFF;
}

#conteneur {
	position: relative;
	width: 1090px;
	height: 100%;
	margin: 0px auto;
	padding: 0;
	z-index: 50;
	z-index: 500;
	}

#conteneur .gauche {
	position: absolute;
	left:50px;
	top:-154px;
	width: 495px;
	height: 100%;
	background:url(/squelettes/images/titre.png) no-repeat;
}

#conteneur .droit {
	position: absolute;
	right:50px;
	top:-100px;
	width: 495px;
	height:100%;
}

#galerie {
	position:relative;
	width: 495px;
	margin: 0 15px;
	height: 495px;
	margin-top: 200px;
}

#galerie .vignette {
	float: left;
	width: 145px;
	height: 145px;
	margin: 5px;
	background:#999999;
}
	
#footer {
	position: fixed;
	width:1090px;
	font-size:8pt;
	bottom:0px;
	height:40px;
	background:url(/squelettes/images/fond_bas.png) no-repeat center;
	}

#footer p {
	padding: 0 50px 0 50px;
}

#wait {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2000;
	display:none;
}

/* Icones */
#icon_close {
	width: 16px;
	height: 16px;
	background:url(/squelettes/images/icon_close.png);
}

#beta {
  position: fixed;
  top:0;
  left:0;
  background:url(/squelettes/images/beta.png) no-repeat;
  width: 300px;
  height: 300px;
  z-index: 1003;
  }


#arrow_left {
	position:absolute;
	left:75px;
	width:48px;
	height:48px;
	background:url(/squelettes/images/arrow_left.png) no-repeat;
}
#arrow_right {
	position:absolute;	
	right:75px;
	width:48px;
	height:48px;
	background:url(/squelettes/images/arrow_right.png) no-repeat;
}














a.externe:link {
	color:#FFC832; text-decoration:none; 
	/*padding-right:10px;
	background:url(/squelettes/images/lien_externe.png) no-repeat right;*/
	}
a.externe:visited { color:#FFC832; text-decoration:none; }
a.externe:hover { color:#FFC832; text-decoration:none; }
a.externe:active  { color:#FFC832; text-decoration:none; }



.inline {
	position: relative
}
	



#conteneur_bas {
	position: relative;
	width: 1090px;
	margin: 0px auto;
	background:url(/squelettes/images/fond_bas.png) no-repeat;
	height:100px;
	}
#logo_weboa {
	position: absolute;
	top: 10px;
	right: 60px;
	background:url(/squelettes/images/webmaster-online.png) no-repeat 0 -16px;
	width: 32px;
	height: 16px;
	cursor:pointer;
	}
#logo_weboa:hover {	
	background:url(/squelettes/images/webmaster-online.png) no-repeat 0 0;
	}


#titre {
	position:relative;
	width: 495px;
	height: 493px;
	background:url(/squelettes/images/titre.png) no-repeat;
}

#titre img {
	border:none;
	}

/********* MENU */
#menu_galerie {
	position: absolute;
	top: 368px;
	left: 224px;
	width: 81px;
	height: 15px;
	background:url(/squelettes/images/menu_galerie.png) no-repeat;
	}
#menu_galerie:hover {
	width:81px;
	height: 15px;
	background:url(/squelettes/images/menu_galerie.png) no-repeat 0 -15px;
	}

#menu_biographie {
	position: absolute;
	top: 382px;
	left: 109px;
	width: 117px;
	height: 16px;
	background:url(/squelettes/images/menu_biographie.png) no-repeat;
	}
#menu_biographie:hover {
	background:url(/squelettes/images/menu_biographie.png) no-repeat 0 -16px;
	}

#menu_portrait {
	position: absolute;
	top: 405px;
	left: 216px;
	width: 97px;
	height: 16px;
	background:url(/squelettes/images/menu_portrait.png) no-repeat;
	}
#menu_portrait:hover {
	background:url(/squelettes/images/menu_portrait.png) no-repeat 0 -16px;
	}

#menu_actualite {
	position: absolute;
	top: 440px;
	left: 202px;
	width: 113px;
	height: 16px;
	background:url(/squelettes/images/menu_actualite.png) no-repeat;
	}
#menu_actualite:hover {
	background:url(/squelettes/images/menu_actualite.png) no-repeat 0 -16px;
	}
#menu_livre {
	position: absolute;
	top: 418px;
	left: 161px;
	width: 56px;
	height: 16px;
	background:url(/squelettes/images/menu_livre.png) no-repeat;
	}
#menu_livre:hover {
	background:url(/squelettes/images/menu_livre.png) no-repeat 0 -16px;
	}

#texte_pascal {
	position:absolute;
	top:493px;
	left:50px;
	width:395px;
	height:307px;
}

#texte {
	position:relative;
	width: 395px;
	height: 50px;
	margin: 0 50px 0 50px;
	background:url(/squelettes/images/texte_fond.png) repeat-y;
	}


.spacer {
	clear: both;
}

.bicone_close {
	position:absolute;
	width:50px;
	height:50px;
	background:url(/squelettes/images/icone_close.png) no-repeat;
	cursor:pointer;
}

#livre p {margin-bottom:20px;}