/* Version pour Site complet */

/* ----------------------------*/
/* PAGE ELEMENTS */
/* --------------------*/
.container
{
//	background:url(/* ...URL image... */);
	margin:50 auto;
	width:980px;
}


#container
{
	position: relative;
//	background-color: 	rgb(153, 0, 0); 
}

#container niveau2
{
	background-color: 	rgb(153, 0, 0); 
	color: rgb(204, 153, 51);	
//	width:980px;
}

#centre_page
{
	width:	100%;
	position: relative;
	min-width: 620px;
}



/* ---------------------------*/
/* HEADER */
/* ---------------*/

#header
{
	border: 2px solid #FFCC66;
	border-bottom-width: 0px;
	border-top-width: 2px;
	height:250px;
}

#header, topbar span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align: center;
}

#header_niv2
{
//	border: 2px solid #FFCC66;
	border-bottom-width: 0px;
	border-top-width: 2px;
	height:200px;
}




/* ---------------------------*/
/* LOGO */
/* ---------------*/
#logo{
/*	background:url(/*… your logo …*/);*/
//	border: 0px solid #FFCC66;
	border-bottom-width: 0px;
	border-top-width: 0px;
	height:60px;
}


/* ---------------------------*/
/* NAVIGATION HORIZONTALE    */
/* -------------------------*/

#navbar{
	border: 	2px solid black;
	border-bottom-width: 	2px;
	border-top-width: 	2px;
	height:		auto;
	padding:	0px;
	width:	100%;
}


#navbar ul{ 
	display:	inline;
//	float:	left;
	list-style-type:	none;
	margin-left:	16px; 
	margin-right:	16px; 
	padding:	0px;
}

#navbar li
{
//	border: 	1px solid black;
	display:	block;
	float:	left;
	margin: 0px;
	margin-left:	5px; 
	margin-right:	5px; 
	spacing-left:	5px;
	spacing-right:	5px;
	text-align:	center;
}

#navbar li a
{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight:	bold;
	text-align:	center;
	text-decoration:	none; 
}



/* ------------------------------------*/
/* MENU  NAVIGATION VERTICALE NIVEAU 2*/
/* ----------------------------------*/


#vert_menu2
{
	border-style: solid;
	border-width: 2px; 
	display:	block;
	float:		left;
//	font-size:	20px;
	margin:		2px;
	padding:	3px;
	text-align:	center;
	width:	200px;
}


#vert_menu2 ul
{ 
	display:	block;
	list-style-type:	none;
	margin: 	0px;
	padding:	2px; 
	width:	194px;
}



#vert_menu2 li 
{	border-style:solid;
	border-width: 1px;
	display:	block;
	height:	30px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding:	2px; 
	width:	192px;
}


#vert_menu2 li a
{
	font-weight:	bold;
	list-style-type:	none;
	text-decoration:	none; 
}



/* ------------------------------------*/
/* MENU  NAVIGATION VERTICALE NIVEAU 3*/
/* ----------------------------------*/

#col_gauche
{
	display:	block;
	font-family:	Arial, Helvetica, sans-serif;
	float:	left;
	width:	200px;
}

#vert_menu
{
	border-style: solid;
	border-width: 2px; 
	display:	block;
	float:	left;
	margin:		2px;
	padding:	3px;
	text-align:	center;
	width:	180px;
}


#vert_menu h1
{
	display:	block;
	font-size:	20px;
	font-weight:	bold;
	text-align:	center;
}

#vert_menu a.niveau2
{
	border-style:	solid;
	border-width: 	1px;
	list-style-type:	none;
	margin-top:	3px;	
	margin-bottom:	1px;	
	margin-left:	1px;
	margin-right:	1px;
	text-decoration:	none; 
}

#vert_menu h2.niveau2, #vert_menu a.niveau2
{
	display:	block;
	font-weight:	bold;
	text-align:	center;
}

#liens_menu
{ 
	border-style:solid;
	border-width: 1px;
}

#liens_menu ul
{ 
	display:	block;
	list-style-type:	none;
	margin: 	0px;
	padding:	2px; 
	width:	170px;
}


#liens_menu li 
{	border-style:solid;
	border-width: 1px;
	display:	block;
	height:	auto;
	margin-bottom: 1px;
	margin-top: 1px;
	padding:	2px; 
	width:	168px;
}

#liens_menu a.niveau3
{
	font-weight:	bold;
	list-style-type:	none;
	text-decoration:	none; 
}


/* ---------------*/
/* LIENS SECTION */
/* -------------*/


#liens_section ul, #liens_section li
{ 
	display:	block;
	float:	left;
	list-style-type:	none;
	margin-bottom: 3px;
	margin-top: 3px;
	padding:	3px; 
}

#liens_section ul
{
	border-style:	solid;
	border-width: 0px;
	margin-left: 4px;
	margin-right: 2px;
	width: 	180px;
}

#liens_section li
{
	border-style:	solid;
	border-width: 2px;
//	font-size:	12px;
	font-family:	Arial, Helvetica, sans-serif;
	text-align:	center; 
	width: 173px;
}

#liens_section li a
{
	display:	block;
	text-decoration:	none; 
}


/* ------------*/
/* MAIN       */
/* ----------*/

#main {
	min-width: 220px;
	margin-left: 200px;
	margin-right: 200px;
}

#main1{
	border: 1px solid gray;
	float:	left;
	margin: 0px;
//	overflow: scroll;
	padding: 0px;
	width:	750px;
}

#main_niv2{
//	border: 2px solid gray;
//	float:	left;
//	margin: 4px;
	margin-left: 200px;
	min-width: 220px;
//	overflow: scroll;
	padding:	20px;
	width:	75%;
}

#main_2{
	border: 2px solid gray;
	float:	left;
	margin-left: 20px;
	margin-right: 10px;
	overflow: scroll;
	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	20px;
	padding-right:	20px;
	min-width: 220px;
//	width:	360px;
}


#main.h1{
	text-align:	center
}


/* ------------*/
/* M1_CARTE       */
/* ----------*/

#m1_carte{
	border: 2px solid gray;
	float:	left;
	margin-left: 10px;
	margin-right:10px;
	overflow: scroll;
	padding:	2px;
	width:	750px;
}


/* ------------*/
/* M2_CARTE       */
/* ----------*/

#m2_carte{
	border: 0px solid gray;
	float:	left;
	margin: 0px;
	padding:2px;
	width:	300px;
}

/* ------------*/
/* S2_CARTE       */
/* ----------*/

#s2_carte{
	border: 2px solid gray;
	float:	left;
	margin-left: 50px;
	margin-right: 50px;
	padding:0px;
	width:	70px;
}



/* -----------------------*/
/* "COMPLEMENTS POUR LA PAGE" A DROITE (colonne de droite)     */
/* ---------------------*/

#col_droite
{
	border-style:solid;
	border-width: 0px;
	display:	block;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding:	5px;
	width: 	190px;
	vertical-align: top;
}

#col_droite h1, #col_droite h2, #col_droite h3
{
	border:	1px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight:	bold;
	height:25px;
}

/* ---------------*/
/* LIENS PAGE    */
/* -------------*/

#liens_page ul, #liens_page li
{ 
	display:	block;
	float:	left;
	list-style-type:	none;
	margin-bottom: 3px;
	margin-top: 3px;
	padding:	3px;
	text-align:	center; 
}

#liens_page ul
{
	border-style:solid;
	border-width: 0px;
	margin-left: 2px;
	margin-right: 2px;
	width: 	180px;
}

#liens_page li
{
	border-style:solid;
	border-width: 2px;
	font-size:	12px;
	font-family:	Arial, Helvetica, sans-serif;
	text-align:	center; 
	width: 173px;
}

#liens_page li a{
	display:	block;
	text-decoration:	none; 
}

  /* -----------------------*/
 /* SPACER PAGE STRUCTURE  */
/*----------------------- */
#spacer{
	clear:both; 
	display:block;
	font-size:11px;
 	height:10px;
	padding:10px 0;
	width:auto; 
}


/* ---------------------------*/
/* FOOTER */
/* ---------------------*/
#footer{
	border: 1px;
	clear:	both;
	font-size:	14px;
	text-align:	center;
	vert-align:	middle;
	width: 100%;
}


/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------*/

	body, form, input 
{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
}
	h1{font-size:22px; text-align: center;line-height:150%}
	h2{font-size:18px; text-align: center;line-height:150%}
	h3{font-size:16px; text-align: left;line-height:150%}
	h4{font-size:14px; text-align: left;line-height:150%}


	h2.niveau2 {font-size:16px}
	a.niveau2 {font-size:14px}
	a.niveau3 {font-size:14px}

	a.niveau2:link, a.niveau2:visited,
	a.niveau2:hover, a.niveau2:active,
	a.niveau3:link, a.niveau3:visited,
	a.niveau3:hover, a.niveau3:active
{		
	text-decoration:	none;
	list-style-type:	none;
}



/* -------------------------------- */
/* STANDARD HTML TAG RESET */
/* ------------------- */
body, h1, h2, h3,h4, p, ul, li,	form {
		border:	1px;
		margin:	0px;
		padding:	0px;
	}


p{		font-size:	14px;
		font-family:	Tahoma;
		font-stretch:	semi-expanded;
		font-style:	normal;
		font-weight:	normal;
		text-align:	justify; 
	}

.quote{		color:	blue;
		font-size:	14px;
		font-family:	Tahoma;
		font-stretch:	semi-condensed;
		font-style:	normal;
		font-weight:	normal;
		text-align:	justify; 
}


.opus{		font-size:	14px;
		font-family:	Tahoma;
		font-stretch:	semi-expanded;
		font-style:	italic;
		font-weight:	normal;
		text-align:	justify; 
}

.pinyin{	color:	blue;
		font-size:	14px;
		font-family:	Tahoma;
		font-stretch:	normal;
		font-style:	normal;
		font-weight:	normal;
		text-align:	justify;
		text-decoration:	underline; 
}

.japonais{	color:	green;
		font-size:	14px;
		font-family:	Tahoma;
		font-stretch:	normal;
		font-style:	normal;
		font-weight:	normal;
		text-align:	justify;
		text-decoration:	underline; 
}

p.comment{	font-size:	10px;
		font-family:	Tahoma;
		font-stretch:	semi-expanded;
		font-style:	normal;
		font-weight:	normal;
		text-align:	justify; 
}