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



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

		html								{ height:100%; }



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

		body								{ font-family:Verdana, sans-serif; font-size:14px; color:#000; padding:0; margin:0; background:url(../images/interface/body_x.png) repeat-x #FFCA4E; }



	/**********************************************************************************
	 *
	 *  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:#000; }
		.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-left:auto; margin-right:auto; }
		#main								{ margin-top:55px; width:960px; min-height:500px; padding:0; background:url(../images/interface/bg_main.png) #fff no-repeat top left;  }



		/**********************************************************************************
		 *
		 *  HEADER
		 *
		 **********************************************************************************/

			#header							{ height:191px; }






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

			#marge								{ float:left; margin-left:-20px; width:236px; }
				#navigation						{ float:left; width:236px; /*height:236px;*/  }
					#navigation_top					{ float:left; width:236px; height:21px; background:url(../images/interface/bg_navigation_top.png) no-repeat top left;   }
					#navigation_content				{ float:left; width:236px; /*height:236px;*/ padding-bottom:20px; background:url(../images/interface/bg_navigation_bottom.png) no-repeat bottom left; }
						#top_nav					{ font-size:120%; list-style-image:url(../images/interface/puce_menu.png); margin:0 0 0 -10px; width:185px; }
						#top_nav li					{ margin-bottom:3px; background:url(../images/interface/bg_menu.png) no-repeat -15px 0px; }
						#top_nav li	a				{ color:#540; display:block; }
						#top_nav li	a:hover,
						#top_nav li	a.active		{ background:url(../images/interface/bg_menu_actif.png) no-repeat bottom right; }
						#top_nav li.list_level_1	{ margin-left:0; }
						#top_nav li.list_level_2	{ margin-left:30px; }
				#agenda							{ float:left; margin:20px 0 20px 30px; }
					#agenda_content				{ margin:0 10px 0 40px; font-size:10px; }
						#agenda_content h3		{ padding-left:25px; margin-left:-25px; color:#f36621; font-size:14px; font-weight:bold; background:url(../images/interface/puce_1.png) no-repeat top left;  }
						#agenda_content span	{ font-weight:bold;  }
						#agenda_content div		{ margin-bottom:50px; }



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

			#content						{ float:right; margin-right:10px; width:733px; min-height:451px; background:url(../images/interface/bg_content.png) no-repeat top left;  }
				#publication				{ padding:10px 25px; }



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


				/**********************************************************************************
				 *
				 *  GALERIE
				 *
				 **********************************************************************************/


					.previewRealisation		{ margin:5px 5px 0px 0px;/* width:180px; height:175px;*/ float:left; }
					.previewGalerie			{ border:1px; width:200px; height:150px; }
					.galerieTitre			{ font-weight:bolder; }
					.galerieDescription		{ /*color:#666;*/ }



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

					form									{ padding:0; margin:0; }
					form input[type='text'], form select	{ border:1px solid #000; width:315px; height:20px; color:#555; }
					form input[type='text']					{ height:18px; padding:2px 0 0 0; }
					form textarea							{ border:1px solid #000; 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 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; }
					.btnContact								{ margin:0 18px 0 0; }
					form label								{ display:block; font-weight:bolder; text-transform:uppercase; color:#000; margin:0 0 5px 0; cursor:pointer; }
					form input.code_captcha					{ width:100px; }



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



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

					/* Default Links */
					a								{ outline:none; color:#f36621; text-decoration:underline; border:0; }
					a:link							{ 	}
					a:visited						{ 	}
					a:hover							{ text-decoration:none;  }



				/**********************************************************************************
				 *
				 *  TABLES
				 *
				 **********************************************************************************/

					table p 						{ margin-top:0; }

				/**********************************************************************************
				 *
				 *  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; }
					*/




		/**********************************************************************************
		 *
		 *  back2top
		 *
		 **********************************************************************************/

			div.back2top								{ text-align:right; clear:both; padding:0 5px 5px 0;  }
			div.back2top a								{ font-size:0.8em; color:#f36621; text-decoration:underline; border:0;  }
			div.back2top a.noBorder,
			div.back2top a.noBorder:hover				{ border:0;  }
			div.back2top a:hover						{ border:0; text-decoration:none; }



		/**********************************************************************************
		 *
		 *  FOOTER
		 *
		 **********************************************************************************/

			#footer										{ height:178px; background:url(../images/interface/bg_footer.png) no-repeat bottom left; }
				#guitare								{ float:right; margin:0 -30px 0px 0; width:113px; height:178px; background:url(../images/interface/guitare.png) no-repeat top left;  }
				#mentions								{ padding:140px 0 0 3px; font-size:12px; color:#540; text-align:center; }
				#mentions ul							{  }
				#mentions ul li							{ display:inline;  }
				#mentions ul li a						{  }


		/**********************************************************************************
		 *
		 *  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;  }