/* CSS Document */

/*---DEBUT STYLE TEXTE---*/
a:link     				{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a:visited  				{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a:active   				{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a:hover    				{font-family: geneva,verdana,arial;font-size: 10px;color: #FF0000;}
a.small:link     		{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.small:visited  		{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.small:active   		{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.small:hover  	  		{font-family: geneva,verdana,arial;font-size: 10px;color: #FF0000;}
a.smallblack:link     	{font-family: geneva,verdana,arial;font-size: 10px;color: #000000;}
a.smallblack:visited  	{font-family: geneva,verdana,arial;font-size: 10px;color: #000000;}
a.smallblack:active   	{font-family: geneva,verdana,arial;font-size: 10px;color: #000000;}
a.smallblack:hover    	{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.smallhelp:link     	{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.smallhelp:visited  	{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.smallhelp:active   	{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.smallhelp:hover    	{font-family: geneva,verdana,arial;font-size: 10px;color: #FF0000;}
a.smallblue:link     	{font-family: geneva,verdana,arial;font-size: 10px;color: #003399;}
a.smallblue:visited  	{font-family: geneva,verdana,arial;font-size: 10px;color: #003399;}
a.smallblue:active   	{font-family: geneva,verdana,arial;font-size: 10px;color: #003399;}
a.smallblue:hover    	{font-family: geneva,verdana,arial;font-size: 10px;color: #0000FF;}
body    				{font-family: geneva,verdana,arial;font-size: 10px;}
td    					{font-family: geneva,verdana,arial;font-size: 10px;}
.subheading				{font-family: geneva,verdana,arial;font-size: 11px;}
.small    				{font-family: geneva,verdana,arial;font-size: 10px;}
.smallblack   			{font-family: geneva,verdana,arial;font-size: 10px;color: #000000;}
a.smallgray:link		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.smallgray:visited		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.smallgray:active		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.smallgray:hover		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
.smallgray   			{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
.smallhelp   			{font-family: geneva,verdana,arial;font-size: 10px;color: #000000;}
a.footerlink:link		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.footerlink:visited	{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.footerlink:active		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.footerlink:hover		{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.analyses:link			{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.analyses:visited		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.analyses:active		{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.analyses:hover		{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
a.maj:link				{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.maj:visited			{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.maj:active			{font-family: geneva,verdana,arial;font-size: 10px;color: #888888;}
a.maj:hover				{font-family: geneva,verdana,arial;font-size: 10px;color: #990000;}
form					{margin-top: 0em;margin-bottom: 0em;}
input					{font-family: geneva,verdana,arial;font-size: 10px;margin-top: 0em;margin-bottom: 0em;}
textarea				{font-family: geneva,verdana,arial;font-size: 10px;margin-top: 0em;margin-bottom: 0em;}
select					{font-family: geneva,verdana,arial;font-size: 10px;margin-top: 0em;margin-bottom: 0em;}
/*---FIN STYLE TEXTE---*/

/* ---DEBUT BACKROUND JPEG--- */
.fond01 {
	background: url('images/bezoard01.gif') no-repeat top left;
	position: absolute;
	height: 30px;
	width: 648px;
	left: 96px;
	top: 30px;
}

.fond02 {
	background: url('images/bezoard02.gif') no-repeat top left;
	position: absolute;
	height: 33px;
	width: 241px;
	left: 96px;
	top: 60px;
	z-index:1;
}
.fond03 {
	background: url('images/bezoard03.gif') no-repeat top left;
	position: absolute;
	height: 84px;
	width: 86px;
	left: 156px;
	top: 119px;
}
.fond04 {
	background: url('images/bezoard04.gif') no-repeat top left;
	position: absolute;
	height: 84px;
	width: 95px;
	left: 242px;
	top: 119px;
}
.fond05 {
	background: url() no-repeat top left;
	position: absolute;
	height: 40px;
	width: 86px;
	left: 156px;
	top: 203px;
}
.fond06 {
	background: url('/images/bezoard06.gif') no-repeat top left;
	position: absolute;
	height: 4px;
	width: 119px;
	left: 337px;
	top: 165px;
}
.fond07 {
	background: url('images/bezoard07.gif') no-repeat top left;
	position: absolute;
	height: 339px;
	width: 1px;
	left: 337px;
	top: 61px;
}

.fond08 {
	background: url('images/bezoard08.gif') no-repeat top left;
	position: absolute;
	height: 90px;
	width: 16px;
	left: 231px;
	top: 269px;
}
.fond09 {
	background: url(images/bezoard09.gif) repeat-x left top;
	position: absolute;
	height: 26px;
	width: 106px;
	left: 231px;
	top: 243px;
}
.fond10 {
	background: url(images/bezoard10.gif) no-repeat top left;
	position: absolute;
	height: 4px;
	width: 106px;
	left: 231px;
	top: 359px;
}
.fond11 {
	background: url(images/bezoard11.gif) no-repeat top left;
	position: absolute;
	height: 5px;
	width: 146px;
	left: 191px;
	top: 363px;
}
.fond12 {
	background: url(images/bezoard12.gif) no-repeat top left;
	position: absolute;
	height: 4px;
	width: 100px;
	left: 338px;
	top: 359px;
}
.fond13 {
	background: url(images/bezoard13.gif) no-repeat top left;
	position: absolute;
	height: 36px;
	width: 100px;
	left: 338px;
	top: 363px;
}
.fond14 {
	background: url(images/bezoard14.gif) no-repeat top left;
	position: absolute;
	height: 31px;
	width: 31px;
	left: 306px;
	top: 368px;
}
.fond15 {
	background: url(images/bezoard15.gif) no-repeat top left;
	position: absolute;
	height: 9px;
	width: 91px;
	left: 247px;
	top: 400px;
}
.fond16 {
	background: url(images/bezoard16.gif) no-repeat top left;
	position: absolute;
	height: 16px;
	width: 40px;
	left: 191px;
	top: 294px;
}
.fond17 {
	background: url(images/bezoard17.gif) no-repeat top left;
	position: absolute;
	height: 21px;
	width: 95px;
	left: 242px;
	top: 203px;
}



.fondsix {
	background: url(images/bezoard05.jpg) no-repeat top left;
	position: absolute;
	height: 16px;
	width: 126px;
	left: 180px;
	top: 360px;

}

/*---FIN BACKROUND JPEG---*/

/*--- DEBUT ZONE MISE A JOUR---*/

.news {
	position: absolute;	
	left: 544px;	
	top: 260px;
	width: 225px;
	height: 187px;
	background: url('images/news2.jpg') no-repeat top left;
}
.news a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url('images/news.jpg') no-repeat top left;	
	color: #000
}
.news a:hover {background: transparent none;}


.menu {
	position: absolute;
	height: 83px;
	width: 204px;
	left: 541px;
	top: 169px;
}


a.footerlink		{
text-decoration: underline; /* définition du lien qui affichera le "calque" */
}
a.footerlink:hover 	{
background: none; /* correction d'un bug IE */
}
a.footerlink span		{/* définition de la balise <span> inclue dans <a> */
display: none;
}
a.footerlink:hover	span	{
display: inline;
	position: absolute;
	top: -255px;
	left: 100px;
	width: 187px;
	height: 225px;
	z-index: 10;
}

a.maj {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.maj:hover {
background: none; /* correction d'un bug IE */
}
a.maj span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.maj:hover span {
	display: inline;
	position: absolute;
	top: -120px;
	left: -300px;
	width: 270px;
	height: 410px;
	z-index: 1;
}

.fleche {
	background: url(images/fleche.gif) no-repeat top left;
	position: absolute;
	height: 42px;
	width: 32px;
	left: 720px;
	top: 193px;

}

/*---FIN ZONE MISE A JOUR---*/


/* ---DEBUT GIF ANIMES---*/

.newsletter {
	background: url(images/newsletter-bouton.gif) no-repeat top left;
	position: absolute;
	height: 19px;
	width: 64px;
	left: 306px;
	top: 408px;
}
.newsletter a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
}
.newsletter a:hover {background: transparent none;}

.forum {
	background: url(images/forum.gif) no-repeat top left;
	position: absolute;
	height: 19px;
	width: 52px;
	left: 254px;
	top: 408px;
}
.forum a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000
}
.forum a:hover {background: transparent none;}

/* ---FIN GIF ANIMES---*/


/* ---DEBUT ROTATION IMAGES---*/

.rotate1 {
	position: absolute;
	height: 90px;
	width: 90px;
	left: 247px;
	top: 269px;
}
.rotate2 {
	position: absolute;
	height: 90px;
	width: 90px;
	left: 338px;
	top: 75px;
}
.rotate3 {
	position: absolute;
	height: 90px;
	width: 90px;
	left: 438px;
	top: 363px;
}
.rotatebig {
	position: absolute;
	height: 190px;
	width: 190px;
	left: 338px;
	top: 169px;
}
/* ---FIN ROTATION IMAGE---*/


/*---BOUTONS MAGICIENS---*/ 

#magiciens {
	position: absolute;	
	left: 1px;	
	top: 243px;
	width: 230px;
	height: 51px;
	background: url('images/magiciens_on.gif') no-repeat top left;
}
#magiciens a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url('images/magiciens_off.gif') no-repeat top left;	
	color: #000
}
#magiciens a:hover {background: transparent none;}

/* ---FIN BOUTONS MAGICIENS---*/


/*---BOUTONS HYPOTHESES---*/

#hypotheses {
	position: absolute;	
	left: 80px;	
	top: 310px;
	width: 151px;
	height: 23px;
	background: url('images/hypotheses_on.gif') no-repeat top left;
}
#hypotheses a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url('images/hypotheses_off.gif') no-repeat top left;	
	color: #000
}
#hypotheses a:hover {background: transparent none;}

/*---FIN BOUTONS HYPOTHESES---*/



/*---DEBUT BOUTON ANALYSE---*/

#analyses {
	position: absolute;	
	left: 17px;	
	top: 341px;
	width: 174px;
	height: 35px;
	background: url('images/analyses_on.gif') no-repeat top left;
}
#analyses a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url('images/analyses_off.gif') no-repeat top left;	
}
#analyses a:hover {background: transparent none;}

/* APPARITION DE L'IMAGE QUI VA AVEC LE BOUTON */


a		{
text-decoration: underline; /* définition du lien qui affichera le "calque" */
}
a:hover 	{
background: none; /* correction d'un bug IE */
}
a span		{/* définition de la balise <span> inclue dans <a> */
display: none;
}
a:hover span	{
    display: inline;
	position: absolute;
	top: 34px;
	left: 2px;
	width: 127px;
	height: 23px;
	z-index: 1;
	}
/*---FIN BOUTON ANALYSE---*/




/*---DEBUT BOUTON SIXIEME---*/

#sixieme {
	position: absolute;	
	left: 115px;	
	top: 375px;
	width: 191px;
	height: 35px;
	background: url('images/sixieme_on.jpg') no-repeat top left;
}
#sixieme a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url('images/sixieme_off.jpg') no-repeat top left;	
}
#sixieme a:hover {background: transparent none;}

/*---FIN BOUTON SIXIEME---*/

/*---DEBUT BOUTON EDITO---*/

#edito {
	position: absolute;	
	left: 33px;	
	top: 203px;
	width: 209px;
	height: 40px;
	background: url('images/edito_on.jpg') no-repeat top left;
}
#edito a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url('images/edito_off.jpg') no-repeat top left;	
}
#edito a:hover {background: transparent none;}
/*---FIN BOUTON EDITO---*/

/*---DEBUT BOUTON ABOUT US--*/

#about {
	position: absolute;	
	left: 242px;	
	top: 224px;
	width: 95px;
	height: 45px;
	background: url('images/about_on.jpg') no-repeat top left;
}
#about a {
	display: block;
	width: 100%;
	height: 100%;
	background: white url('images/about_off.jpg') no-repeat top left;	
}
#about a:hover {background: transparent none;}

/*---FIN BOUTON ABOUT US---*/




/*---DEBUT ZONE RECHERCHE---*/
.recherche {
	position: absolute;
	height: 55px;
	width: 322px;
	left: 434px;
	top: 105px;
}
/*---FIN ZONE RECHERCHE---*/

/*---DEBUT H1 SPAN---*/
.fond01 h1 span, .fond02 h1 span, .fond03 h1 span, .fond04 h1 span, .fond05 h1 span, .fond06 h1 span, 
.fond07 h1 span, .fond08 h1 span, .fond09 h1 span, .fond10 h1 span, .fond11 h1 span, .fond12 h1 span, 
.fond13 h1 span, .fond14 h1 span, .fond15 h1 span, .fond16 h1 span, .fond17 h1 span, .news h1 span, 
.fondsix h1 span, .cadre h1 span{
	display:none;
	font-family: geneva;
	font-size: 10px;
	}
/*---FIN H1 SPAN---*/

/*---DEBUT BAS DE PAGE---*/
.phrase {
	position: absolute;
	height: 40px;
	width: 320px;
	left: 440px;
	top: 484px;
}
.liens {
	position: absolute;
	height: 40px;
	width: 320px;
	left: 440px;
	top: 521px;
}
.bezoard-attitude {
	background: url(images/bezoard_copyright.gif) no-repeat top left;
	position: absolute;
	height: 60px;
	width: 338px;
	left: 392px;
	top: 554px;
}
.partenaires {
	position: absolute;
	height: 1px;
	width: 350px;
	left: 436px;
	top: 618px;
}
/*---FIN BAS DE PAGE---*/




/*---DEBUT POST-IT ANNIVERSAIRE---*/
.anniv {
	background: url('images/anniv.png') no-repeat top left;
	position: absolute;
	height: 86px;
	width: 97px;
	left: 698px;
	top: 503px;
}
/*---FIN POST-IT ANNIVERSAIRE---*/


/*---DEBUT PUB---*/
.pub-1 {
	position: absolute;
	height: 65px;
	width: 235px;
	left: 100px;
	top: 460px;
}
.pub-2 {
	position: absolute;
	height: 65px;
	width: 235px;
	left: 100px;
	top: 505px;
}
.pub-3 {
	position: absolute;
	height: 65px;
	width: 235px;
	left: 100px;
	top: 550px;
}



/*---FIN PUB---*/

/*---DEBUT XITI---*/
.xiti {
	position: absolute;
	height: 25px;
	width: 39px;
	left: 0px;
	top: 0px;
	z-index:0;
}
.cachexiti {
	background: url(images/cachexiti.jpg) no-repeat top left;
	position: absolute;
	height: 25px;
	width: 39px;
	left: 0px;
	top: 0px;
	z-index:0;
}
/*---FIN XITI---*/