/***********************************************************************************************************

* Website :		http://hkmovies.nimpor.fr/
* Filename :		screen.css
* Description :		css globale
* Version :		mai 2009
* Author : 		H. Kerbrat http://www.nimpor.com/

==STRUCTURE=============================================================

* Page width : 		100%
* Number of columns : 	2

__header			Header definition
__navigation		Global navigation
__content		Page information
__aside			Contextuel information

***********************************************************************************************************/


/**********************************************************************************************************	
reset css, tribute to eric meyer
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
***********************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body 			{line-height:1; position:relative;}
ol, ul 			{list-style:none;}
blockquote, q 		{quotes:none;}
/* remember to highlight inserts somehow! */
ins 			{text-decoration:none;}
del 			{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{border-collapse:collapse; border-spacing: 0;}


/**********************************************************************************************************	
Global defini	
***********************************************************************************************************/
.clear			{clear:both; font:0px/0px arial; height:0;}
body			{position:relative; margin:0 0 0 0; background:#fafafa; background:url(../gif/bambou.gif) 100% 100% no-repeat; color:#000; font:13px/18px "trebuchet ms";}

h1			{margin:0 0 10px; padding:0; font-size:18px; line-height:0;}
h2			{margin:0 0 15px 0; padding:5px 0 0 0; font-size:18px;}

h3			{margin:0 0 10px 0; padding:15px 0 0 0; font-size:16px;}
h4			{margin:0 0 5px 0; padding:15px 0 0 0; font-size:14px;}

.content p		{margin:0; padding:0 0 10px 0;}
.content ul		{padding:5px 0 10px 20px;}
.content ol		{padding:5px 0 10px 0; list-style-type:decimal;}
.content	ul li		{padding:0 0 5px 8px; background:url(../gif/puce_noire.gif) 2px 0 no-repeat; }
.content ol li		{margin:0 0 5px 15px;}
.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul		{margin:0 0 0 10px; padding:10px 0 0px 0;}

.content ul li ol li		{padding:0 0 5px 0; background:none; text-indent:0;}
.content ol li ul 		{margin:0;}
.content ul li ul li		{background:url(../gif/puce_verte.gif) 2px 0 no-repeat;}

.aside h2			{margin:0; padding:0 0 5px 0; font-size:15px;}
.aside h3			{margin:0 0 3px 0; padding:8px 0 0px 0;}
.aside p			{margin:0; padding:0 0 10px 0; padding:0 0 5px 0;}
.aside ul			{padding:5px 0 10px 0;}
.aside ol			{padding:5px 0 10px 0; list-style-type:decimal;}
.aside ul li		{padding:0 0 5px 15px; background:none; }
.aside ol li		{margin:0 0 5px 15px;}
.aside ul ul,
.aside ol ol,
.aside ul ol,
aside ol ul		{margin:0 0 0 10px; padding:10px 0 0px 0;}

.aside ul li ol li		{padding:0 0 5px 0; background:none; text-indent:0;}
.aside ol li ul 		{margin:0;}
.aside ul li ul li		{background:url(../gif/puce.gif) 2px 0 no-repeat;}

a			{text-decoration:none; color:#000;}

a:focus,
a:active,
a:hover,
a:focus,
a:active			{color:#000; text-decoration:underline;}

.input_submit		{cursor:pointer;}
.accessibilite_off     	{overflow:hidden; width:0; height:0;}

.skip_link			{padding:0; background:#a9a9a9; font-size:11px; text-align:right;}
.skip_link ul li		{display:inline; padding:0 10px 0 0;}
.skip_link ul li a		{color:#000; text-decoration:none;}
.skip_link ul li a:hover,
.skip_link ul li a:focus	{text-decoration:underline;}

.spip_out img		{margin:0 0 0 5px;}
.external_link img		{margin:0 0 0 5px;}


.content a		{text-decoration:underline;}

.content a:focus,
.content a:active,
.content a:hover,
.content a:focus,
.content a:active		{text-decoration:none;}

.aside a			{color:#000; text-decoration:underline;}
.aside a:hover,
.aside a:focus		{text-decoration:none;}
.clear			{clear:both; font:0px/0px arial; height:0;}

/****************************
___GENERAL
****************************/

.content 		{clear:both; position:relative; z-index:1;  float:left; margin-bottom:10px; width:70%; background:#fff; border:solid 1px #9efa9e; border-left:none;}
.aside 		{float: right; width: 25%; }

.cadreArrondi {background:transparent; margin:0 10px 20px;}
.cadreArrondi h1, 
.inset p {margin:0 10px;}
.cadreArrondi h1 {font-size:2em;  letter-spacing:1px;}
.cadreArrondi p {padding-bottom:0.5em;}

.cadreArrondi .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.cadreArrondi .b1, .cadreArrondi .b2, .cadreArrondi .b3, .cadreArrondi .b4, .cadreArrondi .b1b, .cadreArrondi .b2b, .cadreArrondi .b3b, .cadreArrondi .b4b {display:block; overflow:hidden;}
.cadreArrondi .b1, .cadreArrondi .b2, .cadreArrondi .b3, .cadreArrondi .b1b, .cadreArrondi .b2b, .cadreArrondi .b3b {height:1px;}
.cadreArrondi .b2 {background:#fff; border-left:1px solid #0033FF; border-right:1px solid #0033FF;}
.cadreArrondi .b3 {background:#fff; border-left:1px solid #666666; border-right:1px solid #666666;}
.cadreArrondi .b4 {background:#fff; border-left:1px solid #666666; border-right:1px solid #666666;}
.cadreArrondi .b4b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #666666;}
.cadreArrondi .b3b {background:#fff; border-left:1px solid #666666; border-right:1px solid #666666;}
.cadreArrondi .b2b {background:#fff; border-left:1px solid #666666; border-right:1px solid #666666;}

.cadreArrondi .b1 {margin:0 5px; background:#666666;}
.cadreArrondi .b2, .cadreArrondi .b2b {margin:0 3px; border-width:0 2px;}
.cadreArrondi .b3, .cadreArrondi .b3b {margin:0 2px;}
.cadreArrondi .b4, .cadreArrondi .b4b {height:2px; margin:0 1px;}
.cadreArrondi .b1b {margin:0 5px; background:#666666;}

.cadreArrondi .boxcontent {display:block; padding:0 10px; background:#fff; border-left:1px solid #666666; border-right:1px solid #666666;}
.cadreArrondi p{padding:0 1em 1em 1em}



/****************************
___HEADER
****************************/


.header			{position:relative; width:100%; padding:0 0 10px 0; margin-bottom:0px; }
.header .pub		{float:right; padding-top:20px;}
.header .baseline		{position:absolute; top:70px; left:80px; font-family:georgia; font-size:12px;}
.header .quick_link		{position:absolute; top:2px; right:5px; font-size:11px;}
.header .quick_link ul li	{display:inline; padding:0 5px;}
.header h1		{padding:10px 0;}
.header .menu 		{ background:#9efa9e url(../gif/checked_bg.gif) 0 100% repeat-x;}
* html .header .menu 	{height:1%;}
*+html .header .menu 	{overflow:auto;}
.header .menu ul li		{float:left; padding:0; list-style:none;}
.header .menu ul li a,
.header .menu ul li strong	{display:block; padding:5px 25px 17px 10px; }
.header .menu ul li strong,
.header .menu ul li a:hover,
.header .menu ul li a:focus	{background:url(../gif/checked.gif) 100% 100% no-repeat; text-decoration:none;}
.header .breadcrumb 		{padding:5px;}
.header .breadcrumb ul li		{display:inline; padding:0 0px 0 25px; background:url(../gif/checked_little.gif) 0 0 no-repeat; font-size:11px; font-family:arial;}
.header .breadcrumb ul li.first	{padding:0 0px 0 5px; background:none;}


/****************************
___CONTENT
****************************/
.content_int		{padding:5px 20px;}
.content h2,
.content h3,
.content h4		{font-family:georgia; font-weight:normal;}

.content .blink_link		{}
.content .blink_link ul	{margin:0; padding:0;}
.content .blink_link	ul li	{float:left; margin:0; padding:10px 0 0; width:25%; text-align:center;}

.content .item_bio		{float:left; width:33%;}

.content .alpha 		{margin:0; padding:0 0 10px; text-align:center;}
.content .alpha li		{display:inline; margin:0; padding:0 15px 0 0;}



/****************************
___ASIDE
****************************/
.aside h2,
.aside h3,
.aside h4		{font-family:georgia; font-weight:normal;}

/****************************
___FOOTER
****************************/
.footer		{clear:both; margin-top:10px; padding:5px; background:#9efa9e; border-top:1px solid #000;}
.footer p,
.footer ul,
.footer li		{display:inline;}
.footer li		{padding:0 10px 0 5px;}