/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}

/* General */
body {
	background: url(../../resources/img/home/bg.png) repeat;
	background-size: 100px 100px, 100% 100%;
	-moz-background-size: 100px 100px, 100% 100%;
	color: #444;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

a {
	color: #76a033;
}

a:hover {
	color: #4c6d17;
}

.center {
	text-align: center
}

.bold {
	font-weight: bold;
}

.wrapper {
	margin: 0 auto;
	max-width: 980px;
}

.wrapper+.wrapper {
	margin-top: 25px;
}

/* Titles */
h1 {
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1.2em;
}

h2 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
}

h3 {
	color: #74ab2b;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
}

h4 {
	color: #555;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
}



/* Buttons */
.button.primary {
	background: #9aca33; /* Old browsers */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		-moz-linear-gradient(top, #9aca33 0%, #63ae21 100%); /* FF3.6+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, #9aca33),
		color-stop(100%, #63ae21)); /* Chrome,Safari4+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		-webkit-linear-gradient(top, #9aca33 0%, #63ae21 100%);
	/* Chrome10+,Safari5.1+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%, -o-linear-gradient(top, #9aca33 0%, #63ae21 100%);
	/* Opera 11.10+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%, -ms-linear-gradient(top, #9aca33 0%, #63ae21 100%);
	/* IE10+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		linear-gradient(to bottom, #9aca33 0%, #63ae21 100%); /* W3C */
	/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9aca33', endColorstr='#63ae21',GradientType=0 ); /* IE6-9 */
	background-size: 34px 35px, 100% 100%;
	-moz-background-size: 34px 35px, 100% 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(3, 11, 8, 0.75);
	box-shadow: 0px 1px 0px 0px rgba(3, 11, 8, 0.75);
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8);
	margin-bottom: 1px;
	padding: 15px 15px 15px 55px;
	text-decoration: none;
}

.button.primary:hover {
	background: #bddd3f; /* Old browsers */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		-moz-linear-gradient(top, #bddd3f 0%, #419c16 100%); /* FF3.6+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bddd3f),
		color-stop(100%, #419c16)); /* Chrome,Safari4+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		-webkit-linear-gradient(top, #bddd3f 0%, #419c16 100%);
	/* Chrome10+,Safari5.1+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%, -o-linear-gradient(top, #bddd3f 0%, #419c16 100%);
	/* Opera 11.10+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%, -ms-linear-gradient(top, #bddd3f 0%, #419c16 100%);
	/* IE10+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 10px 50%,
		linear-gradient(to bottom, #bddd3f 0%, #419c16 100%); /* W3C */
	/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddd3f', endColorstr='#419c16',GradientType=0 );  IE6-9 */
	background-size: 34px 35px, 100% 100%;
	-moz-background-size: 34px 35px, 100% 100%;
}

.button.primary:active,.button.primary:focus {
	background: #8fc129; /* Old browsers */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 11px 54%,
		-moz-linear-gradient(top, #8fc129 0%, #579c19 100%); /* FF3.6+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 11px 54%,
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fc129),
		color-stop(100%, #579c19)); /* Chrome,Safari4+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 11px 54%,
		-webkit-linear-gradient(top, #8fc129 0%, #579c19 100%);
	/* Chrome10+,Safari5.1+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 11px 54%, -o-linear-gradient(top, #8fc129 0%, #579c19 100%);
	/* Opera 11.10+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 11px 54%, -ms-linear-gradient(top, #8fc129 0%, #579c19 100%);
	/* IE10+ */
	background: url(../../resources/img/home/button-primary-bg.png)
		no-repeat 11px 54%,
		linear-gradient(to bottom, #8fc129 0%, #579c19 100%); /* W3C */
	/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc129', endColorstr='#579c19',GradientType=0 );  IE6-9 */
	background-size: 34px 35px, 100% 100%;
	-moz-background-size: 34px 35px, 100% 100%;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(3, 11, 8, 0.75);
	box-shadow: inset 0px 1px 1px 0px rgba(3, 11, 8, 0.75);
	margin-bottom: 0;
	padding: 16px 14px 15px 56px;
}

.button.contact {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	font-weight: bold;
	margin: 20px 0;
	padding: 15px 35px;
}

.button.contact .icon {
	margin-right: 15px;
}

.button.betaversion{
     font-size: 1.2em;
     width: 200px;
     height: 60px;
     /*padding-top: 7px; permet le centrage vertical*/
     margin-bottom: 1px;
	 padding: 15px 15px 15px 15px;
     text-align: center;
     color: #fff;
     background: #B22222;
     background: linear-gradient(#C05000, #C07000);
     border-radius: 3px;
     text-shadow: 0px 1px 0px white;
     text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
     box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.button.betaversion:hover{
     color: #fff;
     background: #C47777;
     background: linear-gradient(#C07000, #C05000);
     text-decoration: none;
}

.button.betaversion:active{
     color: #fff;
     background: #C47777;
     background: linear-gradient(#C07000, #C05000);
     box-shadow: 1px 1px 10px black inset;
     box-shadow: 1px 1px 10px black inset,
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

.ie .button.primary {
	background: #9aca33
		url(../../resources/img/home/ie/button-primary-bg.png) no-repeat 10px
		50%;
}

.ie .button.primary:hover {
	background: #bddd3f
		url(../../resources/img/home/ie/button-primary-bg.png) no-repeat 10px
		50%;
}

.ie .button.primary:active,.ie .button.primary:focus {
	background: #8fc129
		url(../../resources/img/home/ie/button-primary-bg.png) no-repeat 10px
		55%;
}

/* Header */
header {
	background: url(../../resources/img/home/bg-header.png) repeat;
	border-bottom: 1px solid #d4d4d4;
	height: 35px;
	padding: 18px 0;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}

header a,header a:hover {
	text-decoration: none;
}

.message {
	color: #B40404;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 30px  0 ;
}

#wiki {
  background: url(../../resources/img/home/locale-separator.png) right
		no-repeat;
	float: right;
	line-height: 30px;
	margin-right: 15px;
	padding-right: 20px;
}

#wiki a {
	color: #6aa51c;
	font-size: 0.9em;
	font-weight: bold;
}

#logo {
	float: left;
	width: 120px;
}

#logo img {
	height: 36px;
	margin-left: 30px;
	width: 120px;
}

#logo:active img {
	position: relative;
	top: 1px;
}

#locale_switch {
	background: url(../../resources/img/home/locale-separator.png) right
		no-repeat;
	float: right;
	line-height: 30px;
	margin-right: 15px;
	padding-right: 20px;
}

#locale_switch a {
	color: #6aa51c;
	font-size: 0.8em;
}

#logout_link {
	background: url(../../resources/img/home/locale-separator.png) right
		no-repeat;
	float: right;
	line-height: 30px;
	margin-right: 15px;
	padding-right: 20px;
}

#logout_link a {
	color: #6aa51c;
	font-size: 0.8em;
}

#logout_link #user_span {
/* 	color: #6aa51c; */
	font-size: 0.8em;
	margin-right: 5px;
	padding-right: 5px;
}

.dropup,.dropdown {
	position: relative;
}

.dropdown-toggle {
	*margin-bottom: -3px;
}

.dropdown-toggle:active,.open .dropdown-toggle {
	outline: 0;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px solid #6aa51c;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

.dropdown .caret {
	margin-top: -1px;
	margin-left: 2px;
}

.dropdown:hover .caret,.open .caret {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 4px 0;
	margin: 1px 0 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

.dropdown-menu .divider {
	*width: 100%;
	height: 1px;
	margin: 8px 1px;
	*margin: -5px 0 5px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
	white-space: nowrap;
}

.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover
	{
	color: #ffffff;
	text-decoration: none;
	background-color: #f8f9d6;
}

.open {
	*z-index: 1000;
}

.open .dropdown-menu {
	display: block;
}

.pull-right .dropdown-menu {
	right: 0;
	left: auto;
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px solid #000000;
	content: "\2191";
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px;
}

#login {
	float: right;
	margin-right: 30px;
}

#login a {
	background: rgba(0, 0, 0, 0.05)
		url(../../resources/img/home/login-bg.png) no-repeat 20px 9px;
	background-size: 8px 40px, 100% 100%;
	-moz-background-size: 8px 40px, 100% 100%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px
		0px 0px #ffffff;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px
		#ffffff;
	color: #979595;
	display: block;
	padding: 6px 25px 6px 35px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

#login a:hover {
	background: #fff url(../../resources/img/home/login-bg.png) no-repeat
		20px -16px;
	background-size: 8px 40px, 100% 100%;
	-moz-background-size: 8px 40px, 100% 100%;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #6aa51c;
}

#login a:active,#login a:focus {
	background: #f8f9d6 url(../../resources/img/home/login-bg.png)
		no-repeat 20px -16px;
	background-size: 8px 40px, 100% 100%;
	-moz-background-size: 8px 40px, 100% 100%;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	color: #6aa51c;
}

.lte8 #login a {
	background: #e5e5e5 url(../../resources/img/home/ie/login-bg.png)
		no-repeat 20px 9px;
	border: 1px solid #d4d4d4;
}

.lte8 #login a:hover {
	background: #fff url(../../resources/img/home/ie/login-bg.png)
		no-repeat 20px -16px;
}

.lte8 #login a:active,.lte8 #login a:focus {
	background: #f8f9d6 url(../../resources/img/home/ie/login-bg.png)
		no-repeat 20px -16px;
}

.message {
	color: #B40404;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 30px  0 ;
}

/* Headline */

#headline {
	min-height: 320px;
	padding: 30px 30px 0 ;
	position: relative;
}

#headline h1 {
	margin-bottom: 0.6em;
	text-shadow: 0px 2px 0px rgba(255, 255, 255, 0.8);
	width: 80%;
}

#headline h1 em {
	color: #8dc32f;
	font-style: normal;
}

#headline p {
	margin-bottom: 4em;
	width: 45%;
}

#headline .button.primary {
	margin-bottom: 2em;
}

#headline2 {
	padding: 30px 30px 0;
	position: relative;
}

#headline2 p {
	padding: 30px 30px 30px 0;
	width: 45%;
}

#animation {
	bottom: 0;
	height: 245px;
	position: absolute;
	right: 30px;
	width: 375px;
}

#animation .items {
	background: url(../../resources/img/home/animation-bg.png) top left
		no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	height: 177px;
	width: 375px;
}

#animation .items li {
	-moz-animation-duration: 1s;
	-moz-animation-fill-mode: forwards;
	-moz-animation-timing-function: ease;
	-o-animation-duration: 1s;
	-o-animation-fill-mode: forwards;
	-o-animation-timing-function: ease;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
	position: absolute;
}

.cssanimations #animation .items li {
	opacity: 0;
}

#animation .items .item1 {
	left: 100px;
	top: 75px;
}

.cssanimations #animation .items .item1 {
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-moz-animation-name: item1;
	-o-animation-name: item1;
	-webkit-animation-name: item1;
	animation-name: item1;
}

@-moz-keyframes item1 {
    from {left: 30px; opacity: 0; top: 50px;}
    to {left: 100px; opacity: 1; top: 75px;}
}
@-o-keyframes item1 {
    from {left: 30px; opacity: 0; top: 50px;}
    to {left: 100px; opacity: 1; top: 75px;}
}
@-webkit-keyframes item1 {
    from {left: 30px; opacity: 0; top: 50px;}
    to {left: 100px; opacity: 1; top: 75px;}
}
@keyframes item1 {
    from {left: 30px; opacity: 0; top: 50px;}
    to {left: 100px; opacity: 1; top: 75px;}
}
#animation .items .item2 {
	left: 135px;
	top: 45px;
}

.cssanimations #animation .items .item2 {
	-moz-animation-delay: 2.2s;
	-o-animation-delay: 2.2s;
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s;
	-moz-animation-name: item2;
	-o-animation-name: item2;
	-webkit-animation-name: item2;
	animation-name: item2;
}

@-moz-keyframes item2 {
    from {left: 100px; opacity: 0; top: -5px;}
    to {left: 135px; opacity: 1; top: 45px;}
}
@-o-keyframes item2 {
    from {left: 100px; opacity: 0; top: -5px;}
    to {left: 135px; opacity: 1; top: 45px;}
}
@-webkit-keyframes item2 {
    from {left: 100px; opacity: 0; top: -5px;}
    to {left: 135px; opacity: 1; top: 45px;}
}
@keyframes item2 {
    from {left: 100px; opacity: 0; top: -5px;}
    to {left: 135px; opacity: 1; top: 45px;}
}
#animation .items .item3 {
	left: 185px;
	top: 40px;
}

.cssanimations #animation .items .item3 {
	-moz-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
	-moz-animation-name: item3;
	-o-animation-name: item3;
	-webkit-animation-name: item3;
	animation-name: item3;
}
@-moz-keyframes item3 {
    from {left: 205px; opacity: 0; top: 5px;}
    to {left: 185px; opacity: 1; top: 40px;}
}
@-o-keyframes item3 {
    from {left: 205px; opacity: 0; top: 5px;}
    to {left: 185px; opacity: 1; top: 40px;}
}
@-webkit-keyframes item3 {
    from {left: 205px; opacity: 0; top: 5px;}
    to {left: 185px; opacity: 1; top: 40px;}
}
@keyframes item3 {
    from {left: 205px; opacity: 0; top: 5px;}
    to {left: 185px; opacity: 1; top: 40px;}
}

#animation .items .item4 {left: 210px; top: 75px;}
.cssanimations #animation .items .item4 {
	-moz-animation-delay: 2.6s;
	-o-animation-delay: 2.6s;
	-webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;
	-moz-animation-name: item4;
	-o-animation-name: item4;
	-webkit-animation-name: item4;
	animation-name: item4;
}

@-moz-keyframes item4 {
    from {left: 250px; opacity: 0; top: 50px;}
    to {left: 210px; opacity: 1; top: 75px;}
}
@-o-keyframes item4 {
    from {left: 250px; opacity: 0; top: 50px;}
    to {left: 210px; opacity: 1; top: 75px;}
}
@-webkit-keyframes item4 {
    from {left: 250px; opacity: 0; top: 50px;}
    to {left: 210px; opacity: 1; top: 75px;}
}
@keyframes item4 {
    from {left: 250px; opacity: 0; top: 50px;}
    to {left: 210px; opacity: 1; top: 75px;}
}
#animation .items img {
    height: 40px;
    width: 50px;
}
#animation .fish {
    height: 65px;
    left: 115px;
    position: absolute;
    top: 180px;
    width: 151px;
}

.lte8 #headline .items,
.lte8 #headline .fish {display: none;}
.lte8 #animation {background: url(../../resources/img/home/ie/headline.png) top left no-repeat;}

/* Features */
.features {
	background-color: #fff;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	min-height: 440px;
	padding: 0 0 0 30px;
}

.features+.features {
	background: #fff url(../../resources/img/home/shadow-separator.png) top
		no-repeat;
	background-size: 999px 6px;
	-moz-background-size: 999px 6px;
	border-top: 0;
	padding-top: 6px;
}

.features:last-child {
	border-bottom: 1px solid #e0e0e0;
}

.features h2 {
	padding-top: 2em;
}

.features p {
	margin-top: 2em;
	width: 40%;
}

.features .screenshot {
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	float: right;
	height: 440px;
	width: 490px;
}

.features .screenshot-edition {
	background-image: url(../../resources/img/home/screenshot-edition.jpg);
}

.features .screenshot-identification {
	background-image:
		url(../../resources/img/home/screenshot-identification.jpg);
}

.features .screenshot-analysis {
	background-image: url(../../resources/img/home/screenshot-analysis.jpg);
}

.features>a {
	background: url(../../resources/img/home/feature-link-bg.png) left
		no-repeat;
	background-size: 8px 15px;
	-moz-background-size: 8px 15px;
	color: #74ab2b;
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	margin: 2em 0;
	padding-left: 15px;
	text-decoration: none;
}

.features>a:hover {
	border-bottom: 1px solid #74ab2b;
}

.lte8 .features+.features {
	background-image: url(../../resources/img/home/ie/shadow-separator.png);
}

.lte8 .features .screenshot-edition {
	background-image:
		url(../../resources/img/home/ie/screenshot-edition.jpg);
}

.lte8 .features .screenshot-identification {
	background-image:
		url(../../resources/img/home/ie/screenshot-identification.jpg);
}

.lte8 .features .screenshot-analysis {
	background-image:
		url(../../resources/img/home/ie/screenshot-analysis.jpg);
}

.features>a {
	background: url(../../resources/img/home/ie/feature-link-bg.png) left
		no-repeat;
}

/* Call to action */
#call_to_action {
	background: url(../../resources/img/home/call-to-action-bg.png) repeat;
	border: 1px solid #d9dad9;
	overflow: auto;
	padding: 30px;
}

#call_to_action .button {
	float: right;
}

/* About */
#about {
	margin: 65px 0;
}

#about h4 {
	margin-bottom: 0.8em;
}

#about a {
	color: #74ab2b;
	text-decoration: none;
}

#about a:hover {
	text-decoration: underline;
}

#about a.small {
	font-size: 0.9em;
	line-height: 3em;
}

.three_cols {
	overflow: auto;
}

.three_cols .col {
	border-right: 1px solid #dcdcdc;
	float: left;
	padding: 0 1.5%;
	width: 31%;
}

.three_cols .first {
	padding-left: 0;
}

.three_cols .last {
	border-right: 0;
	padding-right: 0;
}

/* Footer */
footer {
	background: url(../../resources/img/home/bg-footer.png) repeat;
	background-size: 3px 3px, 100% 100%;
	-moz-background-size: 3px 3px, 100% 100%;
	border-top: 1px solid #d8d8d8;
	color: #999;
	font-size: 0.75em;
	line-height: 1.4em;
}

footer .wrapper {
	background: url(../../resources/img/home/shadow-separator.png) top
		no-repeat;
	background-size: 999px 6px;
	-moz-background-size: 999px 6px;
	min-height: 62px;
	padding: 35px 0;
}

footer .left {
	float: left;
}

footer .left .address {
	margin-left: 160px;
	max-width: 265px;
	padding-top: 15px;
}

.ie footer .left .address {
	width: 265px;
}

footer .right {
	float: right;
	padding-top: 15px;
	text-align: center;
}

#logo-lis {
	background: url(../../resources/img/home/logo-lis-footer.png) top
		no-repeat;
	background-size: 138px 124px;
	-moz-background-size: 138px 124px;
	display: block;
	float: left;
	height: 62px;
	text-indent: -9999px;
	width: 138px;
}

#logo-lis:hover {
	background-position: bottom;
}

#logo-mnhn {
	background: url(../../resources/img/home/logo-mnhn.png)
		no-repeat;
	background-size: 55px 62px;
	-moz-background-size: 55px 60px;
	display: block;
	float: left;
	height: 62px;
	text-indent: -9999px;
	width: 55px;
	padding: 0 20px 0 20px;
}

#logo-upmc {
	background: url(../../resources/img/home/logo-upmc.png)
		no-repeat;
	background-size: 173px 62px;
	-moz-background-size: 173px 62px;
	display: block;
	float: left;
	height: 62px;
	text-indent: -9999px;
	width: 173px;
	padding: 0 20px 0 20px;
}

#logo-cnrs {
	background: url(../../resources/img/home/logo-cnrs.png)
		no-repeat;
	background-size: 62px 62px;
	-moz-background-size: 62px 62px;
	display: block;
	float: left;
	height: 62px;
	text-indent: -9999px;
	width: 62px;
	padding: 0 20px 0 20px;
}

#logo-etaminstudio {
	background: url(../../resources/img/home/logo-etaminstudio-footer.png)
		top no-repeat;
	background-size: 125px 32px;
	-moz-background-size: 125px 32px;
	display: block;
	height: 16px;
	margin: 5px 0;
	text-indent: -9999px;
	width: 125px;
}

#logo-etaminstudio:hover {
	background-position: bottom;
}

.lte8 footer .wrapper {
	background-image: url(../../resources/img/home/ie/shadow-separator.png);
}

.lte8 #logo-lis {
	background-image: url(../../resources/img/home/ie/logo-lis-footer.png);
}

.lte8 #logo-etaminstudio {
	background-image:
		url(../../resources/img/home/ie/logo-etaminstudio-footer.png);
}

/* Center block */
.register,.login {
	padding-bottom: 100px;
}

.register .wrapper>p,.login .wrapper>p {
	text-align: center;
}

.login #locale_switch {
	background: none;
	padding-right: 0;
}

#center_block {
	background: #fff;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.05);
	margin: 150px auto 30px;
	width: 340px;
}

#center_block h1 {
	font-size: 2em;
	margin: 1em 1em 0.6em;
}

#center_block form,#center_block .form-actions {
	margin-bottom: 0;
}

#center_block .control-group {
	padding: 0 30px;
}

#center_block .form-actions {
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	color: #999;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 30px;
}

#center_block .form-actions a {
	color: #999;
}

#center_block .form-actions .btn {
	margin-right: 5px;
	vertical-align: inherit;
}

.ie7 #center_block .form-actions .btn {
	vertical-align: middle;
}

/* Surcharges de Bootstrap */
input:focus,textarea:focus {
	border-color: rgb(151, 185, 70);
	-webkit-box-shadow: 0 0 8px rgba(174, 210, 110, 0.6);
	-moz-box-shadow: 0 0 8px rgba(174, 210, 110, 0.6);
	box-shadow: 0 0 8px rgba(174, 210, 110, 0.6);
}

.btn-primary {
	background-color: #beda75;
	background-image: -moz-linear-gradient(top, #beda75, #87bc41);
	background-image: -ms-linear-gradient(top, #beda75, #87bc41);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#beda75),
		to(#87bc41));
	background-image: -webkit-linear-gradient(top, #beda75, #87bc41);
	background-image: -o-linear-gradient(top, #beda75, #87bc41);
	background-image: linear-gradient(top, #beda75, #87bc41);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beda75',
		endColorstr='#87bc41', GradientType=0);
	border-color: #87bc41 #87bc41 #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #87bc41;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false);
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]
	{
	background-color: #87bc41;
	*background-color: #87bc41;
}

/* Icons */
.icon {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-background-size: 100%;
	display: inline-block;
	height: 75px;
	margin-right: 0.5em;
	vertical-align: middle;
	width: 78px;
}

.icon-edition {
	background-image: url(../../resources/img/home/icon-edition.png);
}

.icon-identification {
	background-image: url(../../resources/img/home/icon-identification.png);
}

.icon-analysis {
	background-image: url(../../resources/img/home/icon-analysis.png);
}

.icon-contact {
	background-image: url(../../resources/img/home/icon-contact.png);
	height: 16px;
	width: 25px;
}

.lte8 .icon-edition {
	background-image: url(../../resources/img/home/ie/icon-edition.png);
}

.lte8 .icon-identification {
	background-image:
		url(../../resources/img/home/ie/icon-identification.png);
}

.lte8 .icon-analysis {
	background-image: url(../../resources/img/home/ie/icon-analysis.png);
}

.lte8 .icon-contact {
	background-image: url(../../resources/img/home/ie/icon-contact.png);
}

/* Media queries */
@media only screen and (max-width: 980px) {
	.features,#call_to_action {
		border-left: 0;
		border-right: 0;
	}
	#about {
		padding: 0 20px;
	}
	.button.contact {
		padding: 15px;
	}
	footer .wrapper {
		padding: 35px 30px;
	}
}

@media ( min--moz-device-pixel-ratio : 1.5) , ( -o-min-device-pixel-ratio : 3/2)
		, ( -webkit-min-device-pixel-ration : 1.5) , ( min-resolution :
	1.5dppx) {
	body {
		background-size: 50px 50px, auto;
		-moz-background-size: 50px 50px, auto;
	}
}

/* added by thomas burguiere */
label.error {
	font-size: 80%;
	font-style: italic;
	color: gray;
}

.notification-zone{
	padding:8px 35px 8px 14px;
	margin-bottom:0px;
	text-shadow:0 0 0 0;
	background-color:#fcf8e3;
	border:1px solid #fbeed5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:  #c09853;
	font-family: "Courier New";
}
.notification-alert-info{
	background-color: #2654a3; /* d9edf7 */
	border-color: #9ea7a7;
	color: #ffffff ; /* #3a87ad */
}

.notification-alert-danger{
	background-color: #b62722; /* d9edf7 */
	border-color: #9ea7a7;
	color: #ffffff ; /* #3a87ad */
}

.notification-zone .close{
	position:relative;
	top:-2px;
	right:-21px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=50);
	opacity: .2;
}

#blaguerien{
	display:none;
}