/* CSS par Saabre.com pour la société Mauler */

/* GENERAL *************************/
body 								{ margin:0; padding:0; background-color:#B1AD56; font-family:Arial, Helvetica, sans-serif;
									  font-size:0.81em; }
									  								  
.container 							{ height:auto; margin:0 auto; padding:0; width:960px; }

#main 								{ background:#DEE6F1 url(../img/general/main-bg.jpg) no-repeat center top;
									  margin:0; padding:0 0 20px 0; }



/* HEADER **************************/
#header 							{ height:134px; z-index:100; }
#header ul 							{ list-style: none; }
#header h1, #header p 				{ padding:0; margin:0; width:170px; height:107px; position:absolute; }
#header h1 a, #header p a 			{ display:block; width:154px; height:97px; margin:16px 0 0 10px; padding:0;  
									  background: url(../img/general/logo.gif); text-indent:-3000px; }



/* MENU ****************************/
/* -> niveau 0 */
ul.dropdown                         { position: relative; margin:46px 7px 0 0; padding:0;float:right; z-index:100; }
ul.dropdown li                      { float: left; zoom: 1; font-size:1.54em;  z-index:100; margin-left:16px; 
									  background: url(../img/general/menu-element-left.gif) no-repeat -1000px -1000px; }
ul.dropdown li a	                { display: block; padding: 0 7px;
	 								  text-decoration:none; color: #FFFFFF; 
									  background: url(../img/general/menu-element-right.gif) no-repeat -1000px -1000px;}
ul.dropdown li a span                { display: block; padding: 4px 0; line-height:31px; padding-left:6px; padding-right:6px;
	 								  text-decoration:none; color: #FFFFFF; 
									  background: url(../img/general/menu-element-bg.jpg) no-repeat -1000px -1000px; }

ul.dropdown li a.hover span		    { color: #767348; background:repeat-x top;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover                { position: relative; background: url(../img/general/menu-element-left.gif) no-repeat top left; }
ul.dropdown li.hover a 	        	{ color: #767348; background: url(../img/general/menu-element-right.gif) no-repeat top right; }
ul.dropdown li.hover a span        	{ color: #767348; background: url(../img/general/menu-element-bg.jpg) repeat-x top;  
									  padding-left:6px; padding-right:6px; }

/* -> niveau 1 */
ul.dropdown ul 						{ margin:0; padding:0 0 5px 0; width:250px; visibility: hidden; position: absolute; 
									  top: 100%; left: 0; z-index:100; background:url(../img/general/menu-bas.gif) no-repeat bottom left; }
ul.dropdown ul li 					{ font-size:0.65em; background: none #EDE9BC; color: #767348; z-index:100; margin:0 !important; padding:0; 
									  border-bottom: 1px solid #E7E28E; float: none;  width:250px; }
ul.dropdown ul li.hover      		{ background: #FFFEE0; }

/* -> surcharge pour les cas où il n'y a pas de sous-menu */
li.no-menu		 					{ background-image:url(../img/general/menu-element-simple-left.gif) !important; }
li.no-menu a	 					{ background-image:url(../img/general/menu-element-simple-right.gif) !important; }
li.no-menu a span		 			{ background-image:url(../img/general/menu-element-simple-bg.gif) !important; }
li.no-menu.hover 					{ background-image:url(../img/general/menu-element-simple-left.gif) !important; }
li.no-menu.hover a 					{ background-image:url(../img/general/menu-element-simple-right.gif) !important; }
li.no-menu.hover a span 			{ background-image:url(../img/general/menu-element-simple-bg.gif) !important; }
									  
/* -> IE 6 & 7 ont besoin d'Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;  line-height: normal; background:none !important; 
									  margin:0; padding:7px 14px; width:222px; } 

ul.dropdown ul ul 					{ left: 100%; top: 0; }


/* FOOTER **************************/
#footer								{ background:url(../img/general/footer-bg.jpg) repeat-x top; 
									  height:110px; margin:0; padding:0; color:#E2DD9B; font-size:0.92em; }
#footer a 							{ color:#E2DD9B; }
#footer a:hover 					{ color:#FFFFFF; }
#footer .container #copyright 		{ width:540px; float:left; margin:16px 0 0 0; padding:32px 0 0 0; }
#footer .container #legal 			{ background:url(../img/general/footer-logo.gif) no-repeat top right;
									  width:280px; float:right; margin:16px 0 0 0; padding:32px 140px 0 0; height:44px; text-align: right; }
									  
									  
#footer .container #texte-bottom	{ clear:both; padding:20px 0; font-size:0.9em; }