/**********************************************************************************
 *
 *  FRONT-OFFICE
 *  Stylesheet
 *  Version : $Id$
 *
 **********************************************************************************/



	/**********************************************************************************
	 *
	 *  HTML
	 *
	 **********************************************************************************/

		html								{ height:100%; }



	/**********************************************************************************
	 *
	 *  BODY
	 *
	 **********************************************************************************/

		body								{ font-family: Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0; }




	/**********************************************************************************
	 *
	 *  GLOBAL STYLE
	 *
	 **********************************************************************************/

		._G_ERROR_CLASSNAME					{ background-image:url(../admin/images/interface/dirty.gif); background-repeat:no-repeat; background-position:1px 1px; }
		.obligatoire						{ font-weight:bolder; color:#f00; }
		.big								{ font-weight:bolder; color:#000; }
		.hidden								{ visibility:hidden; display:none; }
		.pointer							{ cursor:pointer; }
		.closeImg							{ position:absolute; margin:-10px 0 0 203px; }
		span.help							{ font-size:0.8em; color:#194a9c; }
		.fieldFocused						{ /*background-color:#f6f6f6;*/ }
		a img								{ border:0; }
		.previewImage						{ margin:10px 2px; width:120px; float:left; text-align:center; font-size:0.8em;  }
		.clear								{ clear:both; }
		.left								{ float:left; border-right:18px solid; }
		.right								{ float:right; border-left:18px solid; }
		.center								{ display:block; text-align:center; margin:0 auto; }
		.sep								{ border-bottom:1px outset #f00; }
		.print								{ visibility:hidden; display:none; }
		.unprint							{ }
		img#linkDevis						{ position:fixed; right:0; }
		.previsualisation					{ background:url(../images/preview/bg_preview.png) repeat-x; line-height:p30x; text-align:center; color:#fff; font-weight:bolder; font-size:20pt; position:fixed; top:0; z-index:9999; width:100%; }




	/**********************************************************************************
	 *
	 *  PAGE
	 *
	 **********************************************************************************/

		#main								{ margin:0 auto; width:964px;  }



		/**********************************************************************************
		 *
		 *  BANDEAU
		 *
		 **********************************************************************************/

			#bandeau						 { width:964px; height:75px; text-align:right; padding-top:20px; background-image:url(../images/interface/bandeau.jpg); background-repeat:no-repeat; }

				.phrase1bandeau				 { font-size: 26px; font-style:italic; font-weight:bold; color:#ee8b22; padding-right:15px; line-height:26px; }
				.phrase2bandeau				 { font-size: 26px; font-weight:bold; color:#fff; padding-right:15px; line-height:20px; }
				.phrase3bandeau				 { font-size: 15px; font-weight:bold; color:#fff; padding-right:15px; line-height:24px; }


		/**********************************************************************************
		 *
		 *  NAVIGATION
		 *
		 **********************************************************************************/

			/*-- Navigation principale ---------------------------------------------------*/
			#menu							 { height:62px; width:964px; background:url(../images/interface/wuithom.jpg) #F47820 no-repeat; }
			#menu ul						 { padding-left:280px; margin-top : -1px; height:100%; }
			#menu ul li						 { list-style-image:none; list-style:none; display:inline; padding:0; padding-left:10px; margin:0; font-weight:bold; color:#FFFFFF; text-transform:uppercase; line-height:62px; }

			/*-- Navigation par Catégorie de produits ------------------------------------*/
			#menu_gauche					 { background-color:#e6ebf4; float:left; width:254px; }
			#menu_gauche ul					 { margin-top:44px; margin-bottom:44px; padding-left:15px; color:#194a9c; }
			#menu_gauche ul li				 { list-style-image:none; list-style:none; line-height:20px; }
			#menu_gauche ul li.titre_navigation		 { font-size: 23px; font-weight:bold; margin-bottom:5px; }

			#menu_gauche ul ul				 { margin:0 0 2px 0; padding-left:20px; }

			#menu_gauche ul li a			 { color:#194a9c; }
			#menu_gauche ul li a:hover		 { text-decoration: none; font-weight:bold; }
			#menu_gauche ul li a:active		 { text-decoration: none; font-weight:bold; }
			#menu_gauche ul li a.active		 { text-decoration: none; font-weight:bold; }

			/*-- Bloc Livraison ---------------------------------------------------------*/
			#menu_gauche .bloc_livraison	 { background-color:#194a9c; text-align:right; color:#FFFFFF; height:65px; }
			#menu_gauche .phrase_livraison1	 { font-size: 26px; font-weight:bold; font-style:italic; padding-right:15px; line-height:15px; }
			#menu_gauche .phrase_livraison2	 { font-size: 13px; font-weight:bold; font-style:italic; padding-right:15px; }



		/**********************************************************************************
		 *
		 *  TETIERE
		 *
		 **********************************************************************************/

			#tetiere_blanc					 { height:38px; background:url(../images/interface/tetiere_fond_blanc.jpg) no-repeat; letter-spacing: -1px; font-size: 23px; font-style:italic; font-weight:bold; color:#fff; padding-left:25px; }
			#tetiere_blanc span				 { color:#ee8b22; }
			#tetiere_blanc div				 { font-size:27px; font-style:normal; font-weight:normal; color:#194a9c; padding-top:10px; height:28px; float:right; width:565px; text-transform:uppercase; }

			#tetiere_bleu					 { height:38px; background:url(../images/interface/tetiere_fond_bleu.jpg) no-repeat; letter-spacing: -1px; font-size: 23px; font-style:italic; font-weight:bold; color:#fff; padding-left:25px; }
			#tetiere_bleu span				 { color:#ee8b22; }
			#tetiere_bleu div				 { font-size:27px; font-style:normal; font-weight:normal; color:#fff; padding-top:10px; height:28px; float:right; width:565px; text-transform:uppercase; }



		/**********************************************************************************
		 *
		 *  CONTENT
		 *
		 **********************************************************************************/

			#contenu						 { background-color:#fff; float:right; width:710px;  }

			#contenu_page					 { /*min-height:478px;*/ background-color:#CCD7E9; float:right; width:710px; color:#194a9c;  }
			#contenu_page h1				 { font-size:20px;   }
				.scroller					 { height:458px; overflow-y:auto; margin-top:20px; }
					.contenu_zone			 { /*background:gold;*/ width:680px; margin:0 auto; }
						.previewCatalogue	 { float:left; margin:0 13px 20px; }
						.previewCatalogue img { width:200px; }



				/**********************************************************************************
				 *
				 *  CARROUSSEL HOME
				 *
				 **********************************************************************************/

					div.movie_container		 { width: 710px; height: 456px; overflow:hidden; }
						.movie				 { width: 100%; height: 100%; }
						div.movie			 { width: 710px; height: 456px; text-align: center; /*border: 1px solid #333333;*/ margin-top:-75px; }

					/*-- NE PAS MODIFIER ----------------------------------------------------------------*/
						/* ENFANT du carousel et PARENT de la liste UL */
						.carousel .carousel-wrap			{ display:block; vertical-align:middle; margin:0; }
						.IE .carousel .carousel-wrap		{ display:block;}

						/* ITEMS de la liste */
						.carousel ul						{ list-style:none; margin:0; padding:0; }
						.carousel ul li						{ overflow:hidden; display:block; float:left; text-align:center; }

						/* FLECHES : PRECEDENT - SUIVANT */
						.carousel .carousel-control			{ overflow:hidden;display:none;vertical-align:middle;height:37px;cursor:pointer; line-height:999px; }
						.carousel .carousel-next			{ background:url(../images/fleche_bas.jpg) 50% 0 no-repeat;}
						.carousel .carousel-previous		{ background:url(../images/fleche_haut.jpg) 50% 0 no-repeat;}
						.carousel .carousel-control:hover	{ -moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

					/*-- PERSONNALISATION ----------------------------------------------------------------*/
						.wuithom-carousel-home				{ height:397px; margin:15px auto 0; }
						.wuithom-carousel-home .carousel-wrap	{ height:397px; }
						.wuithom-carousel-home ul li		{ /*min-width:305px;*/ height:397px; margin:0 2px;  }

				/**********************************************************************************
				 *
				 *  CARROUSSEL ENTREPRISE
				 *
				 **********************************************************************************/

					/*-- PERSONNALISATION ----------------------------------------------------------------*/
						.wuithom-carousel-entreprise		{ height:114px; margin:4px auto 0; }
						.wuithom-carousel-entreprise .carousel-wrap	{ height:114px;    }
						.wuithom-carousel-entreprise ul li	{ width:134px; height:114px; margin:0; text-align:center;  }

					/*-- L'ENTREPRISE --------------------------------------------------------------------*/
						#entreprise-texte					{ width:446px; height:252px; float:left; padding:0 15px 0 0; }
						#entreprise-equipe					{ width:218px; float:right; text-align:right; }
						#entreprise-equipe h5				{ margin:2px 0 0 0; font-size:14px; }


				/**********************************************************************************
				 *
				 *  FORMS
				 *
				 **********************************************************************************/

					form									{ padding:0; margin:0; }
					form input[type='text'], form select	{ border:1px solid #194a9c; width:315px; height:20px; color:#555; }
					form input[type='text']					{ height:18px; padding:2px 0 0 0; }
					form textarea							{ border:1px solid #194a9c; color:#555; }
					form input[type='submit']				{ background-color:#FFCA4E; color:#4D4D4D; }
					form input[type='button']				{ background-color:#FFCA4E; color:#4D4D4D; }
					form div								{ padding:0 0 0 0/*12px*/; }
					form div.formLeft						{ padding:0; margin:0; float:left; width:50%; }
					form div.formRight						{ padding:0; margin:0; float:right; width:50%; }
					form span								{ }
					form div + div							{ margin:8px 0 0 0; }
					form div.last							{ text-align:right; }
					form label								{ display:block; font-weight:bolder; text-transform:uppercase; color:#194a9c; margin:0 0 5px 0; cursor:pointer; }
					form input.code_captcha					{ width:100px; }

					/*
					form input#sendMessage					{ background:url(../images/interface/btn_envoyer.gif) no-repeat 0 -38px; width:124px; height:38px; }
					form input#sendMessage:hover			{ background-position:0 0; }
					*/
					form input#sendMessage					{ background:url(../images/interface/btn_envoyer.jpg) no-repeat 0 -80px; width:124px; height:38px; }
					form input#sendMessage:hover			{ background-position:0 0; }

					form input#sendMessageBis				{ margin-top:15px; background:url(../images/skins/ie7/next-horizontal-v2.gif) no-repeat 0 0; width:32px; height:32px; vertical-align:middle; margin-top:-2px; }
					form input#sendMessageBis:hover			{ background-position:-32px 0; }
					form div.btnContact						{ padding-right:20px;   }




				/**********************************************************************************
				 *
				 *  Form Fields
				 *
				 **********************************************************************************/



				/**********************************************************************************
				 *
				 *  LINKS
				 *
				 **********************************************************************************/

					/* Default Links */
					a						 { }
					a:link					 { text-decoration: none; color:#FFFFFF; }
					a:visited				 { text-decoration: none; color:#FFFFFF; }
					a:hover					 { text-decoration: none; color:#194a9c; }
					a:active				 { text-decoration: none; color:#194a9c; }

					a.active				 { text-decoration: none; color:#194a9c; }

					.highlight-start a,
					.highlight-start a:link,
					.highlight-start a:visited,
					.highlight-start a:hover,
					.highlight-start a:active { color:red; }

					.highlight-end a,
					.highlight-end a:link,
					.highlight-end a:visited,
					.highlight-end a:hover,
					.highlight-end a:active	  { color:gold; }

					.highlight-start a.active,
					.highlight-start a.active:link,
					.highlight-start a.active:visited,
					.highlight-start a.active:hover,
					.highlight-start a.active:active { color:red; }

					.highlight-end a.active,
					.highlight-end a.active:link,
					.highlight-end a.active:visited,
					.highlight-end a.active:hover,
					.highlight-end a.active:active	  { color:gold; }

					#contenu a:link,
					#contenu a:visited		 { color:#194a9c; }


				/**********************************************************************************
				 *
				 *  LISTS (UL, OL, ...)
				 *
				 **********************************************************************************/

					/*ul								{ margin:0; padding:0px }*/



				/**********************************************************************************
				 *
				 *  PARAGRAPH
				 *
				 **********************************************************************************/




				/**********************************************************************************
				 *
				 *  HEAD (H1, ..., H5)
				 *
				 **********************************************************************************/


					/*
					h1								{ color:#f36621; font-size:14px; font-weight:bold;  }
					h1, h2, h3, h4					{ font-size:17px; font-weight:bolder; padding:7px 0px 5px 20px; margin:0; color:#FFED4F; background:url(../images/interface/fleche_bas.png) 0 15px no-repeat; }
					h2								{ border-left:5px solid #666; padding:0 0 0 10px; margin:15px 0 0 0; }
					h4								{ font-size:110% }


					hr								{ border:0; border-top:1px solid #D2EEFF; }
					*/
					h1.titre-produit				{ font-size:14px; margin-top:0; }



		/**********************************************************************************
		 *
		 *  MENTIONS
		 *
		 **********************************************************************************/

			#mentions								 { color:#194a9c; font-size:10px; clear:both; text-align:right; padding:0 4px 0 0 };
			#mentions a								 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:link						 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:visited						 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:hover						 { text-decoration:none;  }



		/**********************************************************************************
		 *
		 *  BLOCKS
		 *
		 **********************************************************************************/

			/*#block_2								 { position:absolute; width:205px; margin:200px 0 0 650px; padding:2px 5px; height:25px; line-height:25px; background-color:#ff9; font-size:0.8em; border:1px solid #fff; color:#000;  }*/
			#block_3								 { margin:20px 10px; padding:2px 5px; height:25px; line-height:25px; background-color:#FFECA5; font-size:0.8em; border:1px solid #FCCD51; color:#000;  }FCCD51; color:#000;  }/**********************************************************************************
 *
 *  FRONT-OFFICE
 *  Stylesheet
 *  Version : $Id$
 *
 **********************************************************************************/



	/**********************************************************************************
	 *
	 *  HTML
	 *
	 **********************************************************************************/

		html								{ height:100%; }



	/**********************************************************************************
	 *
	 *  BODY
	 *
	 **********************************************************************************/

		body								{ font-family: Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0; }




	/**********************************************************************************
	 *
	 *  GLOBAL STYLE
	 *
	 **********************************************************************************/

		._G_ERROR_CLASSNAME					{ background-image:url(../admin/images/interface/dirty.gif); background-repeat:no-repeat; background-position:1px 1px; }
		.obligatoire						{ font-weight:bolder; color:#f00; }
		.big								{ font-weight:bolder; color:#000; }
		.hidden								{ visibility:hidden; display:none; }
		.pointer							{ cursor:pointer; }
		.closeImg							{ position:absolute; margin:-10px 0 0 203px; }
		span.help							{ font-size:0.8em; color:#194a9c; }
		.fieldFocused						{ /*background-color:#f6f6f6;*/ }
		a img								{ border:0; }
		.previewImage						{ margin:10px 2px; width:120px; float:left; text-align:center; font-size:0.8em;  }
		.clear								{ clear:both; }
		.left								{ float:left; border-right:18px solid; }
		.right								{ float:right; border-left:18px solid; }
		.center								{ display:block; text-align:center; margin:0 auto; }
		.sep								{ border-bottom:1px outset #f00; }
		.print								{ visibility:hidden; display:none; }
		.unprint							{ }
		img#linkDevis						{ position:fixed; right:0; }
		.previsualisation					{ background:url(../images/preview/bg_preview.png) repeat-x; line-height:p30x; text-align:center; color:#fff; font-weight:bolder; font-size:20pt; position:fixed; top:0; z-index:9999; width:100%; }




	/**********************************************************************************
	 *
	 *  PAGE
	 *
	 **********************************************************************************/

		#main								{ margin:0 auto; width:964px;  }



		/**********************************************************************************
		 *
		 *  BANDEAU
		 *
		 **********************************************************************************/

			#bandeau						 { width:964px; height:75px; text-align:right; padding-top:20px; background-image:url(../images/interface/bandeau.jpg); background-repeat:no-repeat; }

				.phrase1bandeau				 { font-size: 26px; font-style:italic; font-weight:bold; color:#ee8b22; padding-right:15px; line-height:26px; }
				.phrase2bandeau				 { font-size: 26px; font-weight:bold; color:#fff; padding-right:15px; line-height:20px; }
				.phrase3bandeau				 { font-size: 15px; font-weight:bold; color:#fff; padding-right:15px; line-height:24px; }


		/**********************************************************************************
		 *
		 *  NAVIGATION
		 *
		 **********************************************************************************/

			/*-- Navigation principale ---------------------------------------------------*/
			#menu							 { height:62px; width:964px; background:url(../images/interface/wuithom.jpg) #F47820 no-repeat; }
			#menu ul						 { padding-left:280px; margin-top : -1px; height:100%; }
			#menu ul li						 { list-style-image:none; list-style:none; letter-spacing:-0.5px; display:inline; padding:0; padding-left:5px; margin:0; font-weight:bold; color:#FFFFFF; text-transform:uppercase; line-height:62px; }

			/*-- Navigation par Catégorie de produits ------------------------------------*/
			#menu_gauche					 { background-color:#e6ebf4; float:left; width:254px; }
			#menu_gauche ul					 { margin-top:44px; margin-bottom:44px; padding-left:15px; color:#194a9c; }
			#menu_gauche ul li				 { list-style-image:none; list-style:none; line-height:20px; }
			#menu_gauche ul li.titre_navigation		 { font-size: 23px; font-weight:bold; margin-bottom:5px; }

			#menu_gauche ul ul				 { margin:0 0 2px 0; padding-left:20px; }

			#menu_gauche ul li a			 { color:#194a9c; }
			#menu_gauche ul li a:hover		 { text-decoration: none; font-weight:bold; }
			#menu_gauche ul li a:active		 { text-decoration: none; font-weight:bold; }
			#menu_gauche ul li a.active		 { text-decoration: none; font-weight:bold; }

			/*-- Bloc Livraison ---------------------------------------------------------*/
			#menu_gauche .bloc_livraison	 { background-color:#194a9c; text-align:right; color:#FFFFFF; height:65px; }
			#menu_gauche .phrase_livraison1	 { font-size: 26px; font-weight:bold; font-style:italic; padding-right:15px; line-height:15px; }
			#menu_gauche .phrase_livraison2	 { font-size: 13px; font-weight:bold; font-style:italic; padding-right:15px; }



		/**********************************************************************************
		 *
		 *  TETIERE
		 *
		 **********************************************************************************/

			#tetiere_blanc					 { height:38px; background:url(../images/interface/tetiere_fond_blanc.jpg) no-repeat; letter-spacing: -1px; font-size: 23px; font-style:italic; font-weight:bold; color:#fff; padding-left:25px; }
			#tetiere_blanc span				 { color:#ee8b22; }
			#tetiere_blanc div				 { font-size:27px; font-style:normal; font-weight:normal; color:#194a9c; padding-top:10px; height:28px; float:right; width:565px; text-transform:uppercase; }

			#tetiere_bleu					 { height:38px; background:url(../images/interface/tetiere_fond_bleu.jpg) no-repeat; letter-spacing: -1px; font-size: 23px; font-style:italic; font-weight:bold; color:#fff; padding-left:25px; }
			#tetiere_bleu span				 { color:#ee8b22; }
			#tetiere_bleu div				 { font-size:27px; font-style:normal; font-weight:normal; color:#fff; padding-top:10px; height:28px; float:right; width:565px; text-transform:uppercase; }



		/**********************************************************************************
		 *
		 *  CONTENT
		 *
		 **********************************************************************************/

			#contenu						 { background-color:#fff; float:right; width:710px;  }

			#contenu_page					 { /*min-height:478px;*/ background-color:#CCD7E9; float:right; width:710px; color:#194a9c;  }
			#contenu_page h1				 { font-size:20px;   }
				.scroller					 { height:458px; overflow-y:auto; margin-top:20px; }
					.contenu_zone			 { /*background:gold;*/ width:680px; margin:0 auto; }
						.previewCatalogue	 { float:left; margin:0 13px 20px; }
						.previewCatalogue img { width:200px; }



				/**********************************************************************************
				 *
				 *  CARROUSSEL HOME
				 *
				 **********************************************************************************/

					div.movie_container		 { width: 710px; height: 456px; overflow:hidden; }
						.movie				 { width: 100%; height: 100%; }
						div.movie			 { width: 710px; height: 456px; text-align: center; /*border: 1px solid #333333;*/ margin-top:-75px; }

					/*-- NE PAS MODIFIER ----------------------------------------------------------------*/
						/* ENFANT du carousel et PARENT de la liste UL */
						.carousel .carousel-wrap			{ display:block; vertical-align:middle; margin:0; }
						.IE .carousel .carousel-wrap		{ display:block;}

						/* ITEMS de la liste */
						.carousel ul						{ list-style:none; margin:0; padding:0; }
						.carousel ul li						{ overflow:hidden; display:block; float:left; text-align:center; }

						/* FLECHES : PRECEDENT - SUIVANT */
						.carousel .carousel-control			{ overflow:hidden;display:none;vertical-align:middle;height:37px;cursor:pointer; line-height:999px; }
						.carousel .carousel-next			{ background:url(../images/fleche_bas.jpg) 50% 0 no-repeat;}
						.carousel .carousel-previous		{ background:url(../images/fleche_haut.jpg) 50% 0 no-repeat;}
						.carousel .carousel-control:hover	{ -moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

					/*-- PERSONNALISATION ----------------------------------------------------------------*/
						.wuithom-carousel-home				{ height:397px; margin:15px auto 0; }
						.wuithom-carousel-home .carousel-wrap	{ height:397px; }
						.wuithom-carousel-home ul li		{ /*min-width:305px;*/ height:397px; margin:0 2px;  }

				/**********************************************************************************
				 *
				 *  CARROUSSEL ENTREPRISE
				 *
				 **********************************************************************************/

					/*-- PERSONNALISATION ----------------------------------------------------------------*/
						.wuithom-carousel-entreprise		{ height:114px; margin:4px auto 0; }
						.wuithom-carousel-entreprise .carousel-wrap	{ height:114px;    }
						.wuithom-carousel-entreprise ul li	{ width:134px; height:114px; margin:0; text-align:center;  }

					/*-- L'ENTREPRISE --------------------------------------------------------------------*/
						#entreprise-texte					{ width:446px; height:252px; float:left; padding:0 15px 0 0; }
						#entreprise-equipe					{ width:218px; float:right; text-align:right; }
						#entreprise-equipe h5				{ margin:2px 0 0 0; font-size:14px; }


				/**********************************************************************************
				 *
				 *  FORMS
				 *
				 **********************************************************************************/

					form									{ padding:0; margin:0; }
					form input[type='text'], form select	{ border:1px solid #194a9c; width:315px; height:20px; color:#555; }
					form input[type='text']					{ height:18px; padding:2px 0 0 0; }
					form textarea							{ border:1px solid #194a9c; color:#555; }
					form input[type='submit']				{ background-color:#FFCA4E; color:#4D4D4D; }
					form input[type='button']				{ background-color:#FFCA4E; color:#4D4D4D; }
					form div								{ padding:0 0 0 0/*12px*/; }
					form div.formLeft						{ padding:0; margin:0; float:left; width:50%; }
					form div.formRight						{ padding:0; margin:0; float:right; width:50%; }
					form span								{ }
					form div + div							{ margin:8px 0 0 0; }
					form div.last							{ text-align:right; }
					form label								{ display:block; font-weight:bolder; text-transform:uppercase; color:#194a9c; margin:0 0 5px 0; cursor:pointer; }
					form input.code_captcha					{ width:100px; }

					/*
					form input#sendMessage					{ background:url(../images/interface/btn_envoyer.gif) no-repeat 0 -38px; width:124px; height:38px; }
					form input#sendMessage:hover			{ background-position:0 0; }
					*/
					form input#sendMessage					{ background:url(../images/interface/btn_envoyer.jpg) no-repeat 0 -80px; width:124px; height:38px; }
					form input#sendMessage:hover			{ background-position:0 0; }

					form input#sendMessageBis				{ margin-top:15px; background:url(../images/skins/ie7/next-horizontal-v2.gif) no-repeat 0 0; width:32px; height:32px; vertical-align:middle; margin-top:-2px; }
					form input#sendMessageBis:hover			{ background-position:-32px 0; }
					form div.btnContact						{ padding-right:20px;   }




				/**********************************************************************************
				 *
				 *  Form Fields
				 *
				 **********************************************************************************/



				/**********************************************************************************
				 *
				 *  LINKS
				 *
				 **********************************************************************************/

					/* Default Links */
					a						 { }
					a:link					 { text-decoration: none; color:#FFFFFF; }
					a:visited				 { text-decoration: none; color:#FFFFFF; }
					a:hover					 { text-decoration: none; color:#194a9c; }
					a:active				 { text-decoration: none; color:#194a9c; }

					a.active				 { text-decoration: none; color:#194a9c; }

					#contenu a:link,
					#contenu a:visited		 { color:#194a9c; }


				/**********************************************************************************
				 *
				 *  LISTS (UL, OL, ...)
				 *
				 **********************************************************************************/

					/*ul								{ margin:0; padding:0px }*/



				/**********************************************************************************
				 *
				 *  PARAGRAPH
				 *
				 **********************************************************************************/




				/**********************************************************************************
				 *
				 *  HEAD (H1, ..., H5)
				 *
				 **********************************************************************************/


					/*
					h1								{ color:#f36621; font-size:14px; font-weight:bold;  }
					h1, h2, h3, h4					{ font-size:17px; font-weight:bolder; padding:7px 0px 5px 20px; margin:0; color:#FFED4F; background:url(../images/interface/fleche_bas.png) 0 15px no-repeat; }
					h2								{ border-left:5px solid #666; padding:0 0 0 10px; margin:15px 0 0 0; }
					h4								{ font-size:110% }


					hr								{ border:0; border-top:1px solid #D2EEFF; }
					*/
					h1.titre-produit				{ font-size:14px; margin-top:0; }



		/**********************************************************************************
		 *
		 *  MENTIONS
		 *
		 **********************************************************************************/

			#mentions								 { color:#194a9c; font-size:10px; clear:both; text-align:right; padding:0 4px 0 0 };
			#mentions a								 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:link						 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:visited						 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:hover						 { text-decoration:none;  }



		/**********************************************************************************
		 *
		 *  BLOCKS
		 *
		 **********************************************************************************/

			/*#block_2								 { position:absolute; width:205px; margin:200px 0 0 650px; padding:2px 5px; height:25px; line-height:25px; background-color:#ff9; font-size:0.8em; border:1px solid #fff; color:#000;  }*/
			#block_3								 { margin:20px 10px; padding:2px 5px; height:25px; line-height:25px; background-color:#FFECA5; font-size:0.8em; border:1px solid #FCCD51; color:#000;  }/**********************************************************************************
 *
 *  FRONT-OFFICE
 *  Stylesheet
 *  Version : $Id$
 *
 **********************************************************************************/



	/**********************************************************************************
	 *
	 *  HTML
	 *
	 **********************************************************************************/

		html								{ height:100%; }



	/**********************************************************************************
	 *
	 *  BODY
	 *
	 **********************************************************************************/

		body								{ font-family: Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0; }




	/**********************************************************************************
	 *
	 *  GLOBAL STYLE
	 *
	 **********************************************************************************/

		._G_ERROR_CLASSNAME					{ background-image:url(../admin/images/interface/dirty.gif); background-repeat:no-repeat; background-position:1px 1px; }
		.obligatoire						{ font-weight:bolder; color:#f00; }
		.big								{ font-weight:bolder; color:#000; }
		.hidden								{ visibility:hidden; display:none; }
		.pointer							{ cursor:pointer; }
		.closeImg							{ position:absolute; margin:-10px 0 0 203px; }
		span.help							{ font-size:0.8em; color:#194a9c; }
		.fieldFocused						{ /*background-color:#f6f6f6;*/ }
		a img								{ border:0; }
		.previewImage						{ margin:10px 2px; width:120px; float:left; text-align:center; font-size:0.8em;  }
		.clear								{ clear:both; }
		.left								{ float:left; border-right:18px solid; }
		.right								{ float:right; border-left:18px solid; }
		.center								{ display:block; text-align:center; margin:0 auto; }
		.sep								{ border-bottom:1px outset #f00; }
		.print								{ visibility:hidden; display:none; }
		.unprint							{ }
		img#linkDevis						{ position:fixed; right:0; }
		.previsualisation					{ background:url(../images/preview/bg_preview.png) repeat-x; line-height:p30x; text-align:center; color:#fff; font-weight:bolder; font-size:20pt; position:fixed; top:0; z-index:9999; width:100%; }




	/**********************************************************************************
	 *
	 *  PAGE
	 *
	 **********************************************************************************/

		#main								{ margin:0 auto; width:964px;  }



		/**********************************************************************************
		 *
		 *  BANDEAU
		 *
		 **********************************************************************************/

			#bandeau						 { width:964px; height:75px; text-align:right; padding-top:20px; background-image:url(../images/interface/bandeau.jpg); background-repeat:no-repeat; }

				.phrase1bandeau				 { font-size: 26px; font-style:italic; font-weight:bold; color:#ee8b22; padding-right:15px; line-height:26px; }
				.phrase2bandeau				 { font-size: 26px; font-weight:bold; color:#fff; padding-right:15px; line-height:20px; }
				.phrase3bandeau				 { font-size: 15px; font-weight:bold; color:#fff; padding-right:15px; line-height:24px; }


		/**********************************************************************************
		 *
		 *  NAVIGATION
		 *
		 **********************************************************************************/

			/*-- Navigation principale ---------------------------------------------------*/
			#menu							 { height:62px; width:964px; background:url(../images/interface/wuithom.jpg) #F47820 no-repeat; }
			#menu ul						 { padding-left:280px; margin-top : -1px; height:100%; }
			#menu ul li						 { list-style-image:none; list-style:none; letter-spacing:-0.3px; display:inline; padding:0; padding-left:5px; margin:0; font-weight:bold; color:#FFFFFF; text-transform:uppercase; line-height:62px; }

			/*-- Navigation par Catégorie de produits ------------------------------------*/
			#menu_gauche					 { background-color:#e6ebf4; float:left; width:254px; }
			#menu_gauche ul					 { margin-top:44px; margin-bottom:44px; padding-left:15px; color:#194a9c; }
			#menu_gauche ul li				 { list-style-image:none; list-style:none; line-height:20px; }
			#menu_gauche ul li.titre_navigation		 { font-size: 23px; font-weight:bold; margin-bottom:5px; }

			#menu_gauche ul ul				 { margin:0 0 2px 0; padding-left:20px; }

			#menu_gauche ul li a			 { color:#194a9c; }
			#menu_gauche ul li a:hover		 { text-decoration: none; font-weight:bold; }
			#menu_gauche ul li a:active		 { text-decoration: none; font-weight:bold; }
			#menu_gauche ul li a.active		 { text-decoration: none; font-weight:bold; }

			/*-- Bloc Livraison ---------------------------------------------------------*/
			#menu_gauche .bloc_livraison	 { background-color:#194a9c; text-align:right; color:#FFFFFF; height:65px; }
			#menu_gauche .phrase_livraison1	 { font-size: 26px; font-weight:bold; font-style:italic; padding-right:15px; line-height:15px; }
			#menu_gauche .phrase_livraison2	 { font-size: 13px; font-weight:bold; font-style:italic; padding-right:15px; }



		/**********************************************************************************
		 *
		 *  TETIERE
		 *
		 **********************************************************************************/

			#tetiere_blanc					 { height:38px; background:url(../images/interface/tetiere_fond_blanc.jpg) no-repeat; letter-spacing: -1px; font-size: 23px; font-style:italic; font-weight:bold; color:#fff; padding-left:25px; }
			#tetiere_blanc span				 { color:#ee8b22; }
			#tetiere_blanc div				 { font-size:27px; font-style:normal; font-weight:normal; color:#194a9c; padding-top:10px; height:28px; float:right; width:565px; text-transform:uppercase; }

			#tetiere_bleu					 { height:38px; background:url(../images/interface/tetiere_fond_bleu.jpg) no-repeat; letter-spacing: -1px; font-size: 23px; font-style:italic; font-weight:bold; color:#fff; padding-left:25px; }
			#tetiere_bleu span				 { color:#ee8b22; }
			#tetiere_bleu div				 { font-size:27px; font-style:normal; font-weight:normal; color:#fff; padding-top:10px; height:28px; float:right; width:565px; text-transform:uppercase; }



		/**********************************************************************************
		 *
		 *  CONTENT
		 *
		 **********************************************************************************/

			#contenu						 { background-color:#fff; float:right; width:710px;  }

			#contenu_page					 { /*min-height:478px;*/ background-color:#CCD7E9; float:right; width:710px; color:#194a9c;  }
			#contenu_page h1				 { font-size:20px;   }
				.scroller					 { height:458px; overflow-y:auto; margin-top:20px; }
					.contenu_zone			 { /*background:gold;*/ width:680px; margin:0 auto; }
						.previewCatalogue	 { float:left; margin:0 13px 20px; }
						.previewCatalogue img { width:200px; }



				/**********************************************************************************
				 *
				 *  CARROUSSEL HOME
				 *
				 **********************************************************************************/

					div.movie_container		 { width: 710px; height: 456px; overflow:hidden; }
						.movie				 { width: 100%; height: 100%; }
						div.movie			 { width: 710px; height: 456px; text-align: center; /*border: 1px solid #333333;*/ margin-top:-75px; }

					/*-- NE PAS MODIFIER ----------------------------------------------------------------*/
						/* ENFANT du carousel et PARENT de la liste UL */
						.carousel .carousel-wrap			{ display:block; vertical-align:middle; margin:0; }
						.IE .carousel .carousel-wrap		{ display:block;}

						/* ITEMS de la liste */
						.carousel ul						{ list-style:none; margin:0; padding:0; }
						.carousel ul li						{ overflow:hidden; display:block; float:left; text-align:center; }

						/* FLECHES : PRECEDENT - SUIVANT */
						.carousel .carousel-control			{ overflow:hidden;display:none;vertical-align:middle;height:37px;cursor:pointer; line-height:999px; }
						.carousel .carousel-next			{ background:url(../images/fleche_bas.jpg) 50% 0 no-repeat;}
						.carousel .carousel-previous		{ background:url(../images/fleche_haut.jpg) 50% 0 no-repeat;}
						.carousel .carousel-control:hover	{ -moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}

					/*-- PERSONNALISATION ----------------------------------------------------------------*/
						.wuithom-carousel-home				{ height:397px; margin:15px auto 0; }
						.wuithom-carousel-home .carousel-wrap	{ height:397px; }
						.wuithom-carousel-home ul li		{ /*min-width:305px;*/ height:397px; margin:0 2px;  }

				/**********************************************************************************
				 *
				 *  CARROUSSEL ENTREPRISE
				 *
				 **********************************************************************************/

					/*-- PERSONNALISATION ----------------------------------------------------------------*/
						.wuithom-carousel-entreprise		{ height:114px; margin:4px auto 0; }
						.wuithom-carousel-entreprise .carousel-wrap	{ height:114px;    }
						.wuithom-carousel-entreprise ul li	{ width:134px; height:114px; margin:0; text-align:center;  }

					/*-- L'ENTREPRISE --------------------------------------------------------------------*/
						#entreprise-texte					{ width:446px; height:252px; float:left; padding:0 15px 0 0; }
						#entreprise-equipe					{ width:218px; float:right; text-align:right; }
						#entreprise-equipe h5				{ margin:2px 0 0 0; font-size:14px; }


				/**********************************************************************************
				 *
				 *  FORMS
				 *
				 **********************************************************************************/

					form									{ padding:0; margin:0; }
					form input[type='text'], form select	{ border:1px solid #194a9c; width:315px; height:20px; color:#555; }
					form input[type='text']					{ height:18px; padding:2px 0 0 0; }
					form textarea							{ border:1px solid #194a9c; color:#555; }
					form input[type='submit']				{ background-color:#FFCA4E; color:#4D4D4D; }
					form input[type='button']				{ background-color:#FFCA4E; color:#4D4D4D; }
					form div								{ padding:0 0 0 0/*12px*/; }
					form div.formLeft						{ padding:0; margin:0; float:left; width:50%; }
					form div.formRight						{ padding:0; margin:0; float:right; width:50%; }
					form span								{ }
					form div + div							{ margin:8px 0 0 0; }
					form div.last							{ text-align:right; }
					form label								{ display:block; font-weight:bolder; text-transform:uppercase; color:#194a9c; margin:0 0 5px 0; cursor:pointer; }
					form input.code_captcha					{ width:100px; }

					/*
					form input#sendMessage					{ background:url(../images/interface/btn_envoyer.gif) no-repeat 0 -38px; width:124px; height:38px; }
					form input#sendMessage:hover			{ background-position:0 0; }
					*/
					form input#sendMessage					{ background:url(../images/interface/btn_envoyer.jpg) no-repeat 0 -80px; width:124px; height:38px; }
					form input#sendMessage:hover			{ background-position:0 0; }

					form input#sendMessageBis				{ margin-top:15px; background:url(../images/skins/ie7/next-horizontal-v2.gif) no-repeat 0 0; width:32px; height:32px; vertical-align:middle; margin-top:-2px; }
					form input#sendMessageBis:hover			{ background-position:-32px 0; }
					form div.btnContact						{ padding-right:20px;   }




				/**********************************************************************************
				 *
				 *  Form Fields
				 *
				 **********************************************************************************/



				/**********************************************************************************
				 *
				 *  LINKS
				 *
				 **********************************************************************************/

					/* Default Links */
					a						 { }
					a:link					 { text-decoration: none; color:#FFFFFF; }
					a:visited				 { text-decoration: none; color:#FFFFFF; }
					a:hover					 { text-decoration: none; color:#194a9c; }
					a:active				 { text-decoration: none; color:#194a9c; }

					a.active				 { text-decoration: none; color:#194a9c; }

					#contenu a:link,
					#contenu a:visited		 { color:#194a9c; }


				/**********************************************************************************
				 *
				 *  LISTS (UL, OL, ...)
				 *
				 **********************************************************************************/

					/*ul								{ margin:0; padding:0px }*/



				/**********************************************************************************
				 *
				 *  PARAGRAPH
				 *
				 **********************************************************************************/




				/**********************************************************************************
				 *
				 *  HEAD (H1, ..., H5)
				 *
				 **********************************************************************************/


					/*
					h1								{ color:#f36621; font-size:14px; font-weight:bold;  }
					h1, h2, h3, h4					{ font-size:17px; font-weight:bolder; padding:7px 0px 5px 20px; margin:0; color:#FFED4F; background:url(../images/interface/fleche_bas.png) 0 15px no-repeat; }
					h2								{ border-left:5px solid #666; padding:0 0 0 10px; margin:15px 0 0 0; }
					h4								{ font-size:110% }


					hr								{ border:0; border-top:1px solid #D2EEFF; }
					*/
					h1.titre-produit				{ font-size:14px; margin-top:0; }



		/**********************************************************************************
		 *
		 *  MENTIONS
		 *
		 **********************************************************************************/

			#mentions								 { color:#194a9c; font-size:10px; clear:both; text-align:right; padding:0 4px 0 0 };
			#mentions a								 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:link						 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:visited						 { outline:none; color:#194a9c; text-decoration:underline; border:0;	}
			#mentions a:hover						 { text-decoration:none;  }



		/**********************************************************************************
		 *
		 *  BLOCKS
		 *
		 **********************************************************************************/

			/*#block_2								 { position:absolute; width:205px; margin:200px 0 0 650px; padding:2px 5px; height:25px; line-height:25px; background-color:#ff9; font-size:0.8em; border:1px solid #fff; color:#000;  }*/
			#block_3								 { margin:20px 10px; padding:2px 5px; height:25px; line-height:25px; background-color:#FFECA5; font-size:0.8em; border:1px solid #FCCD51; color:#000;  }