/********************************************************/
/* change the scrollbar of the page to put it in white  */
/* affect the defautl cursor to all the page            */
/* and change the police of the document to arial       */
/********************************************************/
body{margin-top:0;
     scrollbar-base-color:#FFFFFF;
     scrollbar-3dlight-color:#FFFFFF;
     scrollbar-arrow-color:#FFFFFF;
     scrollbar-darkshadow-color:#FFFFFF;
     scrollbar-face-color:#FFFFFF;
     scrollbar-highlight-color:#FFFFFF;
     scrollbar-shadow-color:#FFFFFF;
     scrollbar-track-color:#FFFFFF;
     cursor:default;
     font-family:Arial, Helvetica, sans-serif;
	 overflow:auto;
    }
	
/**********************************************************/
/* change the scrollbar of the div tag to put it in blue  */
/*affect the default cursor to all the div                */
/**********************************************************/
div{scrollbar-arrow-color:#4A86BD;
    scrollbar-face-color:#B1CBE8;
    scrollbar-3dlight-color:#FFFFFF; 
    scrollbar-darkshadow-color:#336BA9;
    scrollbar-shadow-color:#336BA9;
    scrollbar-track-color:#B1CBE4;
    cursor:default;
	font-family:Arial, Helvetica, sans-serif;
   }

/*******************************************************/
/* hide the border of the images                       */
/*******************************************************/
img{border:0;}

/*******************************************************/
/* change the default style of links                   */
/* with no decoration, the default cursor , white font */
/* and underlined and overlined when the mouse is over */
/*******************************************************/
a{text-decoration:none;
  cursor:default;
  color:#FFFFFF;
 }
a:hover{text-decoration:underline overline;
       }

/***********************************************************/
/* style for the links, in blue by default, and white when */
/* the mouse is over                                       */
/***********************************************************/
a.blue_white_link{color:#4A86BD;
		         }
a.blue_white_link:hover{color:#FFFFFF;
				       }
		  
/********************************************************/
/* style for the links, in blue by default, and lighter */
/* blue when the mouse is over                          */
/********************************************************/
a.blue_blue_link{color:#4A86BD;
		         }
a.blue_blue_link:hover{color:#B1CBE8;
				 }

/**********************************************************/
/* style for the links of the glossary, always underlined */
/* and always in black                                    */
/**********************************************************/
a.glossary_link{text-decoration:underline;
                color:#000000;
	           }

/********************************************************/
/* style for the links of the structure of the articles */
/* always in bold and in black                          */
/********************************************************/
a.structure{font-weight:bold;
		    color:#000000;
			font-size:12px;
		   }

/********************************************************/
/* style for the links of the keywords of the articles  */
/* always in red,with a red dotted border-bottom        */
/* an help cursor and no text decoration                */
/********************************************************/
a.glossary{color: #FF0000;
          border-bottom: 1px dotted #FF0000;
          cursor:help;
		  text-decoration:none;
         }
a.glossary:hover{text-decoration:none;
                }


/**************************************************************/
/* style for the titles at the beginning of the articles      */
/* template : article and article_2                           */
/**************************************************************/		   
.title{color:#4A86BD;
	   font-size:20px;
	   font-weight:bold;
      }
	  
/*******************************************************************/
/* style for the text (but not the links) of the additionnal       */
/* information and key links of the articles and for the text      */
/* of the ipcc report link.                                        */
/* template : article and article_2                                */
/*******************************************************************/
.cases_title{color:#4A86BD;
	    font-weight:bold;
		font-size:10px;
		width:100px;
        text-align:left;
	    height:75px;
	    vertical-align:middle;
       }

/**************************************************************/
/* style for the div containing the key references            */
/* template article and article_2                             */
/**************************************************************/
#keyreferences{position:absolute;
               visibility:hidden;
			   bottom:18px;
			   left:0px;
			   width:766px;
			   z-index:1;
			   background-color:#BFEEC0;
			   color:#000000;
			   font-weight:bold;
			   font-size:14px;
			   text-align:left;
			   font-style:italic;
              }
			  
/********************************************************************/
/* class for the style of the table of the additionnal informations */
/* set the color of the background ans of the text                  */
/********************************************************************/	  
.cases_studies{font-weight:bold;
               background-color:#FF8000;
			   text-align:center;
			   color:#FFFFFF;
			  }

/**********************************************************/
/* class for the height and the width of the illustrative */
/* pictures of the additionnal informations               */
/**********************************************************/
.cases_img{width:75px;
           height:75px;
          }
		
		
/*****************************************************************/
/* style for the white separator above and under the orange cell */
/*	additionnal informations                                     */
/*****************************************************************/	  
.hseparator{height:2px;
           width:100%;
		   line-height:2px;
		   background-color:#FFFFFF;
          }
		  
/***********************************************************************/
/* style for the separator between hte left side and the right side of */
/* the article pages                                                   */
/***********************************************************************/
.vseparator{position:absolute;
            left:185px;
			top:0px;
			height:500px;
			width:2px;
			background-color:#FFFFFF;
		   }

/****************************************************************/
/* style for the div of the ipcc report                         */
/****************************************************************/
.report{position:absolute;
        left:5px;
		top:372px;
		background-color:#FF0000;
		}
		
/****************************************************************/
/* style for the div of the articles                            */
/****************************************************************/
.article{
	position:absolute;
	z-index:0;
	overflow:auto;
	width:558px;
	height:342px;
	text-align:left;
	font-size:12px;
	left:190px;
	top: 2px;
		 }
	
/****************************************************************/
/* style for subheadings of the articles                        */
/****************************************************************/ 
.subheading{font-weight:bold;
            font-size:16px;
		   }
/****************************************************************/
/* style for picture's legends                                  */
/****************************************************************/ 		   
.legend{width:550px;
		text-align:center;
		font-style:italic;
		}

/******************************************************************/
/* style for the div containing the pictures in the splash screen */
/******************************************************************/ 	
#images{position:relative;
}

/****************************************************************/
/* style for the div of the introduction                            */
/****************************************************************/
.introduction{
	position:absolute;
	z-index:0;
	overflow:auto;
	width:765px;
	height:490px;
	text-align:left;
	font-size:12px;
	left:5px;
	top: 1px;
		 		}
/****************************************************************/
/* style for emergency cover uo                                 */
/****************************************************************/

.maintext{	
	text-align:left;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	width:740px;
				}