body 
{background-attachment: fixed;  
background-image: url(pics/fondLogo.gif);  
background-repeat: repeat;  
font-family: Comic Sans MS,arial,tahoma,verdana,sans-serif}

p 
{font-family: Comic Sans MS,arial,tahoma,verdana,sans-serif; text-align: justify;}

a:link {color: #E60094}

a:visited {color: #ED6E00}

a:hover {color: #f27862}

a:active {color: yellow}
						
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

.top 
{width:1024px; height: 100px; 
background-image: url(pics/top.gif);  
background-repeat: no-repeat;
background-color: #CF035C;
background-position:center center;
border: 2px solid black;  
position: fixed; 
z-index: 2;} 

.titel 
{width:1024px; height: 100px; 
background-image: url(pics/toptextlpdv.gif);  
background-repeat: no-repeat;
background-color: transparent;
border: 0px solid black;  
position: fixed; 
top: 25px; left: 300px;
z-index: 4;} 

.titelmayotte 
{width:1024px; height: 100px; 
background-image: url(pics/toptextmayotte.gif);  
background-repeat: no-repeat;
background-color: transparent;
border: 0px solid black;  
position: fixed; 
top: 125px; left: 750px;
z-index: 4;} 

.logo 
{width:1024px; height:200px; 
background-image: url(pics/1.png);  
background-repeat: no-repeat;
background-color: transparent;

border: 0px solid black;  
position: fixed; 
top: 2px; left: 2px;
z-index: 5;} 

.language 
{
background-color: transparent;
border:  0px solid black;
height: 19px; width: 185px;
position: fixed; 
top: 140px; left: 0px; 
z-index: 6;
}

.menu 
{
background-color: transparent;
border:  0px solid black;
height: 100%; width: 185px;
position: absolute; 
top: 159px; left: 0px; 
z-index: 1;}

.content 
{background-color: transparent;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 170px; left: 210px; 
z-index: 1;}
 
.imageslide
{
position: absolute; 
top: 110px; left: 150px;} 

.mayotte
{background-image: url(images/mayotte.jpg);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 130px 145px;
border:  0px solid black;
height: 1000px; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 170px; left: 250px;
z-index: 1;}

.baptemedapani
{background-image: url(pics/baptemedapani.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 561px; left: 414px;
z-index: 1;}

.baptemepamandzi
{background-image: url(pics/baptemepamandzi.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 255px; left: 599px;
z-index: 1;}

.passeens
{background-image: url(pics/passeens.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 238px; left: 580px;
z-index: 1;}

.chounguietsableblanc
{background-image: url(pics/chounguietsableblanc.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 502px; left: 336px;
z-index: 1;}
 
.sudsauvage
{background-image: url(pics/sudsauvage.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 323px; left: 345px;
z-index: 1;}

.barrieredecorail
{background-image: url(pics/barrieredecorail.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 323px; left: 409px;
z-index: 1;}

.tourdelile
{background-image: url(pics/tourdelile.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 195px; left: 344px;
z-index: 1;}

.totale
{background-image: url(pics/totale.gif);  
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 100px;
border:  0px solid black;
height: 100%; width: 824px;
font: 13px Comic Sans MS,tahoma,verdana,sans-serif;
color: #CF035C;
position: absolute; 
top: 53px; left: 241px;
z-index: 1;}

.navbar
{
}  

.mainDiv
{
  width:185px;
}

.topItem
{
  font: bold 12px Comic Sans MS,tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("pics/arrow-up-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  border: none;
  height: 25px;
  width: 185px;
  color: yellow;
  cursor:pointer;
  text-indent:10px;
}

.topItemOver
{
  text-indent:10px;
  font: bold 12px Comic Sans MS,tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("pics/arrow-up-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #E60094;
  cursor:pointer;
}

.topItemClose
{
  text-indent:10px;
  font: bold 12px Comic Sans MS,tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("pics/arrow-down-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: yellow;
  cursor:pointer;
}


.topItemCloseOver
{
  text-indent:10px;
  font: bold 12px Comic Sans MS,tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("pics/arrow-down-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #E60094;
  cursor:pointer;
}



.dropMenu
{
  font: bold 11px Comic Sans MS,tahoma,verdana,sans-serif;	
  background-color: #F7BC8A;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=100);
  padding-top:5px;
  padding-bottom:5px;
}

.subMenu
{
   display:block;
}

.subItem
{
   margin-left:0px;
   margin-top:2px; 
   height:18px;
   font: 11px Comic Sans MS,tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #CF035C;
   
}

.subItem a
{
   margin-left:23px;
   font: 11px Comic Sans MS,tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #CF035C;
}

.subItemOver
{
   margin-left:0px;
   margin-top:2px;
   font: 11px Comic Sans MS,tahoma,verdana,sans-serif;	  
   height:18px;
   color: #ED6E00;
}

.subItemOver  a
{
   margin-left:23px;
   font: 11px Comic Sans MS,tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #ED6E00;
   text-decoration:underline;
   cursor:pointer;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}

.UConstruction
{
	position: absolute; 
	top: 50%; left: 50%;
}