html, body {
	font-family: Courier New, Arial, Verdana, sans-serif;
	height:100%;
	text-align: left; 
  	background-color: #666666;
	font-size:10px;
	background-image:url(../images/background.gif);
	overflow-x: hidden; 
}

.title_table3 { font-size:14px; text-decoration:underline;}

a.links:link {text-decoration: underline; color:#000000}
a.links:visited {text-decoration: underline; color:#000000}
a.links:active {text-decoration: underline; color:#000000}
a.links:hover {text-decoration: underline; color:#000000}

a.gris:link {text-decoration: none; color:#FFFFFF}
a.gris:visited {text-decoration: none; color:#FFFFFF}
a.gris:active {text-decoration: none; color:#FFFFFF}
a.gris:hover {text-decoration: none; color:#FFFFFF}

a.mauve:link {text-decoration: none; color:#392f70}
a.mauve:visited {text-decoration: none; color:#392f70}
a.mauve:active {text-decoration: none; color:#392f70}
a.mauve:hover {text-decoration: none; color:#FFFFFF}

a.dark:link {text-decoration: none; color: #333333}
a.dark:visited {text-decoration: none; color:#333333}
a.dark:active {text-decoration: none; color:#333333}
a.dark:hover {text-decoration: none; color:#FFFFFF}

a.bleu:link {text-decoration: none; color:#2d61c7}
a.bleu:visited {text-decoration: none; color:#2d61c7}
a.bleu:active {text-decoration: none; color:#2d61c7}
a.bleu:hover {text-decoration: none; color:#FFFFFF}

a.black:link {text-decoration: none; color:#666666}
a.black:visited {text-decoration: none; color:#666666}
a.black:active {text-decoration: none; color:#666666}
a.black:hover {text-decoration: none; color:#FFFFFF}

a.brun:link {text-decoration: none; color:#996633}
a.brun:visited {text-decoration: none; color:#996633}
a.brun:active {text-decoration: none; color:#996633}
a.brun:hover {text-decoration: none; color:#FFFFFF}

/************************************
 *
 *           MAIN BOX
 *
 ************************************
*/


#audio {
	width: 28px;
	height: 24px;
	text-align:left;
	top:560px;
	left:255px;
	position: absolute;
	background-image:url(../images/audio.gif)
}

#boitegrise {
	width: 500px;
	height: 1500px;
	border: 1px solid red;
	top:0px;
	left:800px;
	position: absolute;
}


#map1 {
	width: 20px;
	height: 20px;
	text-align:left;
	top:98px;
	left:163px;
	position: absolute;
	border: 0px red solid;
}

#map2 {
	width: 20px;
	height: 20px;
	text-align:left;
	top:229px;
	left:45px;
	position: absolute;
	border: 0px red solid;
}

#map3 {
	width: 20px;
	height: 20px;
	text-align:left;
	top:158px;
	left:271px;
	position: absolute;
	border: 0px red solid;
}

#map4 {
	width: 20px;
	height: 20px;
	text-align:left;
	top:75px;
	left:279px;
	position: absolute;
	border: 0px red solid;
}

#map5 {
	width: 20px;
	height: 20px;
	text-align:left;
	top:3px;
	left:377px;
	position: absolute;
	border: 0px red solid;
}

#map6 {
	width: 20px;
	height: 20px;
	text-align:left;
	top:213px;
	left:372px;
	position: absolute;
	border: 0px red solid;
}

#map7 {
	width: 20px;
	height: 20px;
	text-align:left;
	top:130px;
	left:345px;
	position: absolute;
	border: 0px red solid;
}

#map8 {
	width: 116px;
	height: 213px;
	text-align:left;
	top:69px;
	left:313px;
	position: absolute;
	border: 0px red solid;
}

#map9 {
	width: 179px;
	height: 109px;
	text-align:left;
	top:-20px;
	left:210px;
	position: absolute;
	border: 0px red solid;
}

#map10 {
	width: 116px;
	height: 131px;
	text-align:left;
	top:137px;
	left:186px;
	position: absolute;
	border: 0px red solid;
}

#map11 {
	width: 116px;
	height: 229px;
	text-align:left;
	top:51px;
	left:-25px;
	position: absolute;
	border: 0px red solid;
}

#map12{
	width: 84px;
	height: 62px;
	text-align:left;
	top:-14px;
	left:-5px;
	position: absolute;
	border: 0px red solid;
}

#map13 {
	width: 116px;
	height: 131px;
	text-align:left;
	top:20px;
	left:92px;
	position: absolute;
	border: 0px red solid;
}

#container {
	width: 800px;
	height: 1500px;
	text-align:left;
	top:0;
	left:0;
	position: absolute;
	border: 0px white solid;
}

#left {
	width: 300px;
	height: 1500px;
	text-align:left;
	top:0;
	left:0;
	position: absolute;
	border: 0px white solid;
}

#left2 {
	width: 300px;
	height: 1500px;
	text-align:left;
	top:0;
	left:0;
	position: absolute;
	border: 0px white solid;
	background:#003399;
}

#left3 {
	width: 300px;
	height: 1500px;
	text-align:left;
	top:0;
	left:0;
	position: absolute;
	border: 0px white solid;
	background:#663300;
}

#left4 {
	width: 300px;
	height: 2120px;
	text-align:left;
	top:0;
	left:0;
	position: absolute;
	border: 0px white solid;
	background:#2a2433;
}

#right {
	width: 500px;
	height: 1000px;
	text-align:left;
	top:0;
	left:300px;
	position: absolute;
	border: 0px red solid;
}

#gris {
	width: 2000px;
	height: 1500px;
	text-align:left;
	position:absolute;
}


#leftinside {
	width: 250px;
	height: 1000px;
	text-align:left;
	top:25px;
	left:25px;
	position: absolute;
	border: 0px white solid;
}

#leftboxes {
	width: 250px;
	height: 1000px;
	text-align:left;
	top:190px;
	left:0px;
	position: absolute;
	border: 1px white green;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}

ul { list-style-type: none ;
margin: 0px;

}

li {
margin-left: -25px;
} 


#leftbleu {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px blue solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}

#leftbrun {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px brown solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}

#leftnoir {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px black solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#ffffff;
}

#leftcontact {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px red solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}


#leftbleu1 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px blue solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
}

#leftbrun1 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px brown solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#2d61c7;
}

#leftnoir1 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px black solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#2d61c7;
}

#leftcontact1 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px red solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#2d61c7;
}



#leftbleu2 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px blue solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#996633;
}

#leftbrun2 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px brown solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
}

#leftnoir2 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px black solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#996633;
}

#leftcontact2 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px red solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#996633;
}


.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}


#white {
	width: 449px;
	height: 850px;
	text-align:left;
	top:150px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	background-color:#FFFFFF;
	overflow:hidden;
}

#white12 {
	width: 449px;
	height: 1300px;
	text-align:left;
	top:150px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	background-color:#FFFFFF;
	font-size:12px;
	overflow:hidden;
}

#white13 {
	width: 449px;
	height: 1300px;
	text-align:left;
	top:600px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	background-color:#FFFFFF;
	font-size:12px;
	overflow:hidden;
}

#white2 {
	width: 449px;
	height: 1100px;
	text-align:left;
	top:170px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	background-color:#FFFFFF;
	overflow:hidden;
}

#white10 {
	width: 449px;
	height: 850px;
	text-align:left;
	top:170px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	overflow:hidden;
}

#white11 {
	width: 449px;
	height: 1950px;
	text-align:left;
	top:170px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	overflow:hidden;
	background-color:#FFFFFF;
}

#white12 {
	width: 449px;
	height: 1330px;
	text-align:left;
	top:170px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	overflow:hidden;
	background-color:#FFFFFF;
}

#white4 {
	width: 449px;
	height: 1000px;
	text-align:left;
	top:30px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	background-color:#FFFFFF;
	overflow:hidden;
}

#white5 {
	width: 449px;
	height: 1200px;
	text-align:left;
	top:30px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	background-color:#FFFFFF;
	overflow:hidden;
}

#white3 {
	width: 449px;
	height: 1300px;
	text-align:left;
	top:150px;
	left:300px;
	position: absolute;
	border: 0px red solid;
	background-color:#FFFFFF;
	overflow:hidden;
}

#whiteinside {
	width: 410px;
	height: 1200px;
	text-align:left;
	top:20px;
	left:20px;
	position: absolute;
	border: 0px red solid;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}

#whiteinside2 {
	width: 410px;
	height: 1200px;
	text-align:left;
	top:320px;
	left:20px;
	position: absolute;
	border: 0px red solid;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}

#whiteinside10 {
	width: 410px;
	height: 1200px;
	text-align:left;
	top:20px;
	left:20px;
	position: absolute;
	border: 0px red solid;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}

#leftbleu3 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px blue solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#392f70;
}

#leftbrun3 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px brown solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#392f70;
}

#leftnoir3 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px black solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color: #392f70;
}

#leftcontact3 {
	display:block;
	width: 250px;
	float:left;
	position: relative;
	border: 0px red solid;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:18px;
	color:#392f70;
}





#logo {
	width: 230px;
	height: 156px;
	text-align:left;
	top:0px;
	left:0px;
	position: absolute;
}


#bleu
{
  display: block;
  position:absolute;
  width: 277px;
  height: 366px;
  background: url("../images/bleu_off.gif") no-repeat 0 0;
  text-indent:-9999px;
}

#bleu:hover
{ 
    background: url("../images/bleu_on.gif") no-repeat 0 0;
	z-index:10;
}


#book_selon
{
  display: block;
  position:absolute;
  width: 277px;
  height: 366px;
  background: url("../images/livre_cite_selon.gif") no-repeat 0 0;
  text-indent:-9999px;
}

#book_selon:hover
{ 
    background: url("../images/livre_cite_selon_on.gif") no-repeat 0 0;
}



#bleuon
{
  display: block;
  position:absolute;
  width: 277px;
  height: 366px;
  background: url("../images/bleu_on.gif") no-repeat 0 0;
  text-indent:-9999px;
}
#bleuon:hover
{ 
    background: url("../images/bleu_on.gif") no-repeat 0 0;
}


#book_mangez
{
  display: block;
  position:absolute;
  top:9px;
  left:0px;
  width: 344px;
  height: 517px;
  background: url("../images/livre_table.gif") no-repeat 0 0;
  text-indent:-9999px;
}
#book_mangez:hover
{ 
    background: url("../images/livre_table_on.gif") no-repeat 0 0;
}


#brun
{
  display: block;
  position:absolute;
  top:9px;
  left:0px;
  width: 344px;
  height: 517px;
  background: url("../images/brun_off.gif") no-repeat 0 0;
  text-indent:-9999px;
}
#brun:hover
{ 
    background: url("../images/brun_on.gif") no-repeat 0 0;
	z-index:10;
}

#brunon
{
  display: block;
  position:absolute;
  top:9px;
  left:0px;
  width: 344px;
  height: 517px;
  background: url("../images/brun_on.gif") no-repeat 0 0;
  text-indent:-9999px;
}
#brunon:hover
{ 
    background: url("../images/brun_on.gif") no-repeat 0 0;
}



#book_livre
{
  display: block;
  position:absolute;
  top:19px;
  left:0px;
  width: 449px;
  height: 599px;
  background: url("../images/livre_mauve.gif") no-repeat 0 0;
  text-indent:-9999px;
}
#book_livre:hover
{ 
    background: url("../images/livre_mauve_on.gif") no-repeat 0 0;
}



#noir
{
  display: block;
  position:absolute;
  top:19px;
  left:0px;
  width: 449px;
  height: 599px;
  background: url("../images/noir_off.gif") no-repeat 0 0;
  text-indent:-9999px;
}
#noir:hover
{ 
    background: url("../images/noir_on.gif") no-repeat 0 0;
	z-index:10;
}

#noiron
{
  display: block;
  position:absolute;
  top:19px;
  left:0px;
  width: 449px;
  height: 599px;
  background: url("../images/noir_on.gif") no-repeat 0 0;
  text-indent:-9999px;
}
#noiron:hover
{ 
    background: url("../images/noir_on.gif") no-repeat 0 0;
}





#tooltip {

   position:absolute;

   visibility:hidden;

   z-index:100;

   background-color: #36C;

   border:1px solid black;

   padding:0.2em;

   font-size:0.8em;

   font-family: Agency FB, Franklin Gothic Medium Cond, Rockwell Condensed ;

   font-size: 15px;

}


#mangePas p{
padding-top: 5px;
}

.links_selon{
	text-decoration: none;
	color: #003399;
	font-style: italic;
}

.links_table{
	text-decoration: none;
	color: #663300;
	font-style: italic;
}

.links_chevet{
	text-decoration: none;
	color: #2a2433;
	font-style: italic;
}

.links_c{
	text-decoration: none;
	color: #000000;
}