html, body
   {
      margin           : 0 0 0 0;
      padding          : 0 0 0 0;
      text-align       : center;
      color            : black;
      background-color : #415860;
   }

:focus 
{
  -moz-outline-style: none; /* Remove dotted lines around links in Mozilla browser */
}


#page
   {  
      width      : 750px; 
      margin     : 0 auto 0 auto;
      text-align : left;
   }

#header
   {  
      width       : 740px; 
      height      : 35px;
      margin      : 0;
      padding     : 5px 10px 0px 0px;
      text-align  : right;
      background  : #BDDAE8;
   }


#header a
   {
      color           : #5B8DA2;
      background      : #BDDAE8;
      text-decoration : none;
   }
   
#header a:hover
   {
      color           : #FCE3B1;
      background      : #BDDAE8;
      text-decoration : none;
   }


#aideoutils 
{
   float : right;
	width: 60px;
	margin: 0 10px 0 0;
	padding-top : 5px;
	text-align: right;
   font-family : Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#outils 
{
   float : right;
   width: 50px;
   height: 23px;
   margin: 0 0 0 0;
   text-align: right;
}

#logo
   {
      width      : 126px;
      height     : 55px;
      background : transparent url(/LPNC/images/logo-LPNC.gif) no-repeat top left;
      position   : absolute;
      top        : 0px;
   }
   
#header_border_top
   {
      width      : 750px; 
      color      : #BDDAE8;
      background : transparent url(/LPNC/images/header_top_border.png) no-repeat top right;
      _background : none; /* IE6 */
      filter      : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/LPNC/images/header_top_border.png', sizingMethod='scale'); /* IE6 */
      height     : 35px;
      position   : absolute;
      top        : 35px;
   }

#header_border_top h1
   {
      font-family      : Arial, Helvetica, sans-serif;
      font-size        : 1.1em;
      font-weight      : bold;
      text-align       : right;
      margin           : 13px 0 0 0;
      padding          : 0 0 0 0;
   }

#header_border_bottom
   {
      width       : 550px; 
      color       : #FFFFFF;
      background  : transparent url(/LPNC/images/header_bottom_border.png) no-repeat top right;
      _background : none; /* IE6 */
      filter      : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/LPNC/images/header_bottom_border.png', sizingMethod='scale'); /* IE6 */
      height      : 40px;
      position    : relative;
      top         : -40px;
      left        : 200px;
   }

#header_border_bottom h1
   {
      font-family : Arial, Helvetica, sans-serif;
      font-size   : 1.0em;
      font-weight : bold;
      text-align  : left;
      margin      : 0 0 0 0;
      padding     : 10px 0 0 10px;
   }
   
   
   
#content
   {
      position    : relative;
      top         : -40px;
      left        : 200px;      
      width       : 550px;
      font-family : Arial, Helvetica, sans-serif; 
      font-size   : 12px;
      color       : white;
      background  : #467A94;
      border      : none;
   }

   
   
#content #data
   {
      padding     : 10px 10px 20px 10px; 
   }


.date
   {   
      font-family : Arial, Helvetica, sans-serif; 
      font-size   : 13px;      
      font-style  : italic;
      font-weight : bold;      
      color       : #FCE3B1;
      background  : #467A94;
      margin : 0;
      padding : 0;
   }

#data h1
   {   
      font-family : Arial, Helvetica, sans-serif; 
      font-size   : 16px;      
      font-weight : bold;      
      color       : #FCE3B1;
      background  : #467A94;
   }

#data h2
   {   
      font-family : Arial, Helvetica, sans-serif; 
      font-size   : 14px;      
      font-weight : normal;     
      font-style  : italic;
      color       : #FCE3B1;
      background  : #467A94;
      padding-left : 20px;
   }


#data .header-content
   {   
      font-family : Arial, Helvetica, sans-serif; 
      font-size   : 12px;      
      color       : #FCE3B1;
      background  : #467A94;
      padding-left : 20px;
   }

#data ol li
{
   list-style-type: decimal;
}   
   
#content #data a
   {
      color           : white;
      background      : #467A94;
   }
   
#content #data a:hover
{
   color           : #FCE3B1;
   background      : #467A94;
}

#content #data .first-child a
{
   color : #000;
   background-color : transparent;
}



#content .bd ul,
#content .bd li
{
   padding-left : 0px;
   list-style-type : block;
}
   

#content p
   {
      margin  : 0 0 0 0;
      padding : 10px 0 0 0;
   }
   
#content ul 
   {
      margin : 0 0 0 0;
      padding: 10px 0px 10px 40px;
   }
   
#content li 
   {
      text-align      : justify;
      list-style-type : circle;
      padding-bottom  : 12px;      
   }


#member_content p
{
   text-align : justify;
}
   
   
#sidebar 
   {
      position         : absolute;
      top              : 230px;
      float            : left;      
      width            : 200px;
      color            : white;
      background-color : #286583;
      height           : 250px;
   }

#sidebar_top
   {
      position   : absolute;
      top        : 180px;
      width      : 200px; 
      height     : 50px;
      background : transparent url(/LPNC/images/sidebar_top.gif) no-repeat top right; 
   }

   
   
   
dl, dt, dd, ul, li 
   {
      margin          : 0 0 0 0;
      padding         : 0 0 0 0;
      list-style-type : none;
   }

#menu 
   {
      font-family : Arial, Helvetica, sans-serif;
      font-weight : normal;
      font-size   : 8pt;
      position    : absolute;
      top         : 0;
      left        : 0;
      width       : 200px;
      border      : none;
   }

#menu dt 
   {
      cursor        : pointer;
      height        : 20px;
      line-height   : 20px;
      margin        : 2px 0px 2px;
      padding       : 2px 10px 2px;
      text-align    : left;
      font-weight   : bold;
      color         : #BDDAE8;
      border-bottom : 1px solid #538DA9;
      background    : #286583;
   }

#menu dd 
   {
      position   : absolute;
      z-index    : 100;
      left       : 200px;
      margin-top : -2.6em;
      width      : 100%;
      color      : black;
      background : #5B8DA2;
   }

#menu ul 
   {
      padding: 2px 0 0 0;
   }
   
#menu li 
   {
      text-align  : center;
      height      : 18px;
      line-height : 18px;
      margin-left : 10px;
   }

#menu dt a 
   {
      color           : #BDDAE8;
      background      : #286583;
      text-decoration : none;
      display         : block;
   }

#menu li a
   {
      color           : #BDDAE8;
      background      : #5B8DA2;
      text-decoration : none;
      display         : block;
   }
   
#menu li a:hover
   {
      color           : #FCE3B1;
      background      : #5B8DA2;
      text-decoration : none;
   }

#menu dt a:hover
   {
      color           : #FCE3B1;
      background      : #286583;
      text-decoration : none;
   }


#menu dt:hover
   {
      color           : #FCE3B1;
      background      : #286583;
      text-decoration : none;
   }

table td
{
   vertical-align : top;
   padding-bottom : 10px;   
}