/**
 * Feuille de style
 * @package Metz Judo
 * @copyright 2009 bt-c enter - Tous droits réservés
 * @version 1.0 of 01/08/2009 
 * @since 1.0 of 01/08/2009 : création
 */

html {font-size: 100%}
body {margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.7em; background: white;}

/*
 * Positionnement des colonnes
 * 0 - 115 */ /* 140 - 560*/ /* 585 -  850
 */

/*
div#contenu			{width: 415px; float: right; padding: 0 0 0 5px; margin : 0px 25px 0px 25px;
								background-image: url('/img/bleu.gif'); background-position: top left; background-repeat: no-repeat;}
*/
div#bandeau   	{width: 100%;  margin: auto;}
div#cadrecentre	{width: 850px; margin-left: auto; margin-right: auto; margin-top: 5px;}
div#cadregauche	{width: 585px; float: left; margin: 0; padding: 0;}
div#contenu			{width: 415px; float: right; padding: 0; margin : 0 25px 0 25px;}
div#contenuhaut {width: 100%; padding: 0 0 0 5px; margin: -10px 0 0 0;
								background-image: url('/img/bleu.gif'); background-position: top left; background-repeat: no-repeat;
								}
div#contenubas {width: 100%; padding: 0 0 0 5px; margin: 0;
								background-image: url('/img/noir.gif'); background-position: top left; background-repeat: no-repeat;
								}
div#gauche			{width: 110px; float: left; padding: 0 0 0 5px;
								background-image: url('/img/vert.gif'); background-position: top left; background-repeat: no-repeat;}
div#droite			{width: 260px; float: left; padding: 0 0 0 5px;
	 							background-image: url('/img/marron.gif'); background-position: top left; background-repeat: no-repeat;}
div#piedpage		{width: 100%;  clear:left; font-size: 1em; text-align: center;}


/*
 * Eléments généraux
 */
span.suite								{color: #AC885A;}
a.nav											{color: #030303; text-decoration: none; font-size: 1.02em;}
a:hover.nav								{color: #FFB109; text-decoration: none; font-size: 1.02em;}
a													{color: #030303; text-decoration: none; font-size: 1.02em;}
a:hover										{color: #FFB109; text-decoration: none; font-size: 1.02em;}

/*
 * Bandeau
 */
div#bandeau hr#un				{color: #FFC004; background-color: #FFC004; height: 3px; border: 0; margin: 0px 0px 2px 0px;}
div#bandeau hr#deux			{color: #FF9F09; background-color: #FF9F09; height: 3px; border: 0; margin: 0;}
div#bandeau td.menu				{border-color: #CAC2BF; border-style: solid; border-width: 1px;
 												 	padding: 0; text-align: center; width: 110px; height: 17px;}
div#bandeau td.menuinv		{border-color: #FFB109; border-style: solid; border-width: 1px;
												 	background-color: #FFB109; width: 110px; color: white; font-weight: bold;
 												 	padding: 0; text-align: center; height: 17px;}
div#bandeau td.menusep		{border-color: white; border-style: none; border-width: 0px;
 												 	margin: 10px 0 0 0; width: 5px; height: 17px;}
div#bandeau img#ref				{display: none;}										
div#bandeau a.navinv			{color: #FFFFFF; text-decoration: none;}
div#bandeau a:hover.navinv{color: #030303; text-decoration: none;}

/* 
 * Pied de page
 */
div#piedpage hr			 	{color: #000000; background-color: #000000; height: 2px; border: 0; margin: 10px 0 0 0;}
div#piedpage a  			{color: #030303; text-decoration: none;}
div#piedpage a:hover	{color: #FFC20E; text-decoration: none;}


/*
 * Colonne de gauche
 */
div#gauche h1 					{padding: 0; margin: 0; font-size: 1.4em; color: #FFB109;}
div#gauche h1.orange 		{font-size: 1.3em; color: #FFB109; padding: 0; margin: 10px 0 0 0;}
div#gauche a.nav				{color: #030303; text-decoration: none; font-size: 1em;}
div#gauche a:hover.nav	{color: #FFB109; text-decoration: none; font-size: 1em;}
div#gauche a.navgauche	{color: #030303; text-decoration: none; font-size: 1em;}
div#gauche a:hover.navgauche	{color: #FFB109; text-decoration: none; font-size: 1em;}
div#gauche hr.bas				{color: #FFC004; background-color: #FFC004; height: 1px; border: 0; margin: 20px 0 0 0;}
div#gauche p.sstitre		{color: #FFB109; margin : 0 0 0 0}
div#gauche .inv					{color: #D85100; font-size: 1em;}
div#gauche ul.menu				{margin: 0; padding: 0}
div#gauche li.menu				{margin: 0; padding: 0; list-style-type: none; list-style-position: outside;}


/* 
 * Colonne de contenu
 */
div#contenu .grostitre				{font-size: 2.8em; font-weight: bold; color: #898065; margin: 0px 0 0 0; }
div#contenu h1 								{font-size: 1.4em; padding: 0; margin: 20px 0 0 0;}
div#contenu h1.orange 				{font-size: 1.5em; color: #FFB109; padding: 0; margin: 10px 0 0 0;}
div#contenu h1.marron 				{font-size: 1.3em; color: #844200; padding: 0; margin: 10px 0 0 0;}
div#contenu h3 							 	{font-size: 1.0em; color: #9C9C9C; padding: 0; margin: 0px 0 0 0; font-weight:normal}
div#contenu h3.dateindex		 	{font-size: 1.0em; color: #9C9C9C; padding: 0; margin: 0px 0 0 0; font-weight:normal}
div#contenu h3.date					 	{font-size: 1.0em; color: #9C9C9C; padding: 0; margin: 5px 0 0 0; font-weight:normal}
div#contenu legend						{font-size: 1.2em; color: #844200; padding: 0; margin: 10px 0 0 0; font-weight:bold;}


div#contenuhaut h1.orange 		{font-size: 1.3em; color: #FFB109; padding: 10px 0 0 0; margin: 10px 0 0 0;}
div#contenubas h1.orange 			{font-size: 1.3em; color: #FFB109; padding: 10px 0 0 0; margin: 10px 0 0 0;}


div#contenu h1.titre					{font-size: 2.2em; padding: 0; margin: 0px 0 0 0;}
div#contenu a.h1							{color: black; text-decoration: none;}
div#contenu a:hover.h1				{color: #FFB109; text-decoration: none;}
div#contenu h2								{font-size: 1.05em; padding: 0; margin: 5px 0 0 0; font-weight: bold; text-align: justify; }
div#contenu h2.nobold					{padding: 0; margin: 10px 0 0 0; font-weight: normal; text-align: justify;}
div#contenu p.date						{font-size: 1em; padding: 0; margin: 0px 0 0 0; color: #B5AAA7;}
div#contenu p.texte						{font-size: 1.05em; padding: 0; margin: 10px 0 0 0; font-weight: normal; text-align: justify;}
div#contenu p									{font-size: 1.05em; padding: 0; margin: 10px 0 0 0; font-weight: normal; text-align: justify;}
div#contenu td								{font-size: 1.05em; padding: 0; margin: 10px 0 0 0; font-weight: normal;}
div#contenu p.statusoffre			{font-size: 1.4em; padding: 0; margin: 0px 0 0 0; font-weight: bold; text-align: justify; color:red;}
div#contenu a									{color: #D85100; text-decoration: none;}
div#contenu a:hover						{color: #FFB109; text-decoration: none;}
div#contenu a.texte						{color: black; text-decoration: none;}
div#contenu a:hover.texte			{color: #FFB109; text-decoration: none;}
div#contenu a.archives				{color: #000000; text-decoration: none;}
div#contenu a:hover.archives  {color: #FFB109; text-decoration: none;}
div#contenu hr.haut 					{color: #CFB678; background-color: #CFB678; height: 10px; border: 0; margin: 0px;}
div#contenu hr.separation 		{color: #524F50; background-color: #524F50; height: 1px; border: 0; margin: 15px 0 0 0; }

div#contenu ul.menu						{font-size: 1.05em; margin: 0; padding: 0}
div#contenu li.menu						{font-size: 1.05em; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; text-align: justify}


div#contenu h1.googletitre		{font-size: 1.4em; padding: 0; margin: 0px 0 0 0;}
div#contenu p.googleestim			{font-size: 1.05em; text-align: right; margin: 0;}
div#contenu p.googletitle			{font-size: 1.05em; color:#2200CC;}
div#contenu a.googletitle			{font-size: 1.05em; color:#2200CC; text-decoration: underline;}
div#contenu a:visited.googletitle	{font-size: 1.05em; color:#660099; text-decoration: underline;}
div#contenu span.googlecur		{font-size: 1.2em; color: red; font-weight: bold;}
div#contenu p.googlecursor   	{font-size: 1.2em; color: black; margin: 0 0 0 0; }
div#contenu p.googlecontent   {font-size: 1.05em; margin: 0 0 0 0; }
div#contenu p.googlevisible   {font-size: 1.05em; color: green; margin: 0 0 0 0; }
div#contenu a.googlenav				{font-size: 1.05em; text-decoration; none;}

div#contenu a.tag							{color: #FFB109; text-decoration: none; font-weight: bold;}
div#contenu a:hover.tag				{color: #6E6A6A; text-decoration: none; font-weight: bold;}
div#contenu p.legende					{font-size: 1em; background-color: #FFB109; font-weight: bold; color: white; text-align: right;
															 margin: -3px 0 0 0; padding: 2px 3px 0 0}


div#contenu hr.separation		{color: #000000; background-color: #000000; height: 2px; border: 0; margin: 0; padding: 0;}
div#contenu table.onglet		{margin: 0; padding: 0;}
div#contenu td.leftonglet		{width: 12px; height: 5px; background-image: url('/images/ongletleftB29065.gif');
	 													 background-position: top; background-repeat: no-repeat;}
div#contenu td.rightonglet	{width: 12px; height: 5px; background-image: url('/images/ongletrightB29065.gif');
														 background-position: top; background-repeat: no-repeat;}
div#contenu td.middleonglet	{font-size: 1.05em; width: 12px; color:white; font-weight: bold; background-image: url('/images/ongletmiddleB29065.gif');
														 background-position: top; background-repeat: repeat-x; white-space: nowrap; letter-spacing: 2px;}
div#contenu td.line					{background: black; height: 2px;}
div#contenu tr.line					{background: black; height: 2px;}

/*
 * Colonne de droite
 */
div#droite hr.separation		{color: #000000; background-color: #000000; height: 2px; border: 0; margin: 0; padding: 0;}
div#droite h1 							{font-size: 1.3em; padding: 0; margin: 10px 0 0 0;}
div#droite h1.orange 	{font-size: 1.3em; color: #FFB109; padding: 0; margin: 10px 0 0 0;}
div#droite h2 							{font-size: 1.1em; color: #000000; padding: 0; margin: 10px 0 0 0;}
div#droite h3.date					{font-size: 1.0em; color: #9C9C9C; padding: 0; margin: -5px 0 0 0; font-weight:normal}

div#droite table.onglet			{margin: 0; padding: 0;}
div#droite td.leftonglet		{width: 12px; height: 5px; background-image: url('/images/ongletleftB29065.gif');
	 													 background-position: top; background-repeat: no-repeat;}
div#droite td.rightonglet		{width: 12px; height: 5px; background-image: url('/images/ongletrightB29065.gif');
														 background-position: top; background-repeat: no-repeat;}
div#droite td.middleonglet	{font-size: 1.05em; width: 12px; color:white; font-weight: bold; background-image: url('/images/ongletmiddleB29065.gif');
														 background-position: top; background-repeat: repeat-x; white-space: nowrap; letter-spacing: 2px;}
div#droite td.line					{background: black; height: 2px;}
div#droite tr.line					{background: black; height: 2px;}
div#droite a.texte					{color: #000000; text-decoration: none;}
div#droite a:hover.texte		{color: #FFB109; text-decoration: none;}
div#droite ul								{margin: 0; padding: 0}
div#droite li								{margin: 0; padding: 0; list-style-type: none; list-style-position: outside;}
div#droite a.tag						{color: #FFB109; text-decoration: none; font-weight: bold;}
div#droite a:hover.tag			{color: #6E6A6A; text-decoration: none; font-weight: bold;}
div#droite input						{font-size: 8pt;}
div#droite div.ie6					{white-space: nowrap;}

div#droite td.archives			{border-color: #CAC2BF; border-style: solid; border-width: 1px;
 												 		padding: 0; text-align: center; width: 33%;}
div#droite span.gray				{color: #808080;}
div#droite span.inv					{color: #D85100;}

div#droite p.jobs						{margin: 0 0 5px 0; padding: 0; text-align: justify;}
div#droite span.jobs				{color: #B5AAA7;}
div#droite span.txtjobs			{color: #898065;}


#lights {
	 position:absolute;
	 width:956px;
	 height:180px;
	 top:-20px;
	 left: 150px;
	 background:  url(/img/light.png) no-repeat;
}
#ba {
	 position:absolute;
	 width:100%;
	 height:75px;
	 top:0px;
	 left: 0px;
	 background:  url(/img/bonneannee2012.gif) no-repeat;
	 cursor: pointer;
}