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: #008ccc}

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: #008ccc;
background-position:center center;
border: 2px solid black;  
position: fixed; 

z-index: 3;} 

.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;} 

.titelreunion 
{width:1024px; height: 100px; 
background-image: url(pics/toptextreunion.gif);  
background-repeat: no-repeat;
background-color: transparent;
border: 0px solid black;  
position: fixed; 
top: 125px; left: 750px;
z-index: 4;}
 
.logo 
{width:237px; height:158px; 
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: #171796;
position: absolute; 
top: 170px; left: 210px; 
z-index: 1;}

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

.imageslide
{
position: absolute; 
top: 110px; left: 150px;} 

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

.decouverte
{background-image: url(pics/decouverte.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: #171796;
position: absolute; 
top: 170px; left: 255px;
z-index: 1;}

.mafatenouvellemaido
{background-image: url(pics/mafatenouvellemaido.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: #171796;
position: absolute; 
top: 150px; left: 235px;
z-index: 1;}

.lacomplete
{background-image: url(pics/lacomplete.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: #171796;
position: absolute; 
top: 163px; left: 205px;
z-index: 1;}

.laspeciale
{background-image: url(pics/laspeciale.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: #171796;
position: absolute; 
top: 162px; left: 210px;
z-index: 1;}

.lagonpointedetroisbassins
{background-image: url(pics/lagonpointedetroisbassins.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: #171796;
position: absolute; 
top: 163px; left: 210px;
z-index: 1;}

.grandmafate
{background-image: url(pics/grandmafate.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: #171796;
position: absolute; 
top: 163px; left: 260px;
z-index: 1;}

.mafatenouvellemaidolagon
{background-image: url(pics/mafatenouvellemaidolagon.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: #171796;
position: absolute; 
top: 170px; left: 210px;
z-index: 1;}

.mafatesalazietroudefer
{background-image: url(pics/mafatesalazietroudefer.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: #171796;
position: absolute; 
top: 165px; left: 263px;
z-index: 1;}

.mafatecilaos
{background-image: url(pics/mafatecilaos.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: #171796;
position: absolute; 
top: 165px; left: 263px;
z-index: 1;}

.coeurmafatecilaoslagon
{background-image: url(pics/coeurmafatecilaoslagon.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: #171796;
position: absolute; 
top: 165px; left: 210px;
z-index: 1;}

.coeurmafatesalazielagon
{background-image: url(pics/coeurmafatesalazielagon.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: #171796;
position: absolute; 
top: 165px; left: 205px;
z-index: 1;}

.coeurmafatesalaziecilaos
{background-image: url(pics/coeurmafatesalaziecilaos.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: #171796;
position: absolute; 
top: 165px; left: 260px;
z-index: 1;}

.mermontagne
{background-image: url(pics/mermontagne.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: #171796;
position: absolute; 
top: 165px; left: 212px;
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: #7DC4E5;
  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: #215dc6;
   
}

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

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

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


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

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