html {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body, html {
	margin : 0 ;
	padding : 0 ;
}

body {
	font-size:0.8em;
}

#logo {
	border-bottom : 2px solid ;
}


/*-----------------------------------------------------------------------*/
/* Mise en page du menu principal                                        */                                                                                               
/*-----------------------------------------------------------------------*/  


div#mainMenu {

	width : 100% ;	
}



/*div#mainMenu,*/
div#mainMenu  .mainMenuItem,
div.dropDown,
div.dropDown  a.dropDownItem {

	/* apparence */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 1em;
  	font-style: normal;
  	font-weight: normal;
  	background-color : #FFFFFF;
  	color : black ; 		
  	cursor : pointer;
 	text-decoration: none;  	
	 	
}
 

div#mainMenu .mainMenuItem {
  /*border-right: 1px solid ;*/
  padding-top: 0px ;
  padding-left : 6px ;
  padding-right : 6px ;
  padding-bottom : 2px ;
}

div#mainMenu a.mainMenuItem:hover,
div.dropDown a.dropDownItem:hover  {
	font-weight : bold;
}

div.dropDown {

  position: absolute;
  visibility : hidden ;
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;  
	z-index : 10;   /* mettre le dropdown à l'avant-plan */
}

div.dropDown a.dropDownItem {
  border-bottom : 2px solid;
  border-bottom-color:  #909090 ;  
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;   
  padding: 2px 3px 2px 3px; 
  display: block;
  text-align : left ;
  /*z-index : 2 ; */
}



/* ----------------------------------------------------------------------*/
/* Mise en page du contenu et de la barre latérale                       */                                                                                               
/*-----------------------------------------------------------------------*/  

/* création d'un conteneur pour les colonnes */
#page {
	width:100%; 
}   

#sidebar {
	margin-top : 1em;
	float : left ; 
	width : 20%;
	margin-left : 0.5em ;
	border:1px solid ;
}

#rightcol {
	width : 10%;
	float : right ;
	border-left: 1px solid;
}

#content {

	float : left ; 
	margin-top : 1em ;
	font-size : 1em;

	margin-left : 1em ;  
	padding : 1em;

	width : 60% ;

	border-left : 1px solid  ; 
	border-right: 1px solid ;
	background-color : white ; 
	color: black;
	line-height : 1.5em ;
}


/* ------------------------------------------------------------------*/
/* mise en page du menu latéral                                       */
/* ------------------------------------------------------------------*/

#sidebar ul {
	margin : 0 ;
	padding : 0 ;
	list-style : none ;	
}

#sidebar ul li.link {
	margin-bottom : 1px ; 
	border-bottom: 1px solid ; 
}

#sidebar ul li a {
	margin-left : 10px ;
	margin-bottom : 1px  ; 
	text-align : left;
	color : black ; 
	
}



#sidebar li.section {
	margin-top : 15px ;
	font-weight : bold;
}


#sidebar li#first {
	margin-top : 0px ;
}


#sidebar li a {
	text-decoration : none;	

}





/* ----------------------------------------------------------------------*/
/* content                                                               *                                                                                                
/*-----------------------------------------------------------------------*/   




#content  >  p {
	padding : 4px ;

	line-height : 1.5em;
	margin-bottom : 0.5em;

}

.definition {
	display : block ; 
	font-weight : bold;
}


dl dt {
	font-weight : bolder;
}

.illustration {
	margin : 0.5em ;
}

.illustration .caption {
	display : block ;
	border-top : 0px ; 
	font-weight : bold ;
	font-size : 0.8em;
}


#content #cBanner {
	position : relative ;

}



#content .title {
	color : red ;	
	font-size : 1.2em ;
}


.extra {
	float:right;
	width:30%;
	padding : 4px ;
	border:1px solid red ;
	color : red ;
}


.tn1 {
	border-bottom : 2px solid ;
	border-right : 1px solid ;
	padding : 5px ;
	font-size : 1.6em ;
	
}



h1, h2, h3 {
	padding : 4px ;
	font-weight : normal ;
}


h1 {
	font-size : 1.6em;
	border-bottom : 1px solid ;
	/*border-right : 2px solid ;*/
	text-align : right; 
	margin-bottom : 5em ; 	
}

h2 {
	font-size : 1.4em ;	
	border-bottom : 1px solid  ;
}


h3 {
	font-size : 1.2em ;
	font-weight : bold ;
}

h4 {
	font-size : 1.2em ;
	font-style:italic ;
}

.location {
	font-size : 0.5em;
	font-family : "Courier New", Courier, monospace;
}

.english {
	font-style : italic ;
}
[lang|="en"] {
	font-style: italic;
}
.important {
	font-weight : bold;
	font-stretch : wider;
	color: #FF0000;
}

.btDemo {
	margin-top : 1em ;
}

.path {
	font-family : "Courier New", Courier, monospace;
}


.syntaxe {
	border : 1px solid black ;
	padding : 1em ;
}

.syntaxe .parametre {
	color : red ;
	font-style : italic;
}


img {
	margin-bottom: 10px
}

/* --------------------------------------------------------------- */
/* Pied de page                                                    */
/* --------------------------------------------------------------- */

#footer {
	border-top : 1px dotted #ccc ; 
	padding-left : 10px ;	
}


#resources {
padding : 10px ;
border : 1px dotted #ccc ;
}

#links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding : 10px ; 
}

#links ul li {
	list-style : square;
}

#hiddenlinks {
	display:none ;
}