@charset "utf-8";
/* CSS Document */

/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */

/*@import url(http://weloveiconfonts.com/api/?family=fontawesome);*/

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;
}


[class*="fontawesome-"] {
  display:inline-block;
  width:24px;
  height:24px; 
  background:transparent url(locked.png);
}

/* ---------- GENERAL ---------- */



input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #eee inset;
	color:#777;
}

body {
	background:#c0c0c0 url(../images/back1.png) repeat;
	color: #000;
	min-width:600px;
	font: 100%/1.5em "Varela Round", sans-serif;
  	margin: 0;
  	overflow:hidden;
  	text-align:center;
}

input {
	border: none;
	font-family: inherit;
	font-size:1em;
	font-size:inherit;
	font-weight: inherit;
	line-height: inherit;
/*	-webkit-appearance: none;*/
}
#dt {
	position:absolute;
	top:0;
	right:0;
	padding:5px;
	color:#777;
}
#left {
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	color:#777;
}
#top {
	height:40px;
	background:transparent url(../images/cebelian_quadri.png) no-repeat center 30px;;
	text-align:center;
	padding-top:130px;
}
a, a:link, a:hover { color:#777; } 

#version {
	position:absolute;
	top:42px;
	right:5px;
	font-size:80%;
	color: #c8d700;
}
/* ---------- LOGIN ---------- */

#login {
	position:relative;
	text-align:left;
	margin:0px auto;
	width: 400px;
	z-index:100;
	background:transparent;
 
	
	
	-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
	-o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	
}
#bottom {
	text-align:left;
}
#login h2 {
	background: #55585d;
	border-radius: 20px 20px 0 0;
	color: #c8d700;
	font-size: 28px;
	padding: 20px 26px;
}

#login h2 span[class*="fontawesome-"] {
	margin-right: 14px;
}

#login fieldset {
	background:#fff;
	background:rgba(255,255,255,0.40);
	border-radius: 0 0 20px 20px;
	padding: 20px 46px 20px 26px;
}

#login fieldset p {
	color: #777;
}

#login fieldset p:last-child {
	margin-bottom: 0;
}

#login fieldset input {
	border-radius: 3px;
}

#login fieldset input#identifiant, #login fieldset input#mot_de_passe, #login fieldset input#mot_de_passe_new, #login fieldset input#mot_de_passe_new2 { 
	margin-bottom:20px;
	background: #eee;
	color: #777;
	padding: 4px 10px;
	width: 100%;
	height:30px;
}

#login fieldset input#submit {
	background: #80b71b;
	color: #fff;
	display: block;
	margin: 0 auto 20px auto;
	padding: 4px 0;
	width: 100px;
	cursor:pointer;
	
}

#login fieldset input#change {
	background: none;
	position:absolute;
	right:12px;
	bottom:0;
	padding: 4px 0;
	color:#777;
	font-size:10pt;
	cursor:pointer;
}

#login fieldset input#submit:hover {
	background: #cbd300;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #eee inset;
	-webkit-text-fill-color: #777 !important;
}
p.msg {
	
}
p.msghigh {
	color:#E50F0F;
	font-style:italic;
	font-weight:bold;
}

#message {
	width:800px;
	margin:10px auto 0 auto;
}
.twitter {
	margin-top:4px;
}

.cebelian_flash::before {
	content:"Flash";
	padding:0px 2px 0 0px;
	color:#c8d700;
	display:block;
	font-size:120%;
	font-weight:bold;
}

.cebelian_flash:before {
	content:"Flash";
	padding:0px 2px 0 0px;
	color:#c8d700;
	display:block;
	font-size:120%;
	font-weight:bold;
	
	
}

.cebelian_flash_lab::before {
	content:"News from the lab";
}
.cebelian_flash_lab:before {
	content:"News from the lab";
}

.flashes {
	top:35px;
	right:0;
	position:absolute;
	
}
.cebelian_flash {
	font-size:90%;
	background:#55585d;
	width:220px;
	padding:10px;
	text-align:left;
	margin-bottom:20px;
	
	
	-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
	-o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	-moz-border-radius: 20px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	
	
	
		
}
.cebelian_flash a, .cebelian_flash a:link, .cebelian_flash a:hover { color:#fff; text-decoration:none; font-size:90%;line-height:14px}