<html lang="{{session.usr_i18n}}">
	<head>
		{% include 'login/head.twig' %}
	</head>
	<body>
		<div style="display:none;">{{meta_description}}</div>
		<noscript>
			<div style="width:100%;height:40px;background:#00a8FF;font-size:14px;font-weight:bold;text-align:center;">
				{% trans 'phraseanet::noscript' %}
			</div>
		</noscript>
				
		{% if browser.isOldBrowser %}
			<div id="wrongBrowser" style="display:none;text-align:center;width:100%;background:#00a8FF;font-size:14px;font-weight:bold;">
				<div>
				{% trans 'phraseanet::browser not compliant' %}<br/>{% trans 'phraseanet::recommend browser' %}
				</div>
				<div style="height:30px;text-align:center;margin-top:15px;width:950px;margin-right:auto;margin-left:auto;">
				{% if browser.getPlatform == 'Windows' %}
							<span style="margin:0 10px;padding:0;white-space:nowrap;height:25px;">
								<img style="vertical-align:middle;" src="/login/img/firefox.png"/> 
								<a href="http://www.mozilla.com/firefox/" target="_blank">Mozilla Firefox</a></span>
							<span style="margin:0 10px;padding:0;white-space:nowrap;height:25px;">
								<img style="vertical-align:middle;" src="/login/img/safari.png"/> 
								<a href="http://www.apple.com/safari/" target="_blank">Apple Safari</a></span>
							<span style="margin:0 10px;padding:0;white-space:nowrap;height:25px;">
								<img style="vertical-align:middle;" src="/login/img/chrome.png"/> 
								<a href="http://www.google.com/chrome/" target="_blank">Google Chrome</a></span>
				{% elseif browser.getPlatform == 'Apple' %}
							<span style="margin:0 10px;padding:0;white-space:nowrap;height:25px;">
								<img style="vertical-align:middle;" src="/login/img/firefox.png"/> 
								<a href="http://www.mozilla.com/firefox/" target="_blank">Mozilla Firefox</a></span>
							<span style="margin:0 10px;padding:0;white-space:nowrap;height:25px;">
								<img style="vertical-align:middle;" src="/login/img/safari.png"/> 
								<a href="http://www.apple.com/safari/" target="_blank">Apple Safari</a></span>
							<span style="margin:0 10px;padding:0;white-space:nowrap;height:25px;">
								<img style="vertical-align:middle;" src="/login/img/opera.png"/> 
								<a href="http://www.opera.com/download/" target="_blank">Opera</a></span>
				{% else %}
							<span style="margin:0 10px;padding:0;white-space:nowrap;height:25px;">
								<img style="vertical-align:middle;" src="/login/img/firefox.png"/> 
								<a href="http://www.mozilla.com/firefox/" target="_blank">Mozilla Firefox</a></span>
				{% endif %}
				</div>
			</div>
		{% endif %}
		{% if display_chrome_frame and session.gfc_box == false %}
                  <!--[if IE]>
                  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
                  <link href="http://www.google.com/css/modules/buttons/g-button.css" type="text/css" rel="stylesheet">
                  <style type="text/css">
                          #gfc_prompt{
                                  width: 950px;
                                  margin: 0pt auto;
                          }
                  </style>
                  <div id="gfc_prompt" style="color:black;height:120px;position:relative;background-color:white;display:none;">
                          <div class="g-button" style="float:right;margin:15px;">
                                  <div>
                                          <span>
                                                  <span>
                                                          <a target="_blank" href="http://www.google.com/chromeframe/eula.html">Get Google Chrome Frame (Beta)</a>
                                                  </span>
                                          </span>
                                  </div>
                          </div>
                          <div style="float:right;margin:15px;width:550px;">
                                  <p>{% trans 'Phraseanet recommande l\'utilisation de Google Chrome Frame pour Internet Explorer' %}</p>
                                  <p>{% trans 'C\'est gratuit et s\'installe en quelques secondes. Pour Internet Explorer 6, 7, et 8 sur Windows 7 / Vista / XP SP2.' %}</p>
                                  <input type="checkbox" onclick="toggle_cookie_gcf(this);" id="gfc_box_toggle"/>
                                  <label for="gfc_box_toggle">{% trans 'Ne plus afficher ce message' %}</label>
                          </div>
                  </div>
                  <script type="text/javascript">

                  function gcf_install()
                  {
                          $('#gfc_prompt').show();
                  }
                  function toggle_cookie_gcf(el)
                  {
                          if($(el).attr('checked'))
                          {
                                  var date = new Date();
                                  date.setMonth(date.getYear() + 4);
                          }
                          else
                          {
                                  var date = new Date();
                                  date.setMonth(date.getMonth() - 2);
                          }
                          $.cookie('gfc_box', 'true', { path: '/', expires: date });
                  }
                  $(document).ready(function(){
                             CFInstall.check({
                                       preventPrompt:true,
                                       onmissing:gcf_install
                                     });
                  });
                  </script>
                  <![endif]-->
		{% endif %}
		{% if captcha_system != '' %}
				<script type="text/javascript">
				var RecaptchaOptions = {
				   theme : 'custom',
				   tabindex : 3,
				   lang : '{{session.locale}}'
				};
				</script>
		{% endif %}
						
		<div style="width:950px;margin:0 auto;margin-top:30px;">
			<div style="height:35px;">
				<table style="width:100%;">
					<tr style="height:35px;">
						<td style="width:500px;white-space:nowrap"><span style="font-size:28px;color:#b1b1b1;margin:0 10px 0 0">{{home_title}}
						</span><span class="title-desc">{{meta_description}}</span></td>
						<td style="color:#b1b1b1;text-align:right;">
								<a class="tab click" onclick="setTab('help',this);return false;">{% trans 'phraseanet:: aide' %}</a>
								{% if login.register_enabled %}
									<a href="/login/register.php" class="tab" id="register-tab">{% trans 'login:: register' %}</a>
								{% endif %}
								{% if login.get_cgus != '' %}
									<a class="tab" onclick="setTab('about',this);return false;">{% trans 'login:: CGUs' %}</a>
								{% endif %}
								<a class="tab" id="main-tab" onclick="setTab('main',this);return false;">{% trans 'login:: accueil' %}</a>
						</td>
					</tr>
				</table>
			</div>
			<div style="height:530px;" class="tab-pane">
				<div id="id-main" class="tab-content" style="display:block;">
					<form name="send" action="/login/authenticate.php" method="post" >
						{% if display_layout == 'DISPLAYx1' %}
							{% include 'login/index_layout_displayx1.twig' %}
						{% elseif display_layout == 'DISPLAYx4' %}
	
						{% elseif display_layout == 'COOLIRIS' %}
							{% include 'login/index_layout_displaycooliris.twig' %}
						{% elseif display_layout == 'SCROLL' %}
							{% include 'login/index_layout_displayscroll.twig' %}
						{% else %}
							{% include 'login/index_layout_displayx1.twig' %}
						{% endif %}
						<input type="hidden" name="app" value="{{module}}">
					</form>
				</div>
				{% if login.get_cgus != '' %}
					<div id="id-about" class="tab-content" style="display:none;">
						<div style="position:relative;float:left;width:930px;height:490px;overflow:auto;">
							{{login.get_cgus}}
						</div>
					</div>
				{% endif %}
				<div id="id-help" class="tab-content" style="display:none;">
				</div>
				<div style="position:relative;margin:18px 10px 0 10px;font-size:10px;font-weight:normal;">
					<table style="border:none;width:100%" cellspacing="0" cellpadding="0">
						<tr>
							<td style="text-align:left;">{% trans 'phraseanet:: language' %} {{login.get_language_selector}}</td>
							<td style="text-align:right;"><span> &copy; Copyright Alchemy 2005-2010</span></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		{% include 'common/analytics.twig' %}
	</body>
</html>