/* #####################################################################################################################################################																		     *                                                                       RESET
	 *####################################################################################################################################################*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0; padding: 0;
		border: 0;
		font-size: 100%; font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section 
	{ display: block }
	
	body { line-height: 1 }
	ol, ul { list-style: none }
	blockquote, q { quotes: none }
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none }
	table { border-collapse: collapse; border-spacing: 0}
	
	/* #####################################################################################################################################################																		     *                                                                       HTML
	 *####################################################################################################################################################*/
	
	html { font-size:12px; height: 100%; }
	/*html, body { height: 100%; }*/
		 
	 /**
	 * HTML5 fix
	 */
	/*article, aside, canvas, footer, header, hgroup, nav, section, video
	{display: block;}
	abbr, audio, details, figcaption, figure, mark, meter, output, progress, summary, time
	{display: inline;}*/
	
	/**
	 * Titles
	 */
	h1, h2, h3, h4, h5, h6 { padding:0; font-weight:normal; font-size:1.5em;}
	
	/**
	 * Paragraphs, links
	 */
	p { }
	
	
	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px;}
	
	/**
	 * Lists
	 */
	ul { }
	li { }
	
	dl {}
	dt {}
	dd {}
	
	/**
	 * Forms
	 */
	form { display:block; }
	fieldset { background:none; border:0; }
	fieldset p { margin-bottom: 12px; }
	fieldset p.focus {}
	label { display: block; cursor:pointer; font-size: 14px; margin-bottom: 4px;}
	legend { margin:0 0 0 10px; font-size:1.5em; color:#008ad2; }
	input, textarea, select { border:1px solid #888; background:#fafafa; font-family:Trebuchet ms, Arial, Helvetica, sans-serif; }
	input, textarea { padding:3px 0px; text-indent:5px; }
	textarea { font-size:1em; overflow: auto; }
	
	optgroup { font-style:normal; color:#FF3790; padding:2px 2px; }
	option { color:#707070;   }
	optgroup option { padding:3px 5px 1px 5px; }
		
	input.focus, textarea.focus, select.focus, input:focus, textarea:focus, select:focus { border-color:#ff8c6b; background:#FFFBF9;  }
	input.disabled { border:0; background:transparent; cursor:default; }
	input.readonly { background:#fafafa; }
	
	.missingField label, .invalidField label { color:#F24B48; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#F24B48; }
		
	.formButtons { padding:0 0 0 0; text-align:left; }
	.formButtons input, .submitButton { 
		text-indent:0; padding:3px 15px; 
		text-align:center; color:#fff; font-weight:bold; cursor:pointer; font-size: 16px; 
		border-radius: 4px;  background: #5E5B60;
	}
	.submitButton:hover { color:#ff8c6b; }
		
	.submitField {}
	.imageButton { background:transparent; border:0; padding:0; }
	
	.formErrors { margin:0; padding:0 0 15px 0; }
	.formErrors li { 
		margin:0px 0 5px 0; padding-left:24px; 
		line-height:16px; color:#F24B48;
		background:transparent url(zims/icons/form-error-16.png) 0 0 no-repeat !important; }
	
	.uniqueCheckBoxField input { margin-left:170px; }
	.uniqueCheckBoxField label { float:none; position:relative; bottom:2px; }
	
	#field-security { display:none; }
	
	
	/**
	 * Boutons radio, checkbox
	 */
	.fieldsList { overflow:auto; padding-left:175px; position:relative; margin:10px 0; }
	.fieldsList .fieldsListTitle { position:absolute; top:0; left:0; width:175px; padding:5px 10px; font-size:1.2em; }
	.fieldsList .fields { position:relative; }
	.fieldsList .fields div { margin:3px 0; width:200px; float:left; }
	.fieldsList .fields label { float:none; clear:none;  }
	.fieldsList .fields input { position:relative; top:2px; }
	.fieldsList label:hover { color:#FF3790; }
		
	.fieldsList.invalidField label { color:#5f5f5f; }
	.fieldsList.invalidField div.fieldsListTitle { color:#ec0001; }
	
	.radio-field input, .uniqueCheckBoxField input { background:transparent; border:0; }

	
	/**
	 * 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; }
	
	/**
	 * jQuery fixes
	 */
	.jquerybubblepopup  td { border:0; }
	.ui-widget th, .ui-widget td { border:0; background:transparent; }
	
	/* #####################################################################################################################################################																		     *                                                                       LAYOUT
	 *####################################################################################################################################################*/
	
	
	/**
	 * Misc
	 */
	div.clear { float:none; clear:both; height:1px; line-height:1px; margin:0; padding:0; }
	
	/**
	 * Pagination
	 */
	.PaginationLinks { position:relative; clear:both; float:none; margin:5px 10px 0 10px; padding:0 100px 0 118px; text-align:center; line-height:17px; }
	.PaginationLinks span.CurrentPage {  font-size:1.2em; }
	.PaginationLinks a.PaginationLink {  color:#aaa; font-size:1.2em; }
	.PaginationLinks a.PaginationLink:hover { color:#888; }
	.PaginationLinks span.CurrentPage, .PaginationLinks a.PaginationLink { margin:0 3px; }
	.PaginationLinks .PrevLink, .PaginationLinks .NextLink { position:absolute; top:50%; margin:0; margin-top:-7px; font-size:13px; }
	.PaginationLinks .PrevLink { left:3px; }
	.PaginationLinks .NextLink { right:0; }
	.PaginationLinks span.PrevLink, .PaginationLinks span.NextLink { color:#ddd; }

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

	/**
	 * Captcha
	 */
	#Captcha { display:block;  margin:0; padding:0; border:1px dotted #fff; }
	input#captcha.focus { border-color:#fff; }
	#field-captcha { padding-bottom:80px; position:relative; }
	#field-captcha label {  }
		

	/* #####################################################################################################################################################																		     *                                                                       PAGES
	 *####################################################################################################################################################*/
	 
	 
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	 
	body { background:#fff; color:#222; font-family: Trebuchet ms, Verdana, Arial, sans-serif; height: 100%; }
	
	a { color:#444; text-decoration:none; }
	a:hover { text-decoration: none; color: #666; }
	a:active, a:focus { outline:0; }
	a img { border:0; }
	
	  /**
	 * Floating elems
	 */
	#FLOAT
	{display:inline; float:left;}
	
	/**
	 * Away elems
	 */
	#AWAY
	{position: absolute; top: -99999px;}
	
	#HIDDEN, .hidden
	{display: none;}
	
	
	 /**
	 * WRAPPERS 960
	 */
	#WRAPPER
	{ margin:0 auto; width: 960px; }
	 
	/*GFONT*/
	#MainMenuW li a,#MainMenu li a, #Portfolio li h3, #Content h2, #AgenceIntro em, #SpecialAnnounce
	{ font-family: 'Maven Pro', Helvetica, sans-serif, Trebuchet ms; }
	
	
	#Mentions { padding: 200px 10% 30px;} 
	#Mentions p{ margin-bottom: 20px;} 
	#Mentions h3{ margin-bottom: 20px;} 
	#Mentions h2{ margin-bottom: 30px;}
	
	
 	/**
	 * DESIGN
	 */
	 
	/*#Main { height: 100%; }*/
	 
	header { 
		position: absolute; top: 0; z-index: 500; 
		height: 190px; width: 50%;
		background: #5e5b60 url(zims/frontend/header-bg.jpg) no-repeat 40px top ; }
	header h1 { 
		width:200px; height:100%;
		margin:0; padding:0; float: right; 
		background: url(zims/frontend/logo.png) no-repeat center;}
	header #HomeLink { display:block; margin:0 auto; height:100%; overflow:hidden; text-indent:-999px; }
	header #HomeLink:hover { }
	
	nav{ position: absolute; top: 17px; left: 55px; z-index: 600; }
	
	#MainMenu{  }
	
	#MainMenu li, #MainMenu1 li, #MainMenu2 li{ font-size: 12px; padding: 0; text-transform: uppercase; letter-spacing: 1px; color: #333; margin-bottom: 10px; }
	#page-home #MainMenu li, #page-home #MainMenu1 li, #page-home #MainMenu2 li{ font-size: 14px; }
	
	#MainMenu li a, #MainMenu1 li a, #MainMenu2 li a{ display: block; color: #fff; }}
	#MainMenu li a:hover, #MainMenu1 lia:hover, #MainMenu2 li a:hover { color: #ff8c6b;/*#EDAA89;*/ }
	
	ul.HTMLMenu li a:hover, ul.HTMLMenu li:hover > strong.HTMLMenuTitle, ul.HTMLMenu li.HTMLMenuItem-Current strong, ul.HTMLMenu li:hover strong, ul.HTMLMenu li.HTMLMenuItem-Current a, ul.HTMLMenu li.HTMLMenuItem-Current strong { color: #ff8c6b !important; }
	.lt-ie7 ul.HTMLMenu li.HTMLMenuItem-Current strong{ color: #ff8c6b !important;}
	
	
	#Main{  }
	#ContentW, #MainImageWW { height: 100%; width: 50%; display: inline; float: left;}
	#MainImageWW { position: fixed; z-index: 0; overflow: hidden; }
	#MainImageW { height: 100%; width: 100%; background: url(zims/frontend/loading3.gif) no-repeat center;}
	.ie #MainImageW { background-image: url(zims/frontend/ie-loading.jpg) }
	#MainImage{ position: relative; display: block; } .js #MainImage{ display: none; } 
	#Content{ padding: 220px 0 0 50px; position: relative;  }
	#Content h2{ font-size: 26px; }
	
	footer { position: fixed; width: 50%; right: 0; bottom: 0; z-index: 15000; font-size: 11px;}
	#FooterCopyrights {}
	#FooterCopyrights p { 
		margin:0; line-height:25px; color:#222; font-size:1em; text-align: right; padding-right: 10px;
		background:rgba(255, 255, 255, 0.6); 
	}
	.lt-ie9 #FooterCopyrights p{
		background:none; zoom: 1;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff)";
	}
		
	#FooterCopyrights p #ColorYourLife { letter-spacing:1px; }
	
	#ConceptionCredit { text-decoration:none; color:#197ac4;  font-weight:bold; padding-left:13px; background:transparent url(zims/crea2f-squares.gif) 0 50% no-repeat; }
	#ConceptionCredit span { color:#D36900; }
	#ConceptionCredit:hover { color:#4D92C9;   }
	#ConceptionCredit:hover span { color:#d6ae08;  }
	 
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#Incoming { position: absolute; top: 8%; width: 100%; text-align: center; z-index: 100;font-size: 30px; }
	#Incoming span{ color: #fff;}
	
	#page-home header { height: 200px; top: 37.5%; width: 60%; background-position: 40% top !important;}
	#page-home nav{ width: 100%; left: 0;}
	#page-home #MainMenuW { margin: 0 auto; width: 213px;}
	#page-home #MainMenuW li{ height: 18px; }
	#page-home #MainMenu1W { float: left; width: 90px; }
	#page-home #MainMenu2W { margin-left: 122px; position: relative; top: 14px; }
	#page-home #MainMenu1W { position:relative; }
	#page-home #MainMenu1 li { text-align: right; float: right; }
	#page-home #MainMenu1 li a { color: #666;}
	
	
	#page-home #Main{ height: 100%; }
	#page-home #ContentW { background: #fff url(zims/frontend/content-band.jpg) repeat-y right; }

	#page-home #MainMenu{ width: 425px; height: 100%; margin: 0 auto; }
	#page-home #MainMenu li{  }
	#page-home #MainMenu-portfolio-Item, #page-home #MainMenu-agencement-Item{ position: relative; bottom: 25px; text-align: right;  } 
	#page-home #MainMenu-actu-Item{  }
	
	#page-home #MainMenu-agence-Item a, #page-home #MainMenu-actu-Item a, #page-home #MainMenu-contact-Item a{ color: #666;}
	#page-home #MainMenu-actu-Item a:hover, #page-home #MainMenu-contact-Item a:hover{ color: #EDAA89;}
	
	/*.ie #page-home #MainMenuW{ width: 252px; }	
	.lt-ie9 #page-home #MainMenuW{ width: 267px; }	*/
	
	#page-home footer { position: absolute; bottom: 0; background: none !important; left: 0;}
	#page-home #FooterCopyrights p { padding-left: 10px; text-align: left ;}
	
	#SpecialAnnounce { padding: 0 20px; position: relative; top: 64%; font-size: 16px; text-align:right; }
	.lt-1650 #SpecialAnnounce{ top: 68%; }
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PORTFOLIO * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#Portfolio{  }
	#Portfolio li{ padding: 0 20px 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc; overflow: auto;}
	#Portfolio li img{ float: right; margin-left: 20px; }
	#Portfolio li h3{ margin-bottom: 15px; padding: 40px 0 0 0; font-size: 24px;} #Portfolio li h3 span{ font-size: 0.7em;}
	#Portfolio li p{ line-height: 20px; }
	
	
	
	
	#page-detailprojet #ContentW, #page-detailprojet header { width: 33%; }
	.lt-1300 #page-detailprojet header h1{ background: url(zims/frontend/logo-min.png) no-repeat center; width: 160px;}
	#page-detailprojet #MainImageWW, #page-detailprojet footer { width: 67%; }
	
	#Projet{ padding-bottom: 30px; }
	#Projet h2{ margin: 0 20px 10px 0; font-size: 26px; }
	#Projet h2 span{ font-size: 0.7em; }
	#Projet #GoBack{ float:right; width: 100%; text-align: right; margin: 0 20px 15px 0; }
	#Projet #GoBack a{ background: url(zims/frontend/back-icon.jpg) no-repeat left; padding-left: 12px;}
		
	#ProjetImages{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 15px 0 10px; padding: 15px 0; }
	#ProjetImages #Video{margin-bottom:10px;}
	#ImagesList{  overflow: auto;}
	#ImagesList li{ float: left; margin: 0 8px 10px 0; padding: 3px 0 0 0; height: 135px; width: 186px } #ImagesList li.lastOfLine{ margin-right: 0 !important;} 
	#ImagesList li a { display: block; overflow: hidden; width: 180px; height: 128px; position:relative; }
	#ImagesList li img{ width: 100%; }
	#ImagesList li img.big { }
	
	#ImagesList li.current{  padding: 0; height: 138px; }  
	#ImagesList li.current a{ cursor:default; border: 3px solid #999; } #ImagesList li.current a{ /*#ff8c6b;*/ } 
	
	/*.lt-1300 #ImagesList li{  width: 180px} .lt-1300 #ImagesList li img{ width: 174px; } */
	
	#Projet p span{ font-size: 12px; color: #888; }
	#ProjetDetails{ padding-right: 20px; }
	#ProjetDetails p{ margin: 8px 0; }
	#ProjetDescription{ margin:  0 0 15px 0 !important; text-align: justify;  }
	#ProjetCreditsPhotos{  }
	#ProjetPlan{ margin-top: 15px; }
	
	
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * AGENCE * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#page-agence #Content h2 { display: none; }
	
	#page-agence #MainImageWW{ }
	#test{ width: 100px; }
	
	#AgenceIntro { font-size: 13px; line-height: 18px; text-align: justify; padding-right: 25px;}
	#AgenceIntro em{ font-size: 50px; font-style: normal; }
	.lt-ie8 #AgenceIntro em{ line-height: 45px; }
	
	#AgenceStaff{ /*background: url(zims/frontend/content-band2.jpg) repeat-y left;*/ padding-bottom: 50px; margin-top: 40px;}
	#AgenceStaff li { min-height: 200px; padding: 0 25px 0 0; }
	#AgenceStaff li img{ float: left; margin-right: 25px;}
	.ie #AgenceStaff li { height: 200px; height: auto !important; }
	
	.staffName, .staffDescription{ display: block; text-transform: uppercase; }
	.staffName{ font-size: 23px; color: #bc2e06; }
	.staffDescription{ font-size: 16px; margin: 15px 0;}
	.staffReadMore, .projectReadMore{ background: url(zims/frontend/more-icon.jpg) no-repeat left; padding-left: 12px;}
	
	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ACTU * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#page-actu #Content h2 { margin-bottom: 60px; }
	
	#PubliList{ margin-top: 25px; padding-right: 20px; }
	#PubliList li.publication{ overflow: auto; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb;}
	#PubliList li.last{ margin: 0; border: none; }
	
	.publiDate{  display: inline; float: left; width: 15%; font-size: 18px;}
	.publiContent{ display: inline; float: left; width: 85%; }
	.publiTitle{ font-size: 16px; }
	.imaged{ width: 68%; margin-right: 25px;  }
	.lt-1250 .imaged{ width: 60%; margin-right: 25px;  }
	
	.publiImage{ width: 10%; display: block; float: left; }
	
	.publiProject{ background: url(zims/frontend/more-icon.jpg) no-repeat left; padding-left: 12px; display: block; margin-top: 10px;  }
	
	.publiLinkList{ margin-top: 10px; }
	.publiLinkList li{ background: url(zims/frontend/more-icon.jpg) no-repeat left; padding-left: 12px;}
	
	
	 
	 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	 
	 
	#page-contact h2{ margin-bottom: 20px; }
	#ContactForm{ margin: 10px 40px 40px 0;  }
	
	#ContactForm fieldset p{ float: left; }
	#ContactForm legend { display:none; }
	#ContactForm #nom, #ContactForm #prenom, #ContactForm #email { width:100%; } 
	#ContactForm #societe { width:45%; }
	#ContactForm #tel { width:90px; }
	#ContactForm #sujet { width:100%; }
	#ContactForm #message { width:100%; height:150px; }
	
	#ContactForm #field-nom, #ContactForm #field-prenom, #ContactForm #field-email, #ContactForm #field-tel{ width: 45%; }
	#ContactForm #field-nom, #ContactForm #field-email{ margin-right: 10% }
	#ContactForm #field-societe, #ContactForm #field-sujet, #ContactForm #field-message{ width: 100%; }
	 
	 
	 /* Google Map */
	#jGMapW { width:95%; height:400px; margin:0 0 30px 0; border:1px solid #ccc; background:#fafafa; }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:100%; }
	#jGMap-Coords{ height: 60px; color: #151515; font-size: 1.1em; margin: 0; line-height: 15px;}
	#jGMap-Coords p{ margin:0;}
	#jGMap-Coords .fn{ margin-top: 0;} #jGMap-Coords .phone-numbers{ margin-bottom: 0;}
	#ContentW .vcard .adr .street-address { display:block; }
	#ContentW .vcard .tel .type, .vcard .uri { display:none; }
	
	#Confirmation{ font-size: 16px; line-height: 30px; margin: 60px 0;}