html
{
}

body
{
	height: 100%;
	margin: 0;
}

.Background1
{
	position: absolute;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #161416;
	height: 100%;
	width: 100%;
}

.Accueil
{
	position: relative;

}

.MainDisplay
{
	position: absolute;
	top : 0px;
	height: 100%;
	width: 100%;
}

.SlideShow 
{ 
	position: absolute; 
	margin-top : 8.1%;
	margin-left: 42vw;
	width:35%; 
	height:22.6vw;
	background-color: #f5f4f5;
	transition: background-color 1s;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.Button1:hover ~ .SlideShow
{
	background-color: #168bc4;
}

.Button2:hover ~ .SlideShow
{
	background-color: #ff6961;
}

.SlideShow img 
{ 
	position:absolute; 
	left:5%; 
	top:0;
	width: 90%;
	height: auto;
}

#Logo
{
	position: absolute;
	height: 5.1vw;
	width: auto;
	margin-top :1.5%;
	margin-left : 1.5%;
	z-index: 1;
}

#Logo2
{
	position: absolute;
	height: 5.1vw;
	width: auto;
	margin-top :1.5%;
	margin-left : -200%;
	z-index: 1;
}

.AccueilText1
{
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.88vw;
	margin-left : 7%;
	font-weight: bold;
	margin-top: 1.1%;
	color : #f5f4f5;
	z-index: 1;
	transition: color 2s;
}

.AccueilText2
{
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.95vw;
	margin-left : 7%;
	font-weight: bold;
	margin-top: 4.2%;
	color : #f5f4f5;
	z-index: 1;
	transition: color 2s;
}


#ButtonText
{
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.35vw;
	margin-left : 1.5vw;
	margin-top: 7.5%;
	color: #f5f4f5;
	z-index: 1;
	width: 100%;
}

.Button1
{
	position: absolute;
	border-bottom: 7.36vw solid #424142;
	border-left: 4.413vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 29.4vw;
	margin-left: 6.6%;
	margin-top : 8.1%;
}

.Button1:hover
{
	position: absolute;
	border-bottom: 7.36vw solid #168bc4;
	border-left: 4.413vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 29.4vw;
	margin-left: 6.6%;
	margin-top : 8.1%;
}


.Button2
{
	position: absolute;
	border-bottom: 7.36vw solid #424142;
	border-left: 4.413vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 29.4vw;
	margin-left: 6.6%;
	margin-top : 15.7%;
}


.Button2:hover
{
	position: absolute;
	border-bottom: 7.36vw solid #ff6961;
	border-left: 4.413vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 29.4vw;
	margin-left: 6.6%;
	margin-top : 15.7%;
}


.Button3
{
	position: absolute;
	border-bottom: 7.36vw solid #424142;
	border-left: 4.413vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 29.4vw;
	margin-left: 6.6%;
	margin-top : 23.4%;
}


.Button3:hover 
{
	position: absolute;
	border-bottom: 7.36vw solid #f5f4f5;
	border-left: 4.413vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 29.4vw;
	margin-left: 6.6%;
	margin-top : 23.4%;
}

.ButtonText3
{
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.35vw;
	margin-left : 1.5vw;
	margin-top: 7.5%;
	color: #f5f4f5;
	z-index: 1;
	width: 100%;
}

.Button3:hover > .ButtonText3
{
	color: #161416;
}

/* HIDDEN DISPLAY COMMENCE ICI */

.HiddenDisplay
{
	position: relative;
	margin-top: 0px;
	left : 0px;
	height: 100%;
	width: 100%;
	z-index: 0;
}

.ContactContent
{
	position: absolute;
	top:-200%;
	right :0;
	left :0;
	height: 100%;
	background-color: #ff6961;
}

.HiddenContactContent
{
	position: relative;	
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8vw;
	margin-left : 7%;
	font-weight: lighter;
	margin-top: 2%;
	color: #f5f4f5;
	z-index: 2;
	width: 32%;
}

.HiddenContactTitle
{
	position: relative;	
	font-family: 'Open Sans', sans-serif;
	font-size: 2.35vw;
	margin-top: -5%;
	margin-left : 10.5%;
	font-weight: bold;
	color: #f5f4f5;
	z-index: 2;
}

.Mobile
{
	position : absolute;
	margin-left: 35%;
	margin-top: -30%;
	height: 25vw;
	width: auto;
}

.Phone
{
	position : absolute;
	margin-left: 55%;
	margin-top: -26.5%;
	height: 25vw;
	width: auto;
}

/* Contenu catégorie BIO*/


.BioContent
{
	position: absolute;
	top:-200%;
	right :0px;
	left: 0px;
	height: 100%;
	background-color: #168bc4;
}

.HiddenBioContent
{
	position: relative;	
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8vw;
	margin-left : 7%;
	font-weight: lighter;
	margin-top: 2%;
	color: #f5f4f5;
	z-index: 2;
	text-indent: 4vw;
	width: 32%;
	text-align: justify;
}

.Arrow
{
	position: relative;
	height: 5.8vw;
	width: auto;
	margin-left : 2.5%;
	margin-top: 10%;
}

.Square
{
	position : absolute;
	margin-left: 44%;
	margin-top : -15.5%;
	height: 15.5vw;
	width: auto;
}

.Circle
{
	position : absolute;
	margin-left: 40%;
	margin-top: -28%;
	height: 15.5vw;
	width: auto;
}

.BigCircle
{
	position: absolute;
	margin-top: -30%;
	margin-left : 54%;
	height: 15.5vw;
	width: auto;
}

.HiddenBioTitle
{
	position: relative;	
	font-family: 'Open Sans', sans-serif;
	font-size: 2.35vw;
	margin-top: -5%;
	margin-left : 10.5%;
	font-weight: bold;
	color: #f5f4f5;
	z-index: 2;
}

.CreationContent
{
	position: absolute;
	top:-200%;
	right :0px;
	left: 0px;
	height: 100%;
	background-color: #f5f4f5;
}

.HiddenCreationTitle
{
	position: relative;	
	font-family: 'Open Sans', sans-serif;
	font-size: 2.35vw;
	margin-top: -5%;
	margin-left : 10.5%;
	font-weight: bold;
	color: #161416;
	z-index: 2;
}

.HiddenCreationContent
{
	position: relative;	
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8vw;
	margin-left : 7%;
	font-weight: lighter;
	margin-top: 2%;
	color: #161416;
	z-index: 2;
	text-indent: 4vw;
	width: 32%;
	text-align: justify;
}

#Render
{
	position: absolute;
	width: 60vw;
	height: 90%;
	right: 0;
	top: 0;
}

.MasterList 
{
	position: absolute;
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8vw;
	margin-left : 3%;
	font-weight: bold;
	margin-top: 2%;
	color: #161416;
	z-index: 2;
	width: 30%;
}

#TitleList0
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 8.1%;
	transition : border-bottom 1s;
}

#TitleList1
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 8.3%;
	transition : border-bottom 1s;
}

#TitleList2
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 8.5%;
	transition : border-bottom 1s;
}

#TitleList3
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 8.7%;
	transition : border-bottom 1s;
}

#TitleList4
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 8.9%;
	transition : border-bottom 1s;
}

#TitleList5
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 9.1%;
	transition : border-bottom 1s;
}

#TitleList6
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 9.3%;
	transition : border-bottom 1s;
}

#TitleList7
{
	position: absolute;
	border-bottom: 2.5vw solid #bdbebd;
	border-left: 1vw solid transparent;
	border-right: 0vw solid transparent;
	height: 0;
	width: 13vw;
	margin-left: 3.6%;
	margin-top : 9.3%;
	transition : border-bottom 1s;
}

.InfoHidden
{
	position: relative;	
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8vw;
	margin-left : 7%;
	font-weight: lighter;
	margin-top: 2%;
	color: #161416;
	z-index: 2;
	text-indent: 4vw;
	width: 32%;
	text-align: justify;
	display: none;
}


.TitleList
{
	position: absolute;
}

.Menu
{
	position: absolute;
	display : none;
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8vw;
	font-weight: lighter;
	margin-top: 2%;
	color: #f5f4f5;
	margin-left: 15.15vw;
	width: 13vw;
	top: 11.5%;
	background-color: #424142;
	height: 117.5%;
	box-shadow: 1px 1px 10px #888888;
}

.Menu li
{
	border-bottom: solid 1px black;
	width: 15.9vw;
	margin-left: -2.9vw;
	box-shadow:1px 1px #888888;

}