@charset "UTF-8";
/* CSS Document */
/* Structure ------------------------------ */
*						{margin:0;padding:0;}
html					{min-width:745px;}
body					{background:white url(bk.gif) 0 0 repeat-x;text-align:center;}

#pageheadcontainer, 
#contentcontainer, 
#footcontainer			{width:100%;}

#pageheadcontainer		{background: url(bk_maolya.jpg) top left no-repeat;}
#contentcontainer		{float:left;}
#footcontainer			{clear:both;background:#EEF8FA url(bkfoot.gif) repeat-x}

#pagehead				{width:100%;}

#content, #foot			{margin:0 auto;position:relative;text-align:left}
#content				{width:770px}
#pagehead				{height:206px;}
#foot					{width:530px;padding:2px 0 40px 213px}


#langue					{text-align:right; padding:62px 15px 10px 0;height:15px}
#malvoyants				{text-align:left; padding:0 0 0 236px;height:25px;width:250px;float:left;clear:both}
#navbase				{text-align:right; float:right;padding-right:15px;height:25px;clear:right;width:200px}
#menu1					{text-align:center;width:100%;clear:both;margin-top:40px}

#cibles, .actus			{margin:0 auto;position:relative;width:655px;clear:both}
#cible1,
#cible2,
#cible3			{margin:0 5px 0 5px;width:205px;float:right;clear:left;display:inline;background: url(bkvertpale.gif) 0 29px repeat-x;}
.news			{margin:0 5px 0 5px;width:100%;float:left;clear:left;display:inline}
#chu			{margin:0 5px 0 5px;width:205px;float:right;clear:right;display:inline;text-align:center}



/* 2 colonnes */
#principal{ width:550px;float:right;padding:0;margin:0}
/* Fix double margin bug in IE on floats using display:inline */
#col1{ display:inline;width:200px;float:left;padding:0 10px 0 0;margin:0;color:#615F4E;}


/* Styles ------------------------------ */
/* Généralités */
body			{font:normal 11px verdana, Arial, Helvetica, sans-serif;color:#333;line-height:1.5em}
a				{text-decoration:none;color:#00718f}
a:hover			{text-decoration:underline;color:#27A3C4}
h1				{color:#9BBB07;font:3em trebuchet MS, tahoma, Helvetica, sans-serif;}
h2				{color:#00718f;font:1.8em trebuchet MS, tahoma, Helvetica, sans-serif;padding-left:30px;background:url(bkh2.gif) 0 3px no-repeat;
				border-bottom:1px solid #cdeaf1;margin:15px 0 10px 0}
#principal p	{text-align:justify;margin-bottom:15px}
h3				{margin-bottom:5px}
em				{font-weight:bold}
#principal .center, #contentcontainer .center	{text-align:center}

#principal .right	{text-align:right}
#foot			{line-height:2em}


/* Spécifiques */
.access			{display:none}
.intro, h3		{ font-size:1.2em; color:#9BBB07; }
.intro		{ color:#89A504; }
#langue, #navbase, .sm	{font-size:0.9em;font-weight:bold}
#malvoyants		{font-size:1.5em;}
#top			{margin-top:25px;text-align:right}
#principal ul, .actus ul, #cibles ul
				{list-style-image:url(pucebleue.gif)}
#principal ol	{list-style-type: decimal-leading-zero;margin-left:25px}
#principal li	{margin-left:18px;padding:2px 0}
#principal ul	{margin-bottom:10px}
#cibles			{text-align:left}
#cibles	ul		{margin-left:13px}
#principal p.illustr		{border-top:1px solid #cdeaf1;border-bottom:1px solid #cdeaf1;width:100%;text-align:right}

/* menu 1 */
#menu1 li		{display:inline;padding:16px;font:bold 1.2em Arial, Helvetica, verdana, sans-serif;}
#menu1 a:hover, #menu2 a:hover, h2  a:hover	{text-decoration:none;}

/* menu 2 */
.menu2 li		{width:185px;border-right:8px solid #DFEFA7;padding:6px 0;text-align:left;background:url(bkmenu2.gif) 0 0 repeat-y;
				margin:2px 2px 2px 2px ;list-style-image:url(pucemenu2.gif);font-size:.95em}
.menu2 ul		{padding-left:20px}
.raccourcis li	{padding:0;margin:0;text-align:left;list-style-image:url(shortcut.gif)}  
.raccourcis  ul	{padding-left:20px}

.big			{font-size:1.5em}



/* Accueil */
#home			{background:white url(hbk.gif) 0 0 repeat-x}
#home #pageheadcontainer	{background: url(bkh_maolya.jpg) top left no-repeat}
#home #pagehead	{height:250px}
#home #langue	{padding:16px 15px 0 0;height:15px}
#home #menu1	{padding-top:0px}
#home #malvoyants	{padding:0 0 0 15px}
#hintro			{background: #cdeaf1 url(hbkintro.gif) top left no-repeat}
#hintro	p		{width:500px;padding:15px 0 15px 70px;text-align:left;font:bold 1.2em Arial, Helvetica, verdana, sans-serif;}
#home #menu1	{text-align:left;width:670px;clear:both;margin-top:40px;padding-left:140px}
#home h2		{color:#00718f;font:1.2em trebuchet MS, tahoma, Helvetica, sans-serif;padding:5px 0 0 30px;background:url(puceverte.gif) left  no-repeat;
				border-bottom:1px solid #cdeaf1;margin:0;border-top:5px solid #cdeaf1;text-align:left;height:19px}
#cibles p, .actus{padding:7px;text-align:left}

.actus li		{margin-left:27px}
.break			{clear:both}

/* tableau (organigramme...) */
#principal .tablo td, #principal .tablo p
				{ text-align:center; vertical-align: top; }
.tablo td 		{padding:12px 3px 0 3px }
.fond2			{background: url(bkbleu.gif) top repeat-x}
.fond2 h3		{color:#00718f;font-weight:normal;margin-top:-3px;padding-bottom:5px}

#principal .margin0		{margin:0px;padding:0}
#principal table	{line-height:1.2em;margin-bottom:15px}
#principal table td { valign:middle; vertical-align: middle; height:2em}
.fondgris		{ background:#F4F4F4; }
th				{text-align:center;padding-bottom:5px}
Table, th		{border-bottom:solid 1px #ccc;}
Table table		{border-bottom:0;padding-bottom:0;margin-bottom:0}
/* menus déroulants */
#dropmenudiv			{margin-top:5px;position:absolute;background: #F4FDFF;line-height:18px;z-index:100;border:#CCE9EF 1px solid;padding-right:5px;text-align:left}
#dropmenudiv a			{font:11px Verdana, tahoma, Helvetica, sans-serif;line-height:2em;width: 100%;display: list-item;
						text-indent: 6px;list-style-type: none}
#dropmenudiv a:hover	{ background-color: #fff;border-right:#D2EBF2 7px solid;text-decoration: none}

#principal table td.top {valign:top; vertical-align:top;margin:0;padding:0 10px 0 0}
#principal table td p.margintop	{text-align:center;margin:8px 0 0 0;padding:5px;width:100%;text-align:center}
#coul1	{background: #A9C927}
#coul2	{background: #DED535}
#coul3	{background: #F0BA3A}
#coul4	{background: #E9943A}
#coul5	{background: #C64023}