@font-face {
    font-family: 'Lovelo Black' ;
	src: local('x')
	url('font/Lovelo Black.otf') format('opentype');
	}

body{
  background-color:#101010;
}
           /*index*/
#header {
	display:block;
	background-color: rgba(255, 255, 255, 0.7);
	position:fixed;
	top:0px;
	width:10%;
  height:50px;
  left:0px;
	border-radius:0px 0px 5px 0px;
  z-index: 1;
}

#txt_header{
  color:#ffffff;
  font-size:2.5em;
  font-style:normal;
  font-weight:normal;
  text-transform:normal;
  text-decoration:normal;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:center;
  margin-top: 5px;
}
#rangement {
	display:block;
	position:absolute;
	top:10%;
	width:100%;
  height:90%;
  left:0px;
  text-align: center;
  margin: 0px;
}

#ct_index {
	display:block;
	background-color: #636e72;
	position:relative;
  top:0%;
	width:100%;
  height:45%;
  left:0px;
  -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#ct_index:hover {
	display:block;
	background-color: #636e72;
	position:relative;
  top:0%;
	width:100%;
  height:45%;
  left:0px;
  text-decoration: underline overline;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);

}


#paragraphe {
  color:#ffffff;
  position: relative;
  top:50%;
  font-size:20px;
  font-style:none;
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:center;
}

#lien:link {
  color:#ffffff;
  font-style:none;
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:center;
}
#lien:visited {
  color:#ffffff;
  font-style:none;
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:center;
}
#lien:hover {
  color:#ffffff;
  font-style:none;
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:center;
}

#menu{
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 20px;
  left: 48.5%;
  height:50px;
  width: 50px;
  z-index: 2;
  border-radius: 100%;
  border:none;
}
#horizontal_align i{
  display: block;
  position: relative;
  top:12px;

}


#footer{
  display:block;
  background-color: #636e72;
  position:relative;
  bottom:0px;
  top:15px;
  width:100%;
  height:25%;
  left:0px;
  border-radius:0px;
}

#footer:hover {
	display:block;
	background-color: #636e72;
  text-decoration: underline overline;
}

#txt_footer{
  color:Black;
  position: relative;
  top:40%;
  font-size:20px;
  font-style:normal;
  font-weight:normal;
  text-transform:normal;
  text-decoration:normal;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:center;
}

#pic{
  display: block;
  width: 100%;
  height: 100%;
  background: url("img/pic.JPG") no-repeat;
  background-size: cover;
}

#prog{
  display: block;
  width: 100%;
  height: 100%;
  background: url("img/prog.jpg") no-repeat;
  background-size: cover;

}
        /*presentation*/
#cont_pre_1{
  display: block;
  position: absolute;
  top: 20%;
  left:10%;
  height: 60%;
  width: 80%;
  background-color: rgba(124, 76, 186, 0.6);
}
#paragraphe_cont_pre {
  color:#ffffff;
  position: relative;
  font-size:20px;
  font-style:none;
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:center;
}

#ct_lg_insta{
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;

}

#insta_lg_m{
  height: 50px;
  width: 50px;
}

#txt_insta_pic{
  margin-top: 30px;
  margin-bottom: 30px;
  color:#ffffff;
  font-size:30px;
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:left;

}

#txt_insta_pic:hover{
  margin-top: 30px;
  margin-bottom: 30px;
  color:#ffffff;
  font-size:30px;
  font-weight:normal;
  text-transform:none;
  text-decoration: underline overline;
  font-family: Tahoma, Garamond ,sans-serif;
  text-align:left;

}