/* Ce fichier définit le style visuel pour les différents éléments du site.
   Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour :
  		 - l'entête : HEADER
  		 - la navigation : NAVIGATION
  		 - le contenu : CONTENT
  		 - le pied de page : FOOTER
   L'agengement des blocs est défini dans le fichier layout.css
*/

@import "layout.css";


	/*
	#	HEADER
	# ----------------------------- */
		#logo	{}
			#logo span	{}
		#header_block_1	{
			height:238px;
		}
			#header_block_1 span	{}
		#header_block_2	{
			padding:0 0 0 2px;
			height:18px;
			background-image:url(../img/bg_lines.png)!important;
			background-image:url(no-image);
			background-repeat:repeat-x;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='img/bg_lines.png');
		}
			#header_block_2 span	{}

			#header_block_2 ul	{
				list-style-type:none;
				margin:0;
				padding:0;
			}
				#header_block_2 ul li	{
					display:inline;
				}

				#header_block_2 ul li img { border:0; }

	/*
	#	NAVIGATION
	# ----------------------------- */
		#navigation ul	{
			height:25px;
			font-size:90%;
			list-style-type:none;
			padding:5px 10px 10px 0;
			margin:0;
			float:right;
			color:#fff;

			background-image:url(../img/bg_menu.png)!important;
			background-image:url(no-image);
			background-repeat:repeat-x;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='img/bg_menu.png');
		}
			#navigation ul li	{
				display:inline;
			}

			a.btn_link_inactif			{ padding:0; text-align:center; text-decoration:underline; color:#130F7E; font-weight:bolder; 	}
			a.btn_link_inactif:visited	{	}
			a.btn_link_inactif:hover	{ text-decoration:none; color:#fff; 		}

			a.btn_link_actif			{ padding:0; text-align:center; text-decoration:none; color:#fff; font-weight:bolder;	}
			a.btn_link_actif:visited	{	}
			a.btn_link_actif:hover		{ 	}

		#navigation_block_1	{
			width:25px;
			height:40px;
			float:right;
			background-image:url(../img/bg_menu_first.png)!important;
			background-image:url(no-image);
			background-repeat:repeat-x;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='img/bg_menu_first.png');
		}
			#navigation_block_1 span	{}
		#navigation_block_2	{
			margin:10px 0 0 0;
			border-top:4px solid #130F7E;
			clear:right;
			height:18px;
			background-image:url(../img/bg_lines_bottom.png)!important;
			background-image:url(no-image);
			background-repeat:repeat-x;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='img/bg_lines_bottom.png');
		}
			#navigation_block_2 span	{}

	/*
	#	CONTENT
	# ----------------------------- */
		#data	{
			height:100%;
			float:left;
			width:500px;
			padding:15px 10px 0 15px;
		}

			#data h1 {
				background-color:#92B1B4;
				color:#fff;
				display:inline;
			}

			ul.nwt	{
				list-style-image:url(../img/puce_007.gif) !important;
				list-style-image:url(../img/puce_007.gif);
				list-style-position:outside;
			}
				li.nwt	{ margin:0 0 25px 0; padding:0; text-align:justify; }
					.itemTitre	{ margin:0 0 5px 0; color:#2291AC; font-weight:bolder;	}

					#data a	     		{ color:#130F7E; text-decoration:underline;	}
			    #data a:visited	{	}
			    #data a:hover		{ text-decoration:none; 	}




			/* Liste des Produits
			----------------------------------- */
			div.produitItem			{}
			div.produitTitre		{}
			div.produitOverImg		{}
			div.produitItem img		{}
			div.produitPrix			{}
			span.prixOriginal		{}


			/* Fiche d'un Produit
			----------------------------------- */
			div.produitItemSeul		{}
			div.produitItemSeul img	{}
			div.produitPrixSeul		{}
			div.produitAutresInfos	{}


			/* Liste des Média
			----------------------------------- */
			div.mediaItem			{}
			div.mediaTitre			{}
			div.mediaOverImg		{}
			div.mediaItem img		{}


			/* Fiche d'un Elément Média
			----------------------------------- */
			div.mediaItemSeul		{}
			div.mediaItemSeul img	{}


		#content_block_1	{
			float:right;
			height:192px;
			width:213px;
			margin:15px 15px 42px 10px;
			padding:20px 10px 10px 10px;
			text-align:center;

			background-image:url(../img/bg_cadre_1.png)!important;
			background-image:url(no-image);
			background-repeat:no-repeat;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='crop', src='img/bg_cadre_1.png');

			color:#130F7E;
			font-size:120%;
			font-weight:bolder;
			text-align:left;

		}
			#content_block_1 span	{}
		#content_block_2	{}
			#content_block_2 span	{}

	/*
	#	FOOTER
	# ----------------------------- */
		#footer ul	{
			clear:both;
			width:100%;
			margin:0;
			padding:0;
			list-style-type:none;
			text-align:center;
			height:0px;
			_border-bottom:1px solid black;
			float:left;
		}
			#footer ul li	{
				display:inline;
			}

			#footer img { border:0; }

			a.btn_link_bottom_inactif			{ font-weight:bolder; color:#130F7E; text-decoration:underline;	}
			a.btn_link_bottom_inactif:visited	{	}
			a.btn_link_bottom_inactif:hover		{ text-decoration:none; color:#fff; 	}

			a.btn_link_bottom_actif				{ font-weight:bolder; color:#fff; text-decoration:none;	}
			a.btn_link_bottom_actif:visited		{	}
			a.btn_link_bottom_actif:hover		{ 	}

				#footer ul li span	{}
		#footer_block_1	{}
			#footer_block_1 span	{}
		#footer_block_2	{}
			#footer_block_2 span	{}