@charset "utf-8";

/**
* @author	Frédéric POURRAZ ~ frederic.pourraz@univ-smb.fr
*/

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	margin: 0;
	padding: 0;
}

:focus
{
	outline:none;
}

html
{
	height: 100%;
}

@media screen and (max-width: 1000px) and (orientation: portrait)
{
	html
	{
		height: 100vw;
		left: 0;
		overflow-x: hidden;
		position: absolute;
		top: 100%;
		transform: rotate(-90deg);
		transform-origin: left top;
		width: 100vh;
	}
}

body
{
	padding: 0 1vmax;
	text-align: center;
}

h1
{
	color: Black;
	font-family: Arial;
	font-size: 2.5vmax;
	font-weight: bold;
	padding: 1.5vmax 0;
}

h1 #logo
{
	height: 1.8vmax;
	max-height: none;
	max-width: none;
	vertical-align: baseline;
}

form
{
	position: relative;
}

#shadow
{
	height: 100%;
	left: 28%;
	position: absolute;
	top: 0;
	z-index: 3;
}

.Shadow
{
	background-color: rgba(0,0,0,0.5);
}

table
{
	border-collapse: collapse;
}

tr
{
	background-color: white;
}

th
{
	background-color: white;
}

th,
td
{
	border-color: black;
	border-style: solid;
	border-width: 0.1vmax;
	text-align: center;
	vertical-align: middle;
}

#analysing
{
	height: 13vmax;
}

.Width_10
{
	width: 10%;
}

.Width_18
{
	width: 18%;
}

.Text
{
	font-family: Arial;
	font-size: 1vmax;
	padding: 0.5vmax 1vmax;
}

.Text.Larger
{
	font-size: 1.3vmax;
}

.Text_Small
{
	font-family: Arial;
	font-size: 0.8vmax;
	padding: 0.4vmax 0 0 0;
}

.Text_Small.Larger
{
	font-size: 1vmax;
}

.Cristal
{
	padding: 0.5vmax 0;
}

.Cristal img
{
	padding: 0 1vmax;
}

.Legend
{
	background-color: #EFEFEF;
	font-family: Arial;
	font-size: 0.8vmax;
	font-style: italic;
	padding: 0.5vmax 1vmax;
	text-align: left;
}

.Legend .Larger
{
	font-size: 1vmax;
}

.Legend span
{
	display: inline-block;
	vertical-align: middle;
}

.Legend img
{
	margin-left: 2vmax;
}

span.Text_Small
{
	display: block;
}

.Bold
{
		font-weight: bold;
}

.Italic
{
		font-style: italic;
}

.Align_Center
{
	text-align: center;
}

.Align_Left
{
	text-align: left;
}

.Align_Right
{
	text-align: right;
}

.Vertical_Align_Bottom
{
	vertical-align: bottom;
}

.Border_None
{
	border-width: 0;
}

.Border_Top
{
	border-top-width: 0.2vmax;
}

.Border_Right
{
	border-right-width: 0.2vmax;
}

.Border_Bottom
{
	border-bottom-width: 0.2vmax;
}

.Border_Left
{
	border-left-width: 0.2vmax;
}

.Green
{
	background-color: #B7EC5F;
}

.Orange
{
	background-color: Orange;
}

.Red
{
	background-color: #ff5315;
	color: White;
}

.Purple
{
	background-color: #5F0749;
	color: White;
}

.Transparent
{
	background-color: transparent;
}

.Gradient_Green
{
	background-image: linear-gradient(to right, #B7EC5F, #B7EC5F, Orange);
}

.Gradient_Orange
{
	background-image: linear-gradient(to right, Orange, Orange, #ff5315);
}

.Gradient_Red
{
	background-image: linear-gradient(to right, #ff5315, #ff5315, #5F0749);
	color: White;
}

a
{
	color: Black;
}

label
{
	display: block;
	padding: 0.5vmax 1vmax;
	position: relative;
	z-index: 5;
}

label.Mode
{
	padding: 0.5vmax 0 0 0;
	z-index: 4;
}

label.Mode .Header
{
	position: absolute;
	width: 100%
}

label.Mode img
{
	margin-top: -4vmax;
}

.Flow_Chart
{
	position: relative;
}

.Flow_Chart .Shadowable
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.Flow_Chart .Yes,
.Flow_Chart .No
{
	font-family: Arial;
	font-size: 1vmax;
	font-weight: bold;
	position: absolute;
	white-space: nowrap;
}

.Flow_Chart .Yes
{
	left: 52%;
	top: 68%;
}

.Flow_Chart .No
{
	left: 70%;
	top: 28%;
}

.Flow_Chart input
{
	margin-right: 0.5vmax;
}

.Arrow_Vertical
{
	left: 50%;
	position: absolute;
	z-index: 1;
}

.Arrow_Vertical .Line
{
	border-left-style: solid;
	border-left-width: 0.3vmax;
	height: 100%;
	margin-left: -0.15vmax;
}

.Arrow_Vertical .Point
{
	border-left: 0.6vmax solid transparent;
	border-right: 0.6vmax solid transparent;
	border-top-style: solid;
	border-top-width: 0.6vmax;
	bottom: -0.3vmax;
	height: 0px;
	left: -0.6vmax;
	position: absolute;
	width: 0px;
}

.Arrow_Horizontal
{
	position: absolute;
	top: 50%;
	z-index: 1;
}

.Arrow_Horizontal .Line
{
	border-top-style: solid;
	border-top-width: 0.3vmax;
	height: 100%;
	margin-top: -0.15vmax;
}

.Arrow_Horizontal .Point
{
	border-bottom: 0.6vmax solid transparent;
	border-top: 0.6vmax solid transparent;
	border-left-style: solid;
	border-left-width: 0.6vmax;
	height: 0px;
	top: -0.55vmax;
	position: absolute;
	right: -0.3vmax;
	width: 0px;
}

.Losange
{
	left: 50%;
	position: absolute;
	top: 4vmax;
	z-index: 2;
}

.Triangle_Border
{
	width: 0;
	height: 0;
	border-left: 5vmax solid transparent;
	border-right: 5vmax solid transparent;
	left: -5vmax;
	position: absolute;
}

.Triangle_Bottom_Border
{
	border-top: 2.5vmax solid Black;
	margin-top: 2.45vmax;
}

.Triangle_Top_Border
{
	border-bottom: 2.5vmax solid Black;
}

.Triangle
{
	width: 0;
	height: 0;
	border-left: 4.5vmax solid transparent;
	border-right: 4.5vmax solid transparent;
	left: -4.5vmax;
	opacity: 0.8;
	position: absolute;
	top: 0.25vmax;
}

.Triangle_Bottom
{
	border-top: 2.25vmax solid White;
	margin-top: 2.20vmax;
}

.Triangle_Top
{
	border-bottom: 2.25vmax solid White;
}

.Triangle_Label
{
	font-family: Arial;
	font-size: 1vmax;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 1.9vmax;
	white-space: nowrap;
	width: 5.5vmax;
}

#arrow_1
{
	height: 12.5vmax;
	top: 0;
}

#arrow_1 .Line
{
	border-color: #B7EC5F;
}

#arrow_1 .Point
{
	border-top-color: #B7EC5F;
}

#arrow_2
{
	height: 3.7vmax;
	top: 0;
}

#arrow_3
{
	height: 3.7vmax;
	top: 8.8vmax;
}

#arrow_2 .Line,
#arrow_3 .Line
{
	border-color: Orange;
}

#arrow_2 .Point,
#arrow_3 .Point
{
	border-top-color: Orange;
}

#arrow_4
{
	width: 70%;
	left: 50%;
}

#arrow_4 .Line
{
	border-color: #ff5315;;
}

#arrow_4 .Point
{
	border-left-color: #ff5315;;
}

#losange_1 .Triangle_Bottom_Border
{
	border-top-color: Orange;
}

#losange_1 .Triangle_Top_Border
{
	border-bottom-color: Orange;
}

#losange_1 .Triangle_Label
{
	left: -2.75vmax;
}

#arrow_5
{
	height: 3.7vmax;
	top: 0;
}

#arrow_6
{
	height: 3.7vmax;
	top: 8.8vmax;
}

#arrow_5 .Line,
#arrow_6 .Line
{
	border-color: #ff5315;;
}

#arrow_5 .Point,
#arrow_6 .Point
{
	border-top-color: #ff5315;;
}

#arrow_7
{
	width: 90%;
	left: 50%;
}

#arrow_7 .Line
{
	border-color: #5F0749;
}

#losange_2 .Triangle_Bottom_Border
{
	border-top-color: #ff5315;;
}

#losange_2 .Triangle_Top_Border
{
	border-bottom-color: #ff5315;;
}

#losange_2 .Triangle_Label
{
	left: -2.75vmax;
}

#arrow_8
{
	height: 6.2vmax;
	left: 40%;
	top: 6.3vmax;
}

#arrow_9
{
	height: 12.5vmax;
	left:60%;
	top: 0;
}

#arrow_8 .Line,
#arrow_9 .Line
{
	border-color: #5F0749;
}

#arrow_8 .Point,
#arrow_9 .Point
{
	border-top-color: #5F0749;
}

img
{
	max-height: 4vmax;
	max-width: 4vmax;
	vertical-align: middle;
}

img.Large
{
	max-height: 100%;
	max-width: 100%;
}

img#cristal
{
	max-width: 89%;
}

img.Left
{
	margin-right: 2vmax;
}

img.Right
{
	margin-left: 2vmax;
}

img.Top
{
	margin-bottom: 1vmax;
}

.Multiline
{
	display: inline-block;
	vertical-align: middle;
}

#en img,
#fr img,
#it img
{
	margin: 0 0.2vmax;
	max-height: 1.5vmax;
	max-width: 1.5vmax;
}

.opaque img
{
	opacity: 0.4;
}

footer img
{
	margin: 1vmax 1vmax 0 1vmax;
}

#interreg
{
	max-height: 15vmax;
	max-width: 15vmax;
}

#data
{
	max-height: 18vmax;
	max-width: 18vmax;
}

#usmb
{
	max-height: 10vmax;
	max-width: 10vmax;
}

#listic
{
	max-height: 8vmax;
	max-width: 8vmax;
}

#ensa
{
	max-height: 6vmax;
	max-width: 6vmax;
}

#sngm
{
	max-height: 10vmax;
	max-width: 10vmax;
}