/*Paramètres du fond : page blanche, adresse et paramètres de l'image de fond*/
/*-----------------------------------------------------------------------------------------------------------*/
body {
	background : White url(../images/fond.png) no-repeat scroll;
    margin: 0;
}

/*Positionnement du calque mail Olivier*/
/*----------------------------------------------------*/
div#mailOlivier {
	text-align:right;
	position: absolute;
	left: 0px;
	top: 179px;
	width: 330px;
}

/*Positionnement du calque de menu Olivier*/
/*-----------------------------------------------------------*/
div#menuOlivier {
	text-align:right;
	position: absolute;
	left: 0px;
	top: 195px;
	width: 330px;
	z-index:3;
}

/*Positionnement du calque mail Zan*/
/*-------------------------------------------------*/
div#mailZan {
	text-align:right;
	position: absolute;
	left: 0px;
	top: 72px;
	width: 706px;
}

/*Positionnement du calque de menu Zan*/
/*-------------------------------------------------------*/
div#menuZan {
	text-align:right;
	position: absolute;
	left: 0px;
	top: 88px;
	width: 706px;
	z-index:3;
}

/*Zone Bio*/
div#titrebio {
	text-align:right;
	position: absolute;
	left: 0px;
	top: 263px;
	width: 706px;
	z-index:3;
}
div#textebio {
	text-align:right;
	position: absolute;
	left: 0px;
	top: 288px;
	width: 706px;
	z-index:3;
}

div#tete{
	position: absolute;
	left: 710px;
	top: 263px;
	width: 84px;
	height:118px;
	background-image : url(../images/tete.png);
}



div#trait {
  position: absolute;
  left: 255px;
  top: 283px;
}
/*Fin Zone bio*/


/*Positionnement  de la Zone RD Bio*/
/*-----------------------------------------------*/
div#rdBio {
	text-align:left;
	position: absolute;
	left: 119px;
	top: 387px;
	width: 60px;
	height:70px;
	background-image : url(../images/rdbio.png);
	background-repeat : no-repeat;
}

div#rdMinibio {
	position: absolute;
	left: 0px;
	top: 40px;
}

div#rdContact {
	position: absolute;
	left: 0px;
	top: 54px;
}

/*Fin positionnement Zone RD Bio*/

/*Les calques au clic*/

div#cd {
	position:absolute; 
	left: 230px; 
	top: 271px; 
	width:200px; 
	height:115px; 
	z-index:1; 
	visibility: hidden;
}

/*Apparence police et roll-over du mail*/
/*--------------------------------------------------*/
a.mail:link
 {
	font : bold 11px Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration: none;
}
a.mail:visited 
{
	font : bold 11px Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration: none;
}
a.mail:hover
{
	font : bold 11px Arial, Helvetica, sans-serif;
	color : #9D0013;
	text-decoration: none;
}

/*Apparence police et roll-over des menus*/
/*---------------------------------------------*/
a.menu:link
 {
	font : 11px/17px Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration: none;
}
a.menu:visited
{
	font : 11px/17px Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration: none;
}
a.menu:hover
{
	font : 11px/17px Arial, Helvetica, sans-serif;
	color : #9D0013;
	text-decoration: none;
}


/*Apparence liens texte normal*/
/*---------------------------------------------*/
a.normal:link
 {
	font : 11px/13px Arial, Helvetica, sans-serif;
	color : #9D0013;
	text-decoration: none;
	
}
a.normal:visited
{
	font : 11px/13px Arial, Helvetica, sans-serif;
	color : #9D0013;
	text-decoration: none;
	z-index:2;
}
a.normal:hover
{
	font : 11px/13px Arial, Helvetica, sans-serif;
	color : #333;
	text-decoration: none;
	z-index:2;
}



/*Polices*/
.texte
{
    font : 11px Arial, Helvetica, sans-serif;
    color : #333;
}

.grostitre
{
	font : bold 14px Arial, Helvetica, sans-serif;
	color : #333;
}

.titre
{
	font : bold 12px/18px Arial, Helvetica, sans-serif;
	color : #333;
}

.texte_droite
{
    font : 11px Arial, Helvetica, sans-serif;
    color : #333;
}

.titre_droite
{
	font : bold 12px/15px Arial, Helvetica, sans-serif;
	color : #333;
}
	
	.grostitre_droite
{
	font : bold 14px/18px Arial, Helvetica, sans-serif;
	color : #333;
}


.titreblanc
{
	font : bold 12px/18px Arial, Helvetica, sans-serif;
	color : #FFF;
}


/*PAGE WWW*/
/*div#grand {
    position: absolute;
	left: 0px;
	top: 270px;
    width: 915px;
    text-align: right;
    z-index: 2;
    visibility: visible;
}
*/
div#www {
	position:absolute;
	left: 360px;
	top: 68px;
	width:564px;
	height:484px;
   	z-index:1;
    background: url(../images/www/fond.png)
}


/*FIN PAGE WWW*/

/*PAGE cdroms*/
/*div#grand {
    position: absolute;
	left: 0px;
	top: 270px;
    width: 915px;
    text-align: right;
    z-index: 2;
    visibility: visible;
}
*/
div#cdroms {
	position:absolute;
	left: 241px;
	top: 143px;
	width:664px;
	height:429px;
   	z-index:1;
    background: url(../images/cdroms/fond.png)
}


/*FIN PAGE cdroms*/


/*PAGE animations*/

/*div#grand {
    position: absolute;
	left: 0px;
	top: 270px;
    width: 915px;
    text-align: right;
    z-index: 2;
    visibility: visible;
}
*/
div#animations {
	position:absolute;
	left: 311px;
	top: 81px;
	width:615px;
	height:481px;
   	z-index:1;
    background: url(../images/animations/fond.png)
}


/*FIN PAGE animations*/

/*PAGE bowo*/



#bowo {
	position:absolute;
	left: 707px;
	top: 8px;
	width:209px;
	height:556px;
   	z-index:1;
    background: url(../images/bowo/bowo.png)
}


/*FIN PAGE bowo*/

/*PAGE hum*/



div#hum {
	position:absolute;
	left: 510px;
	top: 23px;
	width:365px;
	height:519px;
   	z-index:1;
    background: url(../images/hum/hum01.png)
}

div#livres {
	position:absolute;
	left: 285px;
	top: 294px;
	width:200px;
	height:150px;
   	z-index:5;
    background: url(../images/hum/hum02.jpg)
}


/*FIN PAGE hum*/

/*PAGE bottes*/



div#bottesgrand {
	position:absolute;
	left: 737px;
	top: 34px;
	width:117px;
	height:511px;
   	z-index:1;
    background: url(../images/bottes/bottes_gd.png)
}


/*FIN PAGE bottes*/