body
{
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-variant: normal;
}

*
{
	outline: none;
}

a
{
	color: inherit;
	text-decoration: none;
}

.align
{
	display: flex;
	flex-direction: row;
}

.hidden
{
	visibility: hidden;
}

.center
{
	text-align: center;
}

.noDisplay
{
	display: none;
}

.hiddenFont
{
	font-size: 0;
	color: rgba(0, 0, 0, 0);
}

.helpMe
{
	position: relative;
	color: rgba(255, 255, 255, 0.3);
	text-decoration: none;
	font-size: 25px;
	margin-left: 12px;
	margin-right: 13px;
	font-weight: bold;
	user-select: none;
}

*:placeholder,
*::placeholder,
*:placeholder-shown,
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder,
input:placeholder,
input::placeholder,
input:placeholder-shown
{
	color: rgb(170,170,170);
}
.nav
{
	display: flex;
	justify-content: space-around;
	margin: 0;
	height: 75px;
}

.navBlockContainer
{
	display: flex;
	justify-content: flex-end;
}

.navBlock
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-right: 10px;
	flex: 1;
	background-color: rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(255,255,255,0.25);
	text-decoration: none;
	min-width: 150px;
}

.navBlock:hover
{
	background: none;
	color: rgb(255, 255, 255);
	border-bottom: 1px solid rgba(255,255,255,0);
}

.navCairnDevicesLogo
{
	width: 70px;
	height: 70px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../images/SERGE_logo_norm_nav.png) center no-repeat;
	background-size: cover;
}

.navResultSergeLogo
{
	width: 70px;
	height: 53px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../images/navResultIco.png) no-repeat;
	background-size: contain;
}

.navSergeSettingLogo
{
	width: 92px;
	height: 55px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../images/navSettingsIco.png) no-repeat;
	background-size: contain;
}

.navWikiLogo
{
	width: 60px;
	height: 44px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../images/navWikiIco.png) no-repeat;
	background-size: contain;
}

.navTitle
{
	font-size: 15px;
	text-decoration: none;
	color: rgb(240, 240, 240);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}

.navlogo
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 1;
	background-color: rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(255,255,255,0.25);
	text-decoration: none;
}

.navBlock.active
{
	background: none;
	color: rgb(255, 255, 255);
	border-bottom: none;
}

@media all and (max-width: 1000px)
{
	.nav
	{
		height: 140px;
	}

	.navTitle
	{
		font-size: 25px;
		text-align: center;
	}

	.navlogo > .navTitle
	{
		width: 60%;
	}

	.navCairnDevicesLogo
	{
		width: 90px;
		height: 90px;
		margin-right: 5px;
	}

	.navResultSergeLogo
	{
		width: 124px;
	}

	.navSergeSettingLogo
	{
		width: 79px;
		height: 79px;
	}

	.navWikiLogo
	{
		width: 95px;
		height: 79px;
	}
}

.body
{
	position: relative;
	margin-top: 15vh;
}

.backgroundImage
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	margin: 0;
	background: url(../images/background/intro.png) scroll no-repeat center;
	background-size: cover;
	z-index: -1;
}

.backgroundDetails
{
	position: relative;
	width: 100%;
	height: calc(100vh - 75px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

h2
{
	width: 53%;
	font-size: 3vw;
	font-weight: lighter;
	letter-spacing: 1pt;
	margin-right: 0.5vw;
	margin-top: 1vh;
	margin-bottom: 9vh;
	text-align: center;
	color: rgb(255, 255, 255);
	text-shadow: 0 0 5px rgb(0, 0, 0);
}

h3
{
	width: 45%;
	font-size: 1.3vw;
	font-weight: lighter;
	letter-spacing: 1pt;
	margin-top: 5px;
	margin-bottom: 15vh;
	margin-right: calc(4% + 0.5vw);
	text-align: center;
	color: rgb(255, 255, 255);
	text-shadow: 0 0 5px rgb(0, 0, 0);
}

.background
{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
	background: url('../images/background/dark.png') center no-repeat;
	background-size: cover;
}

.subBackground
{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
}

.buttonArea
{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 80%;
	height: 70px;
	margin-left: 10%;
	z-index: 3;
}

.line
{
	width: 40%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.15);
}

.buttonTry
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 20%;
	height: 80%;
	text-align: center;
	background-color: rgba(84,26,102, 0.55);
	border: 1px solid rgba(205, 205, 205, 0.05);
	padding: 5px;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
}

.buttonTry:hover
{
	background-color: rgba(91, 37, 108, 0.75);
}

a.buttonTry
{
	text-decoration: none;
	color: rgb(247,247,247);
	font-size: 22px;
}

.functionality
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 50px;
}

.functionalityLine
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 140px;
	margin-bottom: 8vw;
}

.functionalityLine > div
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 47%;
	min-width: 400px;
	margin-right: 4%;
	margin-left: 4%;
}

.iconRSS
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncRss.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconPatent
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncPatent.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconScience
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncScience.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconMail
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncMail.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconOption
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncOption.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconHistory
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncHistory.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconSMS
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncSMS.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconTwitter
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncTwitter.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconWiki
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncWiki.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.iconStats
{
	width: 140px;
	height: 140px;
	background: url('../images/iconFuncStats.png') no-repeat;
	background-size: contain;
	background-position: left bottom;
}

.functionalityText
{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	height: 140px;
	overflow: hidden;
	font-size: 15px;
	color: rgb(220, 220, 220);
}

.functionalityText div
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 120px;
	width: 100%;
}

h5
{
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: rgb(245, 245, 245);
}

.titleButton
{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 30%;
	background-color: rgb(230, 230, 230);
	padding: 10px;
	margin-top: 100px;
	margin-bottom: 5px;
	margin-left: 35%;
	border: 1px solid rgba(40,40,40,0.15);
	border-radius: 3px;
	font-size: 20px;
	color: rgb(40, 40, 40);
	cursor: default;
}

/* Sign up */
.pseudoInput
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	background-color: rgba(0,0,0,0.4);
	width: 50%;
	margin-right: 25%;
	margin-bottom: 15px;
	padding: 10px;
	color: rgb(230,230,230);
}
.pseudoInput .inscription_field
{
	height: 35px;
	width: 68%;
	font-size: 20px;
	border-radius: 3px 0 0 3px;
}

.pseudoInput .buttonTry
{
	height: 45px;
	width: 32%;
	font-size: 1.5vw;
	margin: 0;
	border-radius: 0 3px 3px 0;
}

#signup
{
	width: 100%;
	padding-top: 30px;
}

form
{
	width: 100%;
}

input
{
	width: calc(100% - 8px);
	border-radius: 3px;
	border: 1px solid rgba(255,255,255, 0.15);
	padding: 4px;
	background-color: rgba(255, 255, 255, 0.2);
	color: #f9f9ff;
}

.inscription
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 3px;
	background-color: rgba(0,0,0,0.4);
	width: 40%;
	padding: 10px;
	color: rgb(230,230,230);
	margin-left: 30%;
}

.title_inscription
{
	font-size: 23px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}

.title_form_inscription
{
	font-size: 16px;
}

.submit_inscription
{
	width: 100%;
	background-color: rgba(84,26,102, 0.55);
	cursor: pointer;
	color: rgb(230,230,230);
	margin-top: 10px;
	border: 1px solid rgba(255,255,255, 0.15);
	border-radius: 3px;
}

.submit_inscription:hover
{
	background-color: rgba(91, 37, 108, 0.75);
	color: white;
}

.captcha
{
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100px;
	margin-left: calc(100% - 100px);
	margin-left: 0px;
	border-radius: 0px 3px 3px 0px;
	border: 1px solid rgba(255,255,255, 0.15);
	background-color: rgba(255, 255, 255, 0.2);
	background-size: cover;
}

.captcha1
{
	position: relative;
	background-image: url(../images/captcha/captcha1.png?t=1521911155);
	height: 22px;
	width: 22px;
	background-size: cover;
}

.captcha2
{
	position: relative;
	background-image: url(../images/captcha/captcha2.png?t=1521911155);
	height: 22px;
	width: 22px;
	background-size: cover;
}

.captcha3
{
	position: relative;
	background-image: url(../images/captcha/captcha3.png?t=1521911155);
	height: 22px;
	width: 22px;
	background-size: cover;
}

.captcha4
{
	background-image: url(../images/captcha/captcha4.png?t=1521911155);
	position: relative;
	height: 22px;
	width: 22px;
	border-radius: 0px 2px 2px 0px;
	background-size: cover;
}

.captcha_field
{
	width: calc(100% - 100px);
	border-radius: 2px 0px 0px 2px;
}

/* Responsive */
@media all and (max-width: 1000px)
{
	.backgroundImage
	{
		height: 52vh;
		min-height: 500px;
		max-height: 1000px;
		filter: brightness(0.8);
		background: url(../images/background/intro_small.png) scroll no-repeat center;
	}

	.backgroundDetails
	{
		height: calc(52vh - 140px);
		min-height: 360px;
		max-height: 860px;
		font-family: Verdana, Geneva, sans-serif;
	}

	h2
	{
		margin-top: 0;
	}

	h3
	{
		font-size: 2vw;
		margin-top: 2.5vh;
		margin-bottom: 7vh;
	}

	h5
	{
		font-size: 30px;
	}

	.body
	{
		margin-top: 40px;
	}

	.buttonTry
	{
		margin-bottom: 20px;
	}

	.buttonArea
	{
		margin-top: 50px;
	}

	.titleButton
	{
		margin-top: 50px;
	}

	.functionalityLine
	{
		flex-wrap: wrap;
		height: auto;
		width: 90%;
		margin-bottom: 0;
		overflow: hidden;
	}

	.functionalityLine > div
	{
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		min-width: 0;
		margin-right: 2%;
		margin-left: 2%;
		margin-bottom: 20px;
	}

	.functionalityLine > div > div:first-child
	{
		height: 200px;
		width: 200px;
	}

	.functionalityText
	{
		height: 200px;
		font-size: 25px;
	}

	.functionalityText div
	{
		height: auto;
	}

	.inscription
	{
		width: 80%;
		margin-left: 10%;
	}

	input
	{
		height: 40px;
		font-size: 28px;
	}

	.title_inscription
	{
		font-size: 36px;
	}

	.title_form_inscription
	{
		font-size: 30px;
	}

	.captcha
	{
		width: 140px;
	}

	.captcha1,
	.captcha2,
	.captcha3,
	.captcha4
	{
		height: 30px;
		width: 30px;
	}

	.submit_inscription
	{
		height: 50px;
		font-size: 30px;
	}
}
@media all and (max-width: 1000px)and (orientation: landscape)
{
	.backgroundImage
	{
		height: 100vh;
	}

	.backgroundDetails
	{
		height: calc(100vh - 140px);
	}
}
footer
{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 100px;
	background-color: rgba(0, 0, 0, 0.6);
	border-top: 1px solid rgba(255,255,255,0.2);
}

.footerContainer1
{
	display: flex;
	justify-content: space-between;
}

.footerContainer2
{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(84,26,102, 0.55);
	color: grey;
	font-size: 12px;
	min-height: 60px;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.1);
}

.bugFooter
{
	position: absolute;
	bottom: 70px;
	left: 10px;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

a.bugFooterLogo
{
	width: 90px;
	height: 105px;
	background: url('../images/bug.png') center no-repeat;
	background-size: contain;
}

.bugFooter a
{
	text-decoration: none;
	color: rgb(230,230,230);
}

.links
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	min-width: 60%;
}

.roundLinks
{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.roundLinks a
{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-left: 15px;
	margin-right: 15px;
}

.roundLinks a img
{
	width: 80px;
	height: 80px;
}

.subLinksContainer
{
	display: flex;
	justify-content: space-around;
}

.subLinks
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	margin: 5px;
}

.subLinks a
{
	text-decoration: none;
	color: rgb(230,230,230);
	margin: 5px;
}

.social
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	min-width: 20%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.social a img
{
	width: 40px;
	height: 40px;
}

.copyright
{
	display: flex;
	align-items: center;
	height: 1.6vw;
	width: 19%;
	margin-right: 1%;
	margin-top: 20px;
	padding: 3px;
	border-radius: 0 3px 3px 0;
	border: 1px solid rgba(255,255,255, 0.1);
	background-color: rgba(84,26,102, 0.55);
}

.copyright a
{
	text-decoration: none;
	font-size: 1.3vw;
	text-align: center;
	color: rgb(230,230,230);
}

@media all and (min-width: 1200px)
{
	.copyright
	{
		display: flex;
		align-items: center;
		height: 23px;
		width: 220px;
		margin-top: 20px;
		padding: 3px;
		border-radius: 0 3px 3px 0;
		border: 1px solid rgba(255,255,255, 0.1);
		background-color: rgba(84,26,102, 0.55);
	}

	.copyright a
	{
		text-decoration: none;
		font-size: 16px;
		text-align: center;
		color: rgb(230,230,230);
	}
}

@media all and (max-width: 1000px)
{
	.footerContainer1
	{
		font-size: 25px;
	}

	.footerContainer2
	{
		font-size: 17px;
	}

	.roundLinks a
	{
		width: 120px;
		height: 120px;
	}

	.roundLinks a img
	{
		width: 119px;
		height: 119px;
	}

	.social a img
	{
		width: 63px;
		height: 63px;
	}

	.copyright a
	{
		font-size: 25px;
	}

	.copyright
	{
		height: 50px;
	}

	.bugFooter
	{
		width: 200px;
	}

	a.bugFooterLogo
	{
		width: 80px;
	}
}