/*
HTML colors
 #3366FF    Base Blue 
 #2B57D9    Darker blue
 #2447B3    Darkest blue
 #CCD9FF    Light blue
 #ADB8D9    Light grey-blue
 #8F98B3    Mid grey
 #000000    Black
 #FFFFFF    White
 */
 
body{
    padding:          0px;
    margin:           0px;
    color:            #111111;
    background-color: #fdfdfd;
    background-image: none;
    font-family:      arial;
    font-family:      Verdana,Geneva,sans-serif;
    font-size:        100%;
}

body, html{
 	height: 100%;
}

/* menu styles */
#topnav
{	
    margin:  0;
    padding: 0;
    text-align:left;
}

#topnav li
{	
	position:	 relative;
    float:       left;                      /* Positionnement des items de la liste du menu en ligne */
    list-style:  none;
    font-family: Tahoma, Arial;
    font-size:   0.85em;
    font-weight: bold;
    /*border-radius: 15px;
    -moz-border-radius: 15px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;*/
}

#topnav li a
{	
    display:        block;
    background:     #CCD9FF;                /* couleur fond de la ligne de menu en ligne */
    color:          #111111;                /* couleur text menu en ligne */
    padding:        8px 15px;               /* top-bottom spacing, left-right spacing */
    text-decoration: none;
    /*border-right: 1px solid white;*/      /* Ligne fine a droite de l'item du menu en ligne */
    /*width:          100px;*/              /* Largeur fixe de l'item du menu en ligne */
    white-space:    nowrap;
    
    /*border-radius: 15px;
    -moz-border-radius: 15px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;*/
    
}

#topnav li a:hover
{	
    background: #3366ff;                    /* couleur du fond de l'items choisit du menu en ligne */
    color:      #dddddd;
}
    
#topnav li ul                               /* Menu drop-down */
{	
    margin:     0;
    padding:    0;
    position:   absolute;
    visibility: hidden;                     /* etat initial du menu drop-down */
    border-top: 3px solid #4444ff;          /* ligne separatrice du menu drop-down */
}
        
#topnav li ul li                            /* positionnement des items du menu drop-down */
{	
    float:      none;
    display:    inline;
    /*border-radius: 0px 0px;
    border-radius: 0px 0px;*/
}

#topnav li ul li a
{	
    width:      auto;                       /* largeur en fonction du texte de l'item du menu */
    background: #88aaec;                    /* couleur des items du menu drop-down */
    color:      #24313C;                    /* couleur du texte de l'item du menu drop-down */
    /*border-radius: 0px 0px;
    border-radius: 0px 0px;*/
}

#topnav li ul li a:hover
{	
    background: #bbccff;                    /* couleur du fond item selectionne menu drop-down*/
    color:      white;
}

/* menu styles */
#subjnav
{   
    margin:  0;
    padding: 0;
    background-color: #F0F5FF;
    /*text-align:right;*/
}

#subjnav li
{   
    position:    relative;
    float:       left;                      /* Positionnement des items de la liste du menu en ligne */
    list-style:  none;
    font-family: Tahoma, Arial;
    font-size:   0.85em;
    font-weight: bold;
    /*border-radius: 15px;
    -moz-border-radius: 15px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;*/
}

#subjnav li a
{   
    display:        block;
    background:     #f0f5ff;                /* couleur fond de la ligne de menu en ligne */
    color:          #111111;                /* couleur text menu en ligne */
    padding:        6px 55px 6px 15px;      /* top right bottom left spacing */
    text-decoration: none;
    /*border-right: 1px solid white;*/      /* Ligne fine a droite de l'item du menu en ligne */
    /*width:          100px;*/              /* Largeur fixe de l'item du menu en ligne */
    white-space:    nowrap;
    
    /*border-radius: 15px;
    -moz-border-radius: 15px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;*/
    
}

#subjnav li a:hover
{   
    /*background: #3366ff;*/                /* couleur du fond de l'items choisit du menu en ligne */
    color:      #3366ff;
    text-decoration:underline;    
}

#btnnav a
{   
    display:        inline;
    background:     #80a0ff;                /* couleur du fond de l'items choisit du menu en ligne */
    color:          #000000;
    padding:        6px 15px 6px 15px;      /* top right bottom left spacing */
    text-decoration: none;
    /*border-right: 1px solid white;*/      /* Ligne fine a droite de l'item du menu en ligne */
    /*width:          200px;*/              /* Largeur fixe de l'item du menu en ligne */
    white-space:    nowrap;
    
    /*border-radius: 15px;
    -moz-border-radius: 15px;*/
    /*border-top-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;*/
    border-radius: 5px 5px 5px 5px;

}

#btnnav a:hover
{   
    background:     #4060ff;                /* couleur fond de la ligne de menu en ligne */
    color:          #ffffff;                /* couleur text menu en ligne */
    /*background: #80a0ff; */               /* couleur du fond de l'items choisit du menu en ligne */
    /*color:      #000000;*/
    text-decoration:underline;    
}

#divTopMenu
{
    width:				100%;
    height:  			33px;
	background-color:	#CCD9FF;            /* couleur du fond de l'items choisit du menu en ligne */
}

#divSubMenu
{
	float:			left;
	color:      	#ffffff;
    height:  		100px;
    width:			100%;
    padding: 		0px;
    display: 		none;
    background-color: #808080;
	border-radius:  5px;
    opacity: 		0.75;
}

.hpv_link a:link    {text-decoration: none; color:white;}
.hpv_link a:visited {text-decoration: none; color:white;}
.hpv_link a:hover   {text-decoration: underline; color: red;}
.hpv_link a:active  {text-decoration: none; color:white;}

 /* Size of the windows to display the thumbs */
#thumbs {
  width:   185px;
  height:  635px;
  overflow:auto;
  float:   right;
  padding: 0px 0px 0px 0px; /*top right bottom left*/
  /*border:  1px solid #ffffff;*/
}

/* Size of the link in the thumbs window */
#thumbs a {
  display: block;
  float:   left;
  padding: 0px 0px 0px 0px; /*top right bottom left*/
  margin:  2px 2px 2px 2px; /* top right bottom left */
  width:   51px;
  height:  51px;
}

/* Size of the image of the link */
#thumbs a img {
  width:  50px;
  height: 50px;
  border:  1px solid #000000;
}

/* Size of the link mage on hover */
#thumbs a:hover img {
  width:    49px;
  height:   49px;
  border:   2px solid #FF0000;
}

/* homepopupview image style */
.gallery_img
{
  margin:  0px 0px 0px 0px; /* top right bottom left */
}