/* initialisation --------------------------------------------------------------------*/
*						{margin: 0; padding: 0;border: 0;}
*						{font-family: "Arial Narrow", sans-serif; font-size: 13px; font-weight: normal; font-style: normal; text-align: center; line-height: 25px;}		
*, a					{color: #444;}
a						{text-decoration: none;}
a:hover					{background-color: #FE9;}
html, body				{background-image: url(fond_body.png);}
div, p, ul, li, h1, h2, h3, a, tr, td, input, textarea
						{text-align: justify;}
em						{font-style: italic;}
strong					{font-weight: bold;}
img						{font-size: 11px; font-style: italic; text-decoration: underline;}						
/* positions -------------------------------------------------------------------------*/
#corps					{margin: 0px auto; width: 900px;}
#tete					{height: 110px; margin: 5px 0px 0px 0px; background-image: url(fond_tete.jpg);}
#buste					{height: 896px; margin: 5px 0px 25px 0px; background-image: url(fond_buste.png);}
#menu					{width: 200px; height: 830px;}
#p00, #p10, #p20, #p30, #p40, #p50, #p60, #p70, #p80
						{float: right; width: 680px; height: 850px; margin: 0px 10px;}
/* tete -------------------------------------------------------------------------*/
#tete h1				{font-size: 32px; font-family: "Arial Black", sans-serif; font-style: italic;}
#tete h1.ligne1			{padding: 10px 0px 20px 50px;}
#tete h1.ligne2			{padding: 0px 0px 10px 175px;}
/* menu -------------------------------------------------------------------------*/
#menu img.drapeau		{margin: 0px 0px 0px 10px;}
#menu ul				{margin: 30px 0px; list-style: none;}
#menu li a				{display: block; height: 30px; padding: 5px 10px 0px 0px; text-align: right; font-weight: bold;}
li.select_mnu			{background-color: #FC6;}
li.select_mnu a			{color: #F60;}
li.select_mnu a:hover	{background-color: #FC6;}
/* pied -------------------------------------------------------------------------*/
#pied p.w3c img			{width: 60px; height: 21px;}
#pied p#concept			{float: right; width: 100px; text-align: right;}
#pied p, #pied p a		{font-size: 11px;}
#pied p					{padding: 0px 10px;}
/* pages -------------------------------------------------------------------------*/
#p00 div.img_gauche		{float: left; width: 450px;}
#p00 div.titre			{margin: 150px 0px 25px 0px;}
#p00 h2					{font-size: 28px; font-style: italic; font-weight: bold; padding: 0px 0px 25px 0px;}
#p00 div.loc			{margin: 15px 0px 15px 75px;}
#p00 h3, #p00 h3 a		{font-size: 16px; font-weight: bold;}
#p00 div.img_droite		{float: right; width: 370px; margin: 45px 0px 0px 0px;}
#p00 div.img_droite img	{margin: 0px 0px 0px 10px;}
#p00 div.txt			{margin: 15px 0px 25px 0px; padding: 10px;}
#p00 p.logo				{margin: 5px 0px 0px 75px;}
#p00 p.logo span 		{position: relative; top:-20px; left: 15px;}
#p00 p.logo a.unesco 	{float: right; width: 133px; margin: 0px 100px 0px 0px;}
/* --------------------*/
#p10 div.cadre			{padding: 25px;}
#p10 div.img_gauche		{float: left; width: 200px; margin: 0px 25px 0px 0px;}
#p10 div.titre			{margin: 50px 0px;}
#p10 h2					{font-size: 24px; font-style: italic; font-weight: bold;}
#p10 div.img_droite		{float: right; width: 200px; margin: 0px 0px 0px 25px;}
#p10 p					{line-height: 30px; padding: 10px 0px 0px 0px;}
#p10 div.inter			{padding: 25px 0px;}
/* --------------------*/
#p20 div.cadre			{padding: 25px;}
#p20 div.img1_gauche	{float: left; width: 300px; margin: 0px 25px 0px 0px;}
#p20 div.img2_gauche	{float: left; width: 200px; margin: 0px 25px 0px 0px;}
#p20 div.titre			{margin: 30px 0px;}
#p20 h2					{font-size: 24px; font-style: italic; font-weight: bold;}
#p20 div.img_droite		{float: right; width: 200px; margin: 0px 0px 0px 25px;}
#p20 p					{line-height: 30px; padding: 10px 0px 0px 0px;}
#p20 div.inter			{padding: 25px 0px;}
/* --------------------*/
#p30 div.cadre			{padding: 25px;}
#p30 div.img1_gauche	{float: left; width: 300px; margin: 0px 20px 0px 0px;}
#p30 div.img2_gauche	{float: left; width: 200px; margin: 10px 20px 0px 0px;}
#p30 div.titre			{margin: 10px 0px 0px 0px;}
#p30 h2					{font-size: 24px; font-style: italic; font-weight: bold;}
#p30 div.img_droite		{float: right; width: 200px; margin: 10px 0px 0px 20px;}
#p30 p					{line-height: 25px; padding: 10px 0px 0px 0px;}
/* --------------------*/
#p40 div.cadre			{padding: 25px;}
#p40 div.img1_gauche	{float: left; width: 300px; margin: 0px 25px 0px 0px;}
#p40 div.titre			{margin: 50px 0px;}
#p40 h2					{font-size: 24px; font-style: italic; font-weight: bold;}
#p40 div.img_droite		{float: right; width: 200px; margin: 0px 0px 0px 25px;}
#p40 p					{line-height: 30px; padding: 10px 0px 0px 0px;}
#p40 div.inter			{padding: 25px 0px;}
/* --------------------*/
#p50 div.cadre			{padding: 10px;}
#p50 div.img1_gauche	{float: left; width: 190px; margin: 0px 00px 20px 0px;}
#p50 div.titre			{margin: 15px 0px;}
#p50 h2					{font-size: 24px; font-style: italic; font-weight: bold;}
#p50 div.ext_menu ul	{list-style-type: none; margin: 0px 0px 0px 13px;}
#p50 div.ext_menu li	{float: left; width: 75px; height: 32px; margin: 0px 2px;}
#p50 div.ext_menu li a	{display: block; height: 100%; font-size: 10px; line-height: 15px; text-align: center; background-color: #DDB; border: 1px outset #CCC;}
#p50 div.ext_menu li a:hover			{background-color: #DDB; cursor: pointer; border: 1px inset #CCC;}
#p50 div.ext_menu li.select_mnu a		{color: #F60; background-color: #FE9;}
#p50 div.ext_menu li.select_mnu a:hover	{background-color: #FE9;}
#p50 div#ext_lien			{height: 450px; overflow: auto; margin: 50px 0px 0px 0px; padding: 10px; background-color: #DDC; border: 1px outset #666;}
#p50 div#ext_lien ul		{list-style-type: none; margin: 0px 0px 0px 50px;}
#p50 div#ext_lien li		{margin: 15px 0px 5px 0px;}
#p50 div#ext_lien li .txt	{position: relative; top: -20px; left: 15px;}
#p50 div#ext_lien ul.p52 li, #p50 div#ext_lien ul.p55 li, #p50 div#ext_lien ul.p56 li
						{margin: 3px 0px 0px 0px;}
/* --------------------*/
#p60 div.cadre			{padding: 25px;}
#p60 div.img1_gauche	{float: left; width: 100px; margin: 0px 25px 25px 0px;}
#p60 div.titre			{margin: 15px 0px 20px 0px;}
#p60 h2					{font-size: 24px; font-style: italic; font-weight: bold;}
#p60 h3					{font-size: 16px; font-weight: bold;}
#p60 ul					{margin: 0px 0px 0px 145px;}
#p60 div.img_droite		{float: right; width: 200px; margin: 10px 0px 0px 25px;}
#p60 div.img_droite img	{width: 200px;}
#p60 p					{line-height: 25px;}
#p60 div.photos			{margin: 25px 0px 0px 0px;}
#p60 div.photos img		{margin: 10px 0px 25px 0px;}
/* --------------------*/
#p70 div.cadre			{padding: 25px;}
#p70 div.img1_gauche	{float: left; width: 400px; margin: 0px 25px 0px 0px;}
#p70 div.titre			{margin: 100px 0px 40px 0px;}
#p70 h2					{font-size: 24px; font-style: italic; font-weight: bold;}
#p70 h3, #p70 h3 a		{font-size: 16px; font-weight: bold;}
#p70 div.img_droite		{float: right; width: 300px; margin: 40px 0px 0px 25px;}
#p70 p					{line-height: 30px; padding: 10px 0px 0px 0px;}
/* --------------------*/
#p80 div.cadre			{padding: 20px;}
#p80 h2					{font-size: 24px; font-style: italic; font-weight: bold; padding: 0px 0px 10px 0px;}
#p80 form				{background-color: #CCC;}
#p80 div.img_droite		{float: right; width: 125px; margin: 25px 0px 0px 25px;}
#p80 table.ident		{padding: 25px 0px 10px 0px;}
#p80 td					{padding: 5px;}
#p80 table.ident td.cel_gauche			{width: 100px; text-align: right;}
#p80 table.choix td.cel_gauche			{width: 200px; text-align: right;}
#p80 table.choix td.cel_gauche input	{position: relative; top: 5px; left: 6px;}
#p80 table.choix td.cel_droite			{padding: 5px 5px 5px 75px;}
#p80 table.choix td.cel_tt				{padding: 5px; text-align: center;}
#p80 table.choix td.cel_droite_tt		{padding: 5px 5px 5px 75px; text-align: center;}
#p80 table.choix td.cel_droite_tt select{margin: 0px 5px 0px 0px;}
#p80 input				{height: 20px; padding: 0px 0px 0px 5px;}
#p80 input.form_ident	{width: 300px;}
#p80 input.form_cp		{width: 100px;}
#p80 select.nb_p		{width: 50px;text-align: center;}
#p80 select.jour		{width: 50px;text-align: center;}
#p80 select.mois		{width: 100px;text-align: center;}
#p80 select.an			{width: 60px;text-align: center;}
#p80 textarea			{width: 500px; height: 100px; margin: 5px 0px 5px 0px;  padding: 5px;}
#p80 .form_envoi		{width: 120px; height: 30px; margin: 5px 25px 25px 25px; background-color: #FE9; border: 1px outset #CCC;}
#p80 .form_envoi:hover	{background: #FC6; cursor: pointer; border: 1px inset #CCC;}
#p80 option, #p80 .form_pied, #p80 .form_pied p, #p80 .form_envoi
						{text-align: center;}