html {
		font-size:16px;
	}
	
	html, body {
		margin:0; padding:0;
		height: 100%;
	}
	
	body {
		background:#580000 url(zims/frontend/bg_body.jpg) top center no-repeat;
		color:#fff;
		font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
		font-size:80%;
	}
	
/******************************************************************************************************************************
                                                          (X)HTML                                          
******************************************************************************************************************************/
	
	#_________________________Hx{}
	
	/**
	***   TITRES
	************************************************************/
	h1 {
		margin:0; padding:0;
		font-size:2.4em;
	}
	
	h2 {
		margin:0; padding:5px;/*Start hiding from IE Mac \*/
/*Stop hiding from IE Mac */

		margin-bottom:15px;
		font-size:2.4em;
		font-weight:normal;
		color:#FEAA24;
		display:block; height:40px; width:270px;
		text-indent:-5000px; overflow:hidden;
	}
		#page-home h2 { background:#000 url(zims/frontend/h2-news.jpg) top left no-repeat; }
		#page-calendrier h2 { background:#000 url(zims/frontend/h2-calendrier.jpg) top left no-repeat; }
		#page-videos h2 { background:#000 url(zims/frontend/h2-videos.jpg) top left no-repeat; }
		#page-photos h2 { background:#000 url(zims/frontend/h2-photos.jpg) top left no-repeat; }
		#page-palmares h2 { background:#000 url(zims/frontend/h2-palmares.jpg) top left no-repeat; }
		#page-job h2 { background:#000 url(zims/frontend/h2-job.jpg) top left no-repeat; }
		#page-partenaires h2 { background:#000 url(zims/frontend/h2-partenaires.jpg) top left no-repeat; }
		#page-contact h2 { background:#000 url(zims/frontend/h2-contact.jpg) top left no-repeat; }
	
	h3 {
		margin:0; padding:0 0 0 43px;
		font-size:1.2em; color:#FEAA24; _padding-left:48px;
	}
	
	h4 {
		margin:0; padding:0;
		font-size:1.4em; line-height:1.4em;
	}
		
	h5 {
		margin:0; padding:0;
		font-size:1.2em; line-height:1.2em;
	}
	
	h6 {
		margin:0; padding:0;
	}
	
	/**
	***   PARAGRAPHES, LIENS, ETC
	************************************************************/
	p {
		
	}
	
	a {
		
		color:#888; text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	a:active, a:focus { outline:0; }
	
	a img {
		border:0;
	}
	
	object { outline:none; }
	
	/**
	***   LISTES
	************************************************************/
	#_________________________LISTS{}
	

	ul {
		margin:10px 10px; padding:0;
		list-style-type:none;
	}
	
	li {
	
	}
	
	dl {
		margin:0; padding:0px;
	}
	
	dt {
	
	}
	
	dd {
	
	}
	
	/**
	***   FORMULAIRES
	************************************************************/
	#_________________________FORMS{}
	
	form {
		display:block; margin:0; padding:0;
	}
	
	fieldset {
		margin:10px 15px; padding:10px 0;
		background:transparent 0 100% repeat-x;
		border:1px solid #e1e1e1;
	}
		fieldset p {
			margin:0px; padding:5px 10px;
			border:0px solid #fff;
			
		}
		
		fieldset p.focus {   }
		
	
	label {
		float:left;
		width:170px;
		cursor:pointer;
		font-size:1.2em;
	}
	
	legend {
		margin:0 0 0 10px;
		font-size:1.7em;
		color:#008ad2;
	}
	
	input, textarea, select {
		background:#333; border:1px solid #4F4F4F; color:#fff;
		font-family:Trebuchet ms, Arial, Helvetica, sans-serif;
		font-size:1.2em;
	}
	
	input, textarea {
		padding:3px 0px; text-indent:5px;
	}
	
	optgroup { font-style:normal; color:#FF3790; padding:2px 2px; }
	option { color:#4f422d;   }
	optgroup option { padding:3px 5px 1px 5px; }
		
		input.focus, textarea.focus, select.focus { /*border-color:#008ad2; background:#fff;*/  }
		
		input.disabled { border:0; background:transparent; cursor:default; }
		
		.missingField label { color:#ec0001; }
		.missingField input, .missingField textarea, .missingField select { border-color:#ec0001; }
		.invalidField label {  color:#ec0001;}
		.invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }
		
		input.readonly { background:#fafafa; }
		
	.formButtons {
		border-top:1px dashed #CCCCCC;
		direction:rtl;
		margin:0 10px; padding:10pt 0pt 5px 170px;
		text-align:left;
	}
	
	div.formButtons input, input.submitButton {
		text-indent:0; padding:2px 5px; text-align:center;
		background:transparent url(zims/frontend/submit.png) 0 0 repeat-x;
	}
		
		.submitField {  }
		.imageButton { background:transparent; border:0; padding:0; }
		
		.submitField.hover { font-size:18px; }
		
		.formErrors { margin:0; padding:10px 0 10px 15px; }
		.formErrors li { font-size:1.2em; list-style:none; margin:0px 0 5px 0; padding-left:24px; line-height:16px; color:#ec0001; background:transparent url(zims/icons/warning-02.gif) 0 0 no-repeat; }
		
		p.uniqueCheckBoxField input { margin-left:170px; }
		p.uniqueCheckBoxField label { float:none; position:relative; bottom:2px; }
		
		/**
		 * Boutons radio
		 */
		div.fieldsList {
			overflow:auto; 
			padding-left:175px; 
			position:relative;
			margin-top:10px;
			margin-bottom:10px;
			
		}
			div.fieldsList div.fieldsListTitle { position:absolute; top:0; left:0; _left:-175px; width:175px; padding:5px 10px 5px 10px;font-size:1.2em; }
			div.fieldsList div.fields { position:relative; }
				div.fieldsList div.fields div { margin:3px 0; width:200px; float:left; }
				div.fieldsList div.fields div label { float:none; clear:none;  }
				div.fieldsList div.fields div input { position:relative; top:2px; }
				
				div.fieldsList label:hover { color:#FF3790; }
			
			div.fieldsList.invalidField label { color:#5f5f5f; }
			div.fieldsList.invalidField div.fieldsListTitle { color:#ec0001; }
			
		div.radio-field input      { background:transparent; border:0; }
		.uniqueCheckBoxField input { background:transparent; border:0; }
	
	
	
	/**
	***   TABLEAUX
	************************************************************/
	#_________________________TABLES{}
	
	table { margin:10px; padding:0; border-spacing:0; border-collapse:collapse; }
	th, td { border:1px solid #9a9a9a; }
	th { background:#fafafa; padding:4px 5px; font-size:1.1em; font-weight:bold; }
	td { padding:2px 5px; background:#fff; }
	
	
	
	
/******************************************************************************************************************************
                                                          LAYOUT                                          
******************************************************************************************************************************/
	
	#_________________________LAYOUT{}

	#MainW  {  
		background:none;  
		width:990px; 
		margin:0 auto 0 auto; 
		/*min-height: 100%;*/
		position:relative;
		
	}
	#Main  {  
		
	}
	
	#Header { 
		height:505px;
		margin:0px 0px; 
		position:relative;
		background:none; 
	}
	
		#Header h1 { 
			display:block; 
			width:300px; height:95px; 
			margin:0; padding:85px 0 0 0; 
		}
		#Header #HomeLink { 
			display:block; margin:0 auto;
			width:300px; height:95px; line-height:148px;
			overflow:hidden; color:#ddd; text-indent:-5000px;
		}
		
	
	#ContentW  {	
		width:990px; padding:0; margin:0;
		background:transparent url(zims/frontend/bg_content.jpg) top center repeat-y;
		overflow:auto;
		padding-bottom:50px;
	}
	
	#Content {
		margin:0; padding:0 0 0 50px;
	}
		#Content p {
			text-align:justify; line-height:1.5; font-size:1em; 
			
		}
		
		#trueContent {
			width:580px; 
			float:left;
		}
		
		#Pubs {
				background:transparent url(zims/frontend/sep_pubs.jpg) no-repeat scroll left top;
				height:592px; padding-top:58px;
				margin-left:590px;
				text-align:right;
				width:326px;
		}
			#Pubs img { margin-top:15px; }
		
		#Pubs #MitjetLink {  }
		#Pubs #CalendarLink, #Pubs #PalmaresLink { 
			display:block; 
			width:300px; height:60px; 
			background:transparent url(zims/frontend/btn_calendrier.jpg) 0 0 no-repeat; 
			margin-left:26px;
			text-indent:5000px; overflow:hidden;
		}
		
		#Pubs #CalendarLink:hover, #Pubs #PalmaresLink:hover { background-position: 0 -61px; }
		
		#Pubs #PalmaresLink { background:transparent url(zims/frontend/btn_palmares.jpg) 0 0 no-repeat;  }
		
	
	#Footer {
		width:990px; height:101px; 
		padding-left:10px;
		margin:0 auto;
		clear:both; 
	}
		
		#FooterCopyrights {
			width:985px; height:101px; 
			background:transparent url(zims/frontend/bg_footer.jpg) top left no-repeat;	
		}
		#FooterCopyrights p { margin:0; line-height:36px; text-align:center; text-align:center; color:#aaa; font-size:1.1em; padding-top:35px; }
		#ConceptionCreditLink { text-decoration:none; color:#197ac4; font-weight:bold; padding-left:13px; background:transparent url(zims/frontend/crea2f-squares.gif) 0 2px no-repeat; }
		#ConceptionCreditLink span { color:#c5a624; }
		#ConceptionCreditLink:hover { color:#4D92C9;  }
		#ConceptionCreditLink:hover span { color:#d6ae08; }
	
	
	
	div.clear { background:transparent url(zims/frontend/bg_content.jpg) top center repeat-y; 
				float:none; clear:both; height:1px; line-height:1px; margin:0; padding:0; }
	
	
	
	#_________________________PAGINATION{}

	/**
	 * Pagination
	 */
	.navigationInfo { text-align:right; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; color:#5f5f5f; margin:0 20px 10px 0; }
	
	.paginationLinks { text-align:center; line-height:14px; }
	.paginationLinks span.currentPage { font-size:1.4em; font-weight:bold; }
	.paginationLinks a { font-size:1.4em;
		
	}
	.paginationLinks span.currentPage, .paginationLinks a {  }
	
	
	
	
	#_________________________DIALOGS{}

	/**
	 * Dialog
	 */
	 
	.ui-dialog-content p { margin:10px; text-align:center; }
	div.DialogWindowContent { display:none; }
	
	
	#_________________________CAPTCHA{}

	/**
	 * Captcha
	 */
	#Captcha {
		display:block;  margin:0; padding:0;
		border:1px dotted #fff;
		position:absolute; left:180px; top:36px; _left:0;
	}
		input#captcha.focus { border-color:#fff; }
		#field-captcha { padding-bottom:80px; position:relative; }
		#field-captcha label {  }
		
		
	#CaptchaReloadLink {
		position:absolute; top:36px; left:156px;;
		width:24px; height:24px; background:transparent url(zims/icons/captcha/reload.jpg) 0 0 no-repeat;
		text-indent:-5000px; overflow:hidden; cursor:pointer;
	}
	#CaptchaReloadLink:hover { background-position:0 -24px; }
	
	
	#_________________________LOADING{}


	/**
	 * LoadingIcon
	 */
	
	.LoadingOverlay {
		position:absolute; top:50%; left:50%;
		margin:-20px 0 0 -100px;
		width:200px; height:40px; line-height:40px;
		text-align:left; text-indent:55px; font-size:1.2em; 
		background:transparent url(zims/frontend/profil-photo-loading.png) 0 0 repeat;
		color:#fafafa;
	}
	.LoadingOverlay img {
		position:absolute; top:50%; left:10px; margin:-16px 0 0 0;
	}
		html.js .LoadingOverlay { display:none; }
		
		
	#diaporama {
		position:absolute;
		top:194px; left:96px;	
		width:800px; height:250px;
	}
	
	#defilePartenaires {
		position:absolute; bottom:0; left:37px; width:944px; height:50px; border:none; 
	}
		
/******************************************************************************************************************************
                                                         T I T R E S                                           
******************************************************************************************************************************/


/******************************************************************************************************************************
                                                        NEWS                                        
******************************************************************************************************************************/	
	#page-home .info {
		padding:5px;
		margin-bottom:10px;
	} 
		.info .topInfo { 
				background:#333333 url(zims/frontend/bg_box_top.jpg) top left no-repeat;
				text-align:right; font-style:italic; 
				padding:5px;
		}
		.info .innerInfo { 
			background:#333333 url(zims/frontend/bg_box_bottom.jpg) bottom left no-repeat;
			padding:8px;
		}
		
		.info .andros2009 { 
			background:#333333 url(zims/frontend/bg_news_andros2009.jpg) bottom left no-repeat;
		}
		
		.info .andros2009 h3 { 
			background:#333333 url(zims/frontend/logo_andros.jpg) left top no-repeat;
		}
		.info .videos h3 { 
			background:#333333 url(zims/frontend/logo_cam01.jpg) 0 0 no-repeat;
			line-height:30px; padding-top:6px;
		}
		
		#page-home .innerInfo a { color:#FEAA24; }
		#page-home .innerInfo a:hover { color:#FFFF00; text-decoration:none; }
		
		#page-home .innerInfo a.plusinfos { margin-left:480px; color:#FFFF00; font-style:italic; }
		
		#page-home .innerInfo .signature { font-weight:bold; font-style:italic; text-align:right; }
		
/******************************************************************************************************************************
                                                        CALENDRIER                                       
******************************************************************************************************************************/		
		
		#page-calendrier h3.saison { text-align:center; }
	
		.TypeCourse ul li {
				background:#4F4F4F;
				padding:5px; overflow:visible;
				margin:2px 3px; text-align:left;
				position:relative;  height:25px; display:block;
				text-align:right;
			}
			
			.TypeCourse ul li span.lieu {
				display:block; 
				float:left;
				width:300px;	
				font-weight:bold;
				text-align:left;
				text-indent:5px;
			}
			
		
		
		
		
		
/******************************************************************************************************************************
                                                        PHOTOS / PALMARES / VIDEOS                                     
******************************************************************************************************************************/	
	
	a.photoReturn {
		position:absolute; top:516px;
		background:transparent url(zims/frontend/bg_retour.jpg) 0 0 no-repeat;
		display:block;
		height:25px;
		padding-left:30px;
		padding-top:5px;
		width:80px;
		margin-left:505px;
	}
		a.photoReturn:hover { background-position:0 -31px ; color:#fff; text-decoration:none; }
	
	#page-photos .Annee, #page-videos .VList, #page-calendrier .TypeCourse, #page-palmares .Palmares {
		padding:5px;
		margin-bottom:10px;
	} 
		.Annee .topAnnee, .VList .topVList, .TypeCourse .TopTypeCourse, .Palmares .TopPalmares { 
				background:#333333 url(zims/frontend/bg_box_top.jpg) top left no-repeat;
				text-align:left; 
				padding:5px; 
		}		
		.Annee .topAnnee h3, .VList .topVList h3 , .TypeCourse .TopTypeCourse h3, .Palmares .TopPalmares h3 { padding:0; }
		
		.Annee .innerAnnee, .VList .innerVList, .TypeCourse .innerTypeCourse, .Palmares .innerPalmares { 
			background:#333333 url(zims/frontend/bg_box_bottom.jpg) bottom left no-repeat;
			padding:5px; 
		}
			.Annee ul, .VList ul, .TypeCourse ul, .Palmares ul { margin:0; padding:0 0 5px 0; }
		
			.Annee ul li, .VList ul li, .Palmares ul li {
				background:#4F4F4F;
				padding:5px; overflow:visible;
				margin:2px 3px; text-align:left;
				position:relative;  height:45px; display:block;
			}
			
			.Annee ul li span, .VList ul li span, .Annee ul li a.lienTexte, .VList ul li a.lienTexte {
				display:block;  float:left; 
				width:465px; height:40px;
				border:none; color:#fafafa;
			}
			
			.Annee ul li a.lienImg, .VList ul li a.lienImg, .Palmares ul li a.lienGal {
				display:block; 
				padding:0;  height:40px; 
				border:1px solid #9F9F9F;
				margin:0; width:60px;
				position:absolute; right:5px; top:7px;
			}
			
			.Palmares ul li a.lienGal {
				text-indent:-5000px; overflow:hidden;
				background:url(zims/icons/photos.gif) 0 0 no-repeat;
				width:44px; border:none;
			}
			
			.Annee ul li a.lienTexte:hover, .VList ul li a.lienTexte:hover { color:#fff; text-decoration:none; } 
			.Annee ul li a.lienImg:hover, .VList ul li a.lienImg:hover { border-color:#fff; }
			
			.Annee ul li a img, .VList ul li a img { display:block; }
			
			#page-photos ul.mozaique	{
				overflow:visible;
				padding:15px 0 0;
				width:500px;
				margin:0 auto;
			}	
			
	#page-photos .mozaique li {
		float:left; 
		margin:5px; padding:0;
	}
	
		#page-photos .mozaique li a {
				border:5px solid #ffffff;	
				padding:0; margin:0; 
				display:block; 			
		}
		
			#page-photos .mozaique li a:hover { border-color:#999999; }
			
			#page-photos .mozaique a img { padding:0; margin:0; display:block; }
			
			
/******************************************************************************************************************************
                                                        VIDEOS                                          
******************************************************************************************************************************/	
		
		#page-videos h3{
			color:#fff;
			text-align:center; line-height:40px;
		}
		
		#page-videos p { text-align:center; }
		
		#page-videos .dwnVideo {
			background:#580000; color:#fff; padding:5px; font-weight:normal;
			text-align:center;  widh:100%; display:block;
		}	
		

	
/******************************************************************************************************************************
                                                        JOB                                          
******************************************************************************************************************************/	

	.vipchallenge { color:#FEAA24; }
	
	.jobLink { display:block; width:555px; margin:20px auto;}
		.jobLink img { padding-bottom:20px; }


	
/******************************************************************************************************************************
                                                        PARTENAIRES                                           
******************************************************************************************************************************/	
	ul#partnersList { padding-top:15px; overflow:visible; }
	
		ul#partnersList li {
			float:left; padding-top:15px;
			width:270px; text-align:center;
			height:150px; 
		}
	
/******************************************************************************************************************************
                                                        CONTACT                                            
******************************************************************************************************************************/
	
	#_________________________CONTACT{}
	
	#ContactForm input {
		
	}	
	#ContactForm fieldset{ border:none; }
	#ContactForm #nom { width:300px; }
	#ContactForm #prenom { width:300px; }
	#ContactForm #societe { width:300px; }
	#ContactForm #email{ width:300px; }
	#ContactForm #tel { width:100px; }
	#ContactForm #sujet { width:300px; }
	#ContactForm #message { width:300px; height:120px; }
	
	
	#ContactForm label { color:#6F6F6F; } 
		#ContactForm label:hover { color:#FEAA24; }
	
	#ContactForm input:hover {
		border:1px solid #6F6F6F; background:#3F3F3F;
	}
	
	#ContactForm .formButtons { border:none; padding:10px 0; direction:rtl; #padding-left:165px; }
	#ContactForm input#ContactFormSubmit { 
		display:block; height:39px; width:110px; border:none; 
		background:none;
		margin-right:248px; 
	}
	

	
	
/******************************************************************************************************************************
                                                                                                    
******************************************************************************************************************************/
	
	
	
	
	
	
/******************************************************************************************************************************
                                                       MENU PRINCIPAL                                             
******************************************************************************************************************************/
	
	#_________________________MAIN-MENU{}
	
	#MainMenu {
		position:absolute; right:70px; top:0; 
		width:635px; height:190px;
		margin:0; padding:0;
		overflow:hidden;
		background:none ;
	}
	
	object#MainMenu {
		outline:none;
	}
	
		#MainMenu li { list-style:none; height:28px; opacity: 0.8; width:120px; margin-left:30px; }
		
		#MainMenu li a {
			display:block; height:28px; line-height:28px;
			text-align:center; 
			text-decoration:none; 
			font-weight:bold;
			/*text-indent:-5000px; overflow:hidden;*/
			outline:0; 
			padding:0 10px;
			background:#000; 
			font-size:1.2em;
		}
		#MainMenu li a:active { border:0; }
		
		#MainMenu li a:hover {
			background:#eee;
		}
		#MainMenu li.currentItem a {  }
		#MainMenu li a strong {  color:#ec0001; }
		
		/**
		 * Menu image
		 **/ /*
		#MainMenu li a, #MainMenu li.currentItem a {
			background-image:url(zims/frontend/_____.jpg);
			background-color:transparent;
			background-repeat:no-repeat;
		}
		
		#item-, #item- a { width:px; background-position:px px; }
		#item-, #item- a { width:px; background-position:px px; }
		#item-, #item- a { width:px; background-position:px px; }
		
		#item- a:hover, #item-.currentItem a { background-position:px -px; }
		#item- a:hover, #item-.currentItem a { background-position:px -px; }
		#item- a:hover, #item-.currentItem a { background-position:px -px; }
		*/