/* CSS Document */

   html,body { margin: 0px 0px 0px 0px;
         font-family:"Verdana";
         background-color:#F2F2F2;
         height:100%;
         width:100%;
         text-align:center;
         vertical-align:center;
   }

 .BackGroundDiv {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: auto;
  width:900px;
  height:650px;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  background-color:#334046;
}
  .MenuDiv {
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  width:auto;
  height:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  background-color:#d2cf5e;
}

.MenuElement {
  
  margin-left:3px;
  margin-top:2px;
  width:150px;
  height:23px;
  -moz-border-radius:24px;
  -webkit-border-radius:24px;
  background-color:#334046;
  float:left;
    float:left;
  font-size:15;
  font-weight:bold;
  text-align:center;
  padding-top:3px;
  color:#c4cdd4;
}

.MenuElement:hover {
  margin-left:3px;
  margin-top:2px;
  width:150px;
  height:23px;
  -moz-border-radius:24px;
  -webkit-border-radius:24px;
  background-color:#c4cdd4;
  float:left;
  font-size:15;
  font-weight:bold;
  text-align:center;
  padding-top:3px;
  color:#334046;
  cursor:hand;
}

.MenuElementSelected {
  margin-left:3px;
  margin-top:2px;
  width:150px;
  height:23px;
  -moz-border-radius:24px;
  -webkit-border-radius:24px;
  background-color:#c4cdd4;
  float:left;
  font-size:15;
  font-weight:bold;
  text-align:center;
  padding-top:3px;
  color:#334046;
}


 .PageDivBG {
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  margin-top:10px;
  width:auto;
  height:auto;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  background-color:#c4cdd4;
}

.PageDiv {
  height:480px;
  width:880px;
  margin-left:10px;
  padding-top:10px;
}

.AccueilInfo{
  width:320px;
    height:450px;
    margin-top:10px;
    float:left;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#eeeeee;   
}

.AccueilInfoContact{
    width:200px;
    height:450px;
    margin-top:10px;
    vertical-align:center;
    float:left;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#eeeeee; 
}
.InfoContactData
{
 margin-top:100px;

}
.InfoContactLink
{
 margin-top:120px; 
 margin-left:25px
}

.InfoData
{
 margin-top:20px;

}
.InfoLink
{
 margin-top:10px; 
 margin-left:85px
}

.InfoDataText
{         
  margin-left:5px;
  height:300px;
  width:310px;
  font-size:13;
  text-align:top;
}

.AccueilSeparator{
  width:10px;
  height:450px;
  margin-top:10px;
  float:left;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#d2cf5e;   
}

.MenuLinkBG
{
  
  width:150px;
  height:20px;
  -moz-border-radius:24px;
  -webkit-border-radius:24px;
  background-color:#334046;
  float:left;
  float:left;
  font-size:15;
  font-weight:bold;
  text-align:top;
  color:#c4cdd4;

}

.MenuLinkBG:hover
{
  
  width:150px;
  height:20px;
  -moz-border-radius:24px;
  -webkit-border-radius:24px;
  background-color:#c4cdd4;
  float:left;
  float:left;
  font-size:15;
  font-weight:bold;
  text-align:top;
  color:#334046;
  cursor:hand;
}

.SelectionMenu
{
  margin-top:10px;
  margin-left:10px;
  float:left;
  height:450px;
  width:160px;
  -moz-border-radius:135px;
  -webkit-border-radius:135px;
  background-color:#334046;
}    

.SelectionMenuTopNoArrow
{
  margin-top:15px;
  margin-left:55px;
  height:50px;
  width:50px;
  z-index:50;
  background-color:#334046;
}   

.SelectionMenuTopArrow
{
  margin-top:15px;
  margin-left:55px;
  height:50px;
  width:50px;
  z-index:50;
  float:top;
  background-image:url(../img/arrow_top.png);

}

.SelectionMenuTopArrow:hover
{
 margin-top:15px;
  margin-left:55px;
  height:50px;
  width:50px;
  z-index:50;
  float:top;
  background-image:url(../img/arrow_top_hover.png);
  cursor:hand;
}


 

.SelectionMenuItem
{
  position:absolute;
  margin-top:5px;
  margin-left:10px;
  padding-top:5px;
  float:left;
  height:95px;
  width:140px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  background-color:#d2cf5e;
  z-index:0;
  color:#334046;
}  

.SelectionMenuItemSelected
{
  position:absolute;
  margin-top:5px;
  margin-left:10px;
  padding-top:5px;
  float:left;
  height:95px;
  width:140px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  background-color:#c4cdd4;
  z-index:0;
  color:#334046;
} 

.MenuContent
{
  
  height:300px;
  width:150px
  max-height:350px;
  max-width:150px;
  float:top;
  z-index:0;
}
 
.SelectionMenuItem:hover
{
  position:absolute;
  margin-top:5px;
  margin-left:10px;
  padding-top:5px;
  float:left;
  height:95px;
  width:140px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  background-color:#c4cdd4;
  z-index:0;
  color:#334046;
  
}   

.SelectionMenuItemHidden
{
   
   visibility:hidden;    
}

.SelectionMenuBottomNoArrow
{
  margin-top:5px;
  margin-left:55px;
  height:50px;
  width:50px;
  z-index:50;
  background-color:#334046;
}   

.SelectionMenuBottomArrow
{
 margin-top:15px;
  margin-left:55px;
  height:50px;
  width:50px;
  z-index:50;
  background-image:url(../img/arrow_bottom.png);

}

.SelectionMenuBottomArrow:hover
{
 margin-top:15px;
  margin-left:55px;
  height:50px;
  width:50px;
  background-image:url(../img/arrow_bottom_hover.png);
  z-index:50;
  cursor:hand;
}

.SelectionMenuItemSpan
{
  padding-top:5px;
  
}


.Contents
{
  height:440px;
  width:650px;
  margin-left:200px;
  margin-top:10px;
  font-size:13;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#eeeeee; 

}

.PageContentActive
{
  position:absolute; 
  height:440px;
  width:650px;
}

.PageContent
{
  position:absolute;
  height:0px;
  width:0px;
  visibility:hidden;
  
}

.ContentImage
{
  display:block;
  float:right;
  margin-right:10px;

}

.ContentText
{
  text-align:left;
}