/*------------------------------------------------------------------------------ 
11 Somerset interactif - site Web

Feuille de style générale - liée aux feuilles de styles spécifiques
© Tous droits réservés 2003 Trinôme inc.

Mise à jour: #MODIFIEDDATE# #MODIFIEDTIME# - Jonathan Boivin 
------------------------------------------------------------------------------*/ 

/* règle pour filtrer les vieux browsers */
.ahem		{display:none;} 

body	{margin:0;
		 padding:0;
  	 	 color:#eee;
   		 background-color: #000;
   		 position: relative;}
   		 
/*
#contenu	{margin:0;
			 padding:0;
			 position: relative;}
*/


/* Mise en forme du texte */

p		{font-weight: normal;
   		 color: #eee;
   		 font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
   		 font-size: 12px;}
   		 
h1		{font-family: Georgia, Times, 'Times New Roman', serif;
		 font-size: 24px;
		 font-weight:normal;
		 /*text-transform:uppercase;*/
		 color: #fc0;}
h2		{font-family: Georgia, Times, 'Times New Roman', serif;
		 font-size: 18px;
		 font-weight:normal;
		 color: #0f0;}
h3		{font-family: Georgia, Times, 'Times New Roman', serif;
		 font-size: 14px;
		 font-weight:normal;
		 color: #fc0;}
h4		{font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
		 font-size:12px;
		 color: #eee;
		 font-weight:bold;
		 text-transform:uppercase;}
h5		{font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
		 font-size:12px;
		 color: #eee;
		 font-weight:bold;
		 font-style:italic;}
h6		{font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
		 font-size:12px;
		 color: #eee;
		 font-weight:bold;}
		 

/* Mise en forme des liens */
a:link		{color: #fc0;}
a:active	{color: #f00;}
a:visited	{color: #963;}
a:hover		{color: #f60;}


/* Bas de page (#footer) */
#footer		{background:#b09665 url(../images/bg_footer.jpg) repeat-x top left;
			 margin:0;
			 position:relative;
			 width:100%;
			 clear:both;
			 height:80px; /* pour IE5 Mac */
			 padding:10px 0 15px 0;}
			 
#footergauche	{float:left;
				 width:350px;
				 height:20px;}

#menufooter		{margin:10px;
				 padding:0;
				 height:20px;}
#menufooter li	{margin-right:10px;
				 list-style:none;
				 display:inline;
				 height:20px;}

#copyrightfooter	{margin:20px 10px -10px 10px;
					 font-size:9px;
					 color:#331800;
					 text-align:right;}

#logosfooter	{margin:10px;
				 text-align:right;}
				 
#logosfinance	{margin:-20px 0 0 0;
				 width:356px;
				 text-align:center;}
				 
/* règles invisbles à IE5 Mac \*/
#logosfinance	{margin:-20px auto 0 auto;}
#copyrightfooter	{text-align:left;}
/* fin du hack pour IE5 Mac */			 

/* Mise en page de l'accueil général */
#accueilgeneral		{background:#000 url(../images/bg_accueil.jpg) no-repeat top center;}

#accueilgeneral #footer		{height:120px;}

#flash		{margin:0 auto 0 auto;
			 padding:0;
			 width:780px;
			 height:425px;}	
			 
#menutemp	{position:absolute;
			 top:10px;
			 left:10px;
			 width:100px;
			 height:100px;
			 background:#333;
			 border:1px solid #fff;
			 font-size:9px;
			 padding:0 10px;
			 display:none;}
			 
#menutemp ul	{margin-left:-20px;}
			 
/* Page Crédits */
#credits		{background:#000 url(../images/fond_popup.jpg) no-repeat fixed top center;}
#contenucredits		{width:75%;
					 margin:0 auto 120px auto;}
#contenucredits h1,
#contenucredits h2,
#contenucredits p	{text-align:center;}
#contenucredits p.cleared	{clear:both;}
#contenucredits h2	{margin-top:75px;
					 font-size:16px;
					 color:#fc0;}
#contenucredits h3.logo		{text-align:center;
							 margin-top:50px;}
div.row {clear: both;
 		 width:450px;
		 height:20px;
		 margin:0 auto;}

div.row h3 {float: left;
 			width: 225px;
 			text-align: right;
			font-size:13px;
			color:#fff;
			margin-top:0px;
			margin-bottom:5px;}

#contenucredits div.row p 	{float: right;
 							 width: 210px;
 							 text-align: left;
							 margin-top:0px;
							 margin-bottom:5px;
							 font-weight:bold;}
							 
#credits #contenu>#mainnav		{position:fixed;	/* règle pour les gentils browsers */
									 top:10px;
									 right:20px;}
								 
#credits #mainnav		{position:absolute; /* Règle pour l'ost&?*(()e d'IE6 */
								top:10px;
								 right:20px;}
							 
/* Page Notes Légales */
#noteslegales	{background:#000 url(../images/fond_popup.jpg) no-repeat fixed top center;}
#noteslegales h1	{text-indent:-9999px;
					 background:url(../images/titre_noteslegales.gif) no-repeat top left;
					 width:176px;
					 height:38px;
					 margin-top:50px;}

#contenulegal	{width:80%;
				 margin-left:10%;
				 margin-bottom:100px;}
				 
#contenulegal h2	{color:#fc0;
					 margin-top:50px;}
					 
#contenulegal hr	{color:#c60;
					 background:#c60;
					 border:none;
					 margin:30px 0;
					 height:1px;}
#noteslegales #contenu>#mainnav		{position:fixed;	/* règle pour les gentils browsers */
									 top:10px;
									 right:20px;}
								 
#noteslegales #mainnav		{position:absolute; /* Règle pour l'ost&?*(()e d'IE6 */
								top:10px;
								 right:20px;}