/*	Francophonies Main Stylesheet		*/

/*------------------------------------------------- GENERIC --------------------------------------------------*/
*	{padding: 0; margin: 0;}
img	{border: none;}
a	{text-decoration: none;}
a:hover	{text-decoration: underline;}

/*------------------------------------------------ /GENERIC -------------------------------------------------*/

/*------------------------------------------- ELEMENT PROPERTIES --------------------------------------------*/
.clear		{clear: both; font-size: 1px; line-height: 0;}
.right		{float: right;}
.left		{float: left; display: inline;}
.center		{text-align: center; display: table; margin-left: auto; margin-right: auto;}

/* bordure */
.no_border	{border: none;}

/* centrage txt*/
.txt-c	{text-align: center;}
.txt-l	{text-align: left;}
.txt-r	{text-align: right;}

/* alignement vertical */
.valign-t	{vertical-align: top;}
.valign-m	{vertical-align: middle;}
.valign-b	{vertical-align: bottom;}

.rel		{position: relative;}

/*------------------------------------------- /ELEMENT PROPERTIES --------------------------------------------*/

html, body	{height: 100%; border: 0; margin: 0; padding: 0; background: white url(/festival-francophone/images/bgpix.gif) repeat-y;}
hr		{display:block; border: 0; width: 719px; height: 5px; margin: 0; _margin: -7px 0; padding: 0; background: url(/festival-francophone/images/separateur.gif);}

/*-------------------------------------------------- ZONES ---------------------------------------------------*/

#nav_left		{display: table; height: 100%; float: left; padding: 0; background: #E6E4CB;}
#nav-left ul		{margin: 0; padding: 0; list-style-type: none;}
#nav_left ul li		{display: block; margin: 0; padding: 0; margin-bottom: -4px;}

#container		{display: inline; height: 100%; background: #FFFFFF; margin: 0; padding: 0;}

#nav_top			{display: block; height: 46px; margin: 0; padding: 0; background: url(/festival-francophone/nav/images/fond.gif) repeat;}
#nav-top ul		{margin: 0; padding: 0; list-style-type: none;}
#nav_top ul li		{display: inline; margin: 0px; padding: 0px; margin-right: -4px;}

#body_zone		{display: table; margin: 0; padding: 0; font-size: 14px; color: #000000;}
#body_zone p		{padding: 0 20px; width: 679px;}
#body_zone p.titre	{padding: 6px 0px 10px 20px; font-size: 24px; color: #0099FF;}
#body_zone table		{padding: 0 20px}

/* Pour les autres navigateurs qui intégrent min-height */
html>body #container	{min-height: 100%;} 
html>body #nav_left	{min-height: 100%;} 
html>body #body_zone 	{min-height: 100%;} 

/*-------------------------------------------------- /ZONES --------------------------------------------------*/

a, div, th, td, span, p, input, select
		{font-family: Georgia, Times New Roman, Times, serif}


A:link			{text-decoration: underline; color: #0099FF}
A:visited		{text-decoration: underline; color: #006699}
A:hover			{text-decoration: underline; color: #006699}

.courant			{color: #000000; font-size: 14px;}
.soustitre {color: #0099FF; font-size: 18px; }
.courantbold {font-weight: bold }
.intertitre {font-family: Verdana, Arial, sanserif; color: #000000; font-size: 13px; font-weight: bold; letter-spacing : 2px; font-variant : small-caps;}
.signature {font-family: Verdana, Arial, sanserif; letter-spacing : 2px; font-variant : small-caps;font-size: 12px;}
.infotech {font-family: Arial, Verdana, sanserif; color: #000000; font-size: 12px; color: #666666;}
.tabhist {font-family: Arial, Verdana, sanserif; color: #000000; font-size: 11px;}
.tabhistbold {font-family: Arial, Verdana, sanserif; color: #000000; font-size: 12px; font-weight: bold;}