html, body 		{ margin: 0; padding: 0; background-image:url('../images/fondeaufonce.gif'); background-repeat:repeat-y;}
		body 			{ color: #fff; font: 15px Arial, Helvetica, sans-serif; line-height: 18px; }
		h2				{ color: #fff; }
        h3              { margin-bottom: 40px; }
        h4              { text-decoration: underline; }
		a				{ color: #eee; }
		p				{ margin: 0 0 18px; }
        
        p.bottomExtra   { border-top: 1px solid #ccc; margin-top:36px; }
        p.lastExtra     { border-top: 1px solid #ccc; margin-bottom: 18px; margin-top: 18px; padding-top: 18px;}
        
        hr              { color: #ccc; height: 1px; margin-top: 40px; margin-bottom: 40px;}
		#container		{ width: 760px; margin: 0 auto; border-color: #7d7d7d; border-style:solid; border-width:1px; background-color:#00005c; position:relative;}
		
		/* Header */
		#header			{ background: #eee; border-bottom: 2px solid #7d7d7d; background-color:#00005c; text-align:center; height:146px;padding: 20px;}
		
		/* Content Style */
		#navigation		{ border-bottom: 1px solid #ccc; margin-left: 18px; }
		#navigation ul	{ padding: 0 18px 9px;  list-style: none;}
		#navigation li	{ padding: 5px 0 5px 0; }
		#content		{ border-bottom: 1px solid #ccc; margin-bottom: 18px; padding-right: 15px;}
		#content p, #content ul, #extra p, .extra p{ padding-right: 18px; }
        #content tr { vertical-align:text-top; }
        #content .olAlpha { list-style-type:lower-alpha; }
        #content ul.club { list-style-type:none; }
        #content ul.club li {padding: 5px 0; }
        #content ol li {padding: 5px; }
        #main {padding: 15px; }
		#placeHolder	{width: 760px; height: 30px; top: 155px; position:absolute; 
						 border-bottom-color: #7d7d7d; 
						 border-top-color: #7d7d7d;
						 border-top-style: solid;
						 border-bottom-style: solid; 
						 border-bottom-width: 1px; 
						 border-top-width: 1px; 
						 text-align:center;
						 }
		
		#TopNavPlaceholder { background:red; 
								background:#369;	/* Finishing touches */
								margin:0; 
								font-size:normal; padding:0.25em 0;  /* the vertical padding MUST match the vertical padding on the TopNav menu items - change both together */
 }
				ul#TopNav {		background:#00005c;
								position:absolute; 
								top:155px; left:0; 
								width:760px;
								margin:0; padding:0;
								font-size:normal; 
								list-style:none;}
				ul#TopNav li {	margin:0; 
								border-right:1px solid #ccc;
								padding:0;
								float:left; }
				ul#TopNav li a { color:#fff; 
								display:block;
								padding:0.25em 0.75em;
								text-decoration:none; }
				ul#TopNav li a:hover {
								text-decoration:underline;
								background:#69c; }
				ul#TopNav li a.TopNavCrumbTrail {
								background:#69c; }

/* Start LeftNavCSS.txt */

				/* Multi-level left navigation menu */
				ul#LeftNav {		float:left;
									width:160px;
									font-size:medium;
									list-style:none; 	/* bye bye bullets */
									margin:1.5em 0 0 0;	/* push the menu down slightly */
									border:0;
									padding:0; }
				/* Generic colors for links */
				ul#LeftNav a:link {		color:#fff; }
				ul#LeftNav a:visited {	color:#fff; }
				ul#LeftNav a:active {	color:#fff; }


				ul#LeftNav li {		margin:2px 0; 
									border:0; 
									border-top:0; border-right:0; border-bottom:1px solid #ccc; border-left:0;
									padding:0; 
									font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small;
									color:#039;}
				ul#LeftNav li.MenuTitle { margin:1em 0 0 0;
									border:0; 
									padding:0.25em 5px; 
									text-align:center;
									font-family:Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:bold; 
									background:#e7e7e7;
									Xbackground:#e6b24c; /* complement colour to #369 */
									color:#039;}
								   
				ul#LeftNav li a {   display:block;
									/* 160 - 0 (a margin-left) - 10 (a padding-left) - 4 (a padding-right) - 5 (a border-right) = 160 - 19 = 141px */
									/* BrokenBox calculation (for IE5 and 5.5):  160 - 0 (a margin) = 160px = 144 */
									width:141px;	/* *** BrokenBox *** */
									Xwidth:144px;	/* *** BrokenBox *** */
									Xwidth:auto;
									margin:0;
									border-top:0; border-right:5px solid #ccc; border-bottom:0; border-left:0;
									padding:0.25em 4px 0.25em 10px; 
									font-family:Arial, Helvetica, sans-serif; font-variant:normal; font-weight:normal; /* reset the font styling (used for menu title items) */
									text-decoration:none; }
				ul#LeftNav li a:hover { text-decoration:underline; 
									border-top:0; border-right:5px solid #3e7bb8; border-bottom:0; border-left:0;
									background:#69c; }
				ul#LeftNav li a.CrumbTrail { background:#69c;
									border-top:0; border-right:5px solid #3e7bb8; border-bottom:0; border-left:0;}
									
				/* Sub-list items */										  
				ul#LeftNav ul {		width:160px;	/* match width of top-level li */
									font-size:small;
									margin:0;
									Xborder:1px solid black;
									padding:0;
									list-style:none; }
				ul#LeftNav ul li {	margin:0; 
									border:0; 
									padding:0; 
									font-family:Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:bold;
									color:#039;}
								   
				ul#LeftNav ul li a {    /* 160 - 0 (a margin-left) - 30 (a padding-left) - 4 (a padding-right) - 5 (a border-right) = 160 - 39 = 121px */
									/* BrokenBox calculation:  160 - 0 (a margin-right) = 160 = 144 */
									width:121px; 	/* *** BrokenBox *** */   
									Xwidth:144px;	/* *** BrokenBox *** */
									Xwidth:auto;
									margin:0;
									display:block;
									border-top:0; border-right:5px solid #ccc; border-bottom:0; border-left:0;
									xborder:1px solid black;
									padding:0 4px 2px 30px; 
									background:#ffc url(../images/TripleBullet_Small.gif) 20px 50% no-repeat;
									font-family:Arial, Helvetica, sans-serif; font-variant:normal; font-weight:normal; /* reset the font styling (used for menu title items) */
									text-decoration:none;}
				ul#LeftNav ul li a:hover { text-decoration:underline; 
									border-top:0; border-right:5px solid #3e7bb8; border-bottom:0; border-left:0;
									background:##69c url(images/TripleBullet_Small.gif) 21px 50% no-repeat; }
				ul#LeftNav ul li a.CrumbTrail { background:#69c url(images/TripleBullet_Small.gif) 20px 50% no-repeat;
									border-top:0; border-right:5px solid #3e7bb8; border-bottom:0; border-left:0;}

/* End LeftNavCSS.txt */			
								
		/* Content Positioning & Size */
		#navigation		{ float: left; width: 175px; }
		#content		{ float: right; width: 540px; }
		#extra, .extra			{ float: right; width: 540px;}
        #extra a, .extra a        { text-decoration:none; }
        		/* Footer */
		#footer			{ background: #00005c; border-bottom: 2px solid #999; border-top: 1px solid #7d7d7d; clear: both; }
		#footer a		{ color: #eee; }
		#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
		#footer ul		{ border-bottom: 1px solid #7d7d7d; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
        #main           {float: both; width: auto; text-align: center; }
        
#ClubResp ul {font-weight: bold; list-style-type: none;}
#ClubResp ul li ul {font-weight: normal; list-style-type: disc;}
#ClubResp ul li ul li {padding: 3px; }

.executif {
  width: 200px;
  margin: 5px 15px;
  padding: 15px;
  float: left;          
}

.execTitle {
  font-weight: bold;
  font-size: larger;
}        

.floatRight {float: right; }    
.floatLeft {float: left; }
.clearBoth { clear: both; } 

.textBold {font-weight:bold; }

.ozoneLogo {
	padding-right: 20px;	
}

.ozoneTitle {
	text-align: center;
	padding-top: 60px;
}

.vendorLogo {
    padding: 10px;
    border: 0;
    margin: 0;
 }   
 
 .padiLogo {
    padding: 15px;
    border: 0;
    margin: 0;
    float: right;
 }
 
 .saleImage {
    padding: 3px;
    border: 3px solid #69c;
    margin: 0 10px 0 0;
    background-color: white;      
    color: #000;
    height: 300px;     
 }
 
 .price {
    padding: 10px 0 0 0;
    border: 2px solid red;
    border-right: 0;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 15px;
    color: black;
  }
  
  .priceChange { 
     padding: 0 20px 0 0;
     border: 0;
     margin: 0;
     float: right;
     color: #ccc;
   }
   
   .lieuTitre {
     padding: 0;
     border: 0;
     margin: 0;
     font-weight: bold;          
    }

   .lieuAdresse {
     padding: 0;
     border: 0;
     margin: 0 0 0 15px;         
    }    
    
   .photoGilles {
     padding: 10px;
     border: 1px solid #69c;
     margin: 30px 0 0 80px;         
     text-align: center; 
     width: 322px;          
    }
    
 .frenchCourseTitle {
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 13px;
  }
    
 .alignCenter {
    text-align: center;
 }   
 
 .textSuperScript {
    font-size:xx-small; 
    vertical-align:top; 
 } 
 
 .language {
    font-size: 175%;
    font-weight: bold;
    text-align: center;
}

 #CampingContent {
    width: 760px; margin: 0 0 0 450px; text-align: center;
 }
 
 #CampingContent a:link { color:#fff; text-decoration: none; font-weight: bold;}
 #CampingContent a:visited { color:#fff; text-decoration: none; font-weight: bold;}
 #CampingContent a:active { color:#fff; text-decoration: none; font-weight: bold;}
 #CampingContent hr { height: 3px }