* 	{font-size:1em; font-family:Arial, Helvetica, sans-serif; 
	 margin:0; padding:0; border:0; list-style-type:none;}

/*	>>> Arrière-plan (design) ---------------------------------------------------- */

	body 						{background:#6A685F url(../images/bkg.jpg) repeat-x;}
	#contenant 					{width:715px; padding:21px 0 0 25px; background:url(../images/bkg-entete.jpg) no-repeat left top;}

/* 	>>> En-tête ------------------------------------------------------------------ */

	#entete						{height:162px;}
	#entete a					{text-decoration:none;}

	/* Lien sur Productions Benoit Jean - Retour à l'accueil */
	#entete h1 a				{display:block; width:356px; height:28px; position:absolute; top:95px; left:223px;}

	/* Animation Flash */
	#splash-animation			{float:left; width:165px; height:135px; margin:0 115px 0 0; text-align: center;}
	#splash-animation object	{position:absolute; top:22px; left:25px;}

	/* Navigation principale */
	#navigation					{float:left; clear:right; width:435px; height:35px; margin:122px 0 0;}
	#navigation li 				{display:inline;}
	#navigation li a			{display:block; float:left; width:145px; height:35px;}

	a#bt-entreprise				{background-image:url(../images/bt-entreprise.jpg);}
	a#bt-services				{background-image:url(../images/bt-services.jpg);}
	a#bt-realisations			{background-image:url(../images/bt-realisations.jpg);}

	#navigation a				{background-position:left top;}
	#navigation a:hover			{background-position:left center;}
	#navigation a.actif,
	#navigation a.actif:hover	{background-position:left bottom;}

/*	>>> Colonne principale (Contenu / Coordonnées) ------------------------------- */
	
	#contenu, #coordonnees		{width:415px; padding:10px;}

	#contenu					{margin:0 0 0 280px; background:#413F3A url(../images/bkg-contenu.jpg) repeat-x left top;}
	#coordonnees				{margin:2px 0 25px 280px; background-color:#24221F;}

/*	>>> Capsules (Citation / Description des extraits vidéos) -------------------- */

	#citation, #description-video	{position:absolute; background:no-repeat top left;}

	#citation					{width:180px; padding:15px 0 0 20px; top:41em; left:90px; background-image:url(../images/icone-citation.gif);}
	#description-video			{width:170px; padding:30px 0 0 30px; top:375px; left:90px; background-image:url(../images/icone-video.gif); height:100px;}
	
	#citation blockquote,
	#description-video p		{padding:0 20px 0 0; background:url(../images/hachure.gif) repeat-y top right;}
	#description-video p		{padding:5px 20px 5px 0;}

/*	>>> Extraits vidéos ---------------------------------------------------------- */

	.extrait-video				{/*width:320px; height:260px;*/ margin:1em 37px; padding:10px; 
								 text-align:center; background:url(../images/hachure-video.gif) repeat;}

/* 	>>> Mise en forme des éléments textuels -------------------------------------- */

	html 						{font-size:62.5%;}
	body 						{font-size:1.2em; color:#E0E0E0;}
	
	/* Titres */
	h2, h3, h4					{font:1em Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
	h2							{margin:0 0 1.3em; font-size:1.2em; font-weight:bold; letter-spacing:0.15em;}
	h3							{margin:1.3em 0 0; padding:0 0 0.2em; font-weight:bold; border-bottom:1px solid #5A5A5A;}
	h4 							{margin:1.3em 0; padding:0.2em; text-align:center; background-color:#5A5A5A;}
	h2 span, h3 span, h4 span  	{position:relative; left:-5000em;}
	
	/* Interligne */
	p, li, blockquote, address 	{line-height:1.5em;}
	p, ul, ol 					{margin:1em 0;}	
	
	/* Textes */
	address						{font-style:normal;}
	abbr, acronym				{cursor:help; border-bottom:1px solid #5A5A5A;}
	.haut-page, .retour			{text-align:right; text-transform:lowercase;}
	#citation, 
	#description-video 			{font-size:0.9em; text-align:right;}
	.auteur						{font-style:italic;}
	.plugin						{font-size:0.9em; text-align:center;}

	/* Listes */
	#contenu ul					{margin-left:10px;}
	#contenu ul li 				{padding-left:20px; background:url(../images/puce.gif) no-repeat 0 0.25em;}
	#contenu ul.sans-puce  		{margin-left:10px;}
	#contenu ul.sans-puce li 	{padding-left:0; background-image:none; margin:1em 0;}
	#contenu ol					{margin-left:1.15em; padding-left:1.15em;}
	#contenu ol li				{list-style-type:decimal;}

	/* Hyperliens */
	a, a:link, 
	.haut-page a:visited, 
	.retour a:visited, 
	#coordonnees a:visited			{color:#FC0;}
	a:visited, a:hover,
	.haut-page a:visited:hover,	
	.retour a:visited:hover, 
	#coordonnees a:visited:hover 	{color:#F90;}
	a:active 						{color:#FC0;}
	.haut-page a, .retour a			{padding-left:20px; background:no-repeat left bottom;}
	.haut-page a					{background-image:url(../images/puce-haut.gif);}
	.retour a						{background-image:url(../images/puce-retour.gif);}

/* 	>>> Mise en forme des éléments graphiques ------------------------------------ */

	img							{border:1px solid #5A5A5A;}
	img.droite					{float:right; margin:5px 10px 10px 15px;}
	
/* 	>>> Textes remplacés par des éléments graphiques ou retirés ------------------ */

	#entete h1, #navigation li a {font-size:0.1em; text-indent:-1000em;}
	#siteweb {display:none;}