@font-face {
    font-family: FA;
    src: url('/ttf/fa-regular-400.ttf');
}
i {
	font-family:FA;  
  font-style:normal;
}

.grid-container {
  max-width:1000px;
  padding: 0;
}
#header-logo img {
  width:400px;
}
#header-logo .cell {
    padding: 10px 6%;
    align-items: center;
    display: flex;
}
#z_header {
  border-bottom: 50px solid #7F3E97;
  position: relative;
  text-align:center;
  margin: 0;
}
#connect {
  float: left;
  font-size: 18px;
  text-align: center;
  margin: 20px calc((100% - 340px)/2);
  width: 340px;
}
#connect span {
 padding-top: 6px;
}
#connect span,
#connect input {
  float:left;
}
#connect input {
 margin:0 10px;
 width: 120px;
 height: 40px;
}
#t_connect {
    float: left;
  margin-top:20px;
  width:100%;
    font-size: 16px;
    text-align: center;
}
#B_pass {
 background:#C4143D;
 font-size:18px;
 color:white;
 font-weight:bold;
 cursor:pointer;
 padding:5px 10px;
}
#B_pass:hover {
 background:#3D1C47;
}
#z_introduction {
  display:none;
  color:#3D1C47;
  font-size:18px;
  margin: 50px 0 0 0;
}
#z_presentations {
  margin: 0px 0 0 0;
}
#z_presentations .media {
  display:none;
  margin-bottom:100px;
}
#z_presentations .cell {
  text-align: center;
}

#z_presentations .presentation a:first-child {
  margin:0 20px;
}
#z_presentations i {
  margin-right:10px;
}
#z_presentations .cas {
  width:100%;
}
#z_presentations .T_cas {
  background: #7F3E97;
  width:100%;
  margin-bottom:30px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 50px;
}
#z_presentations .cas h2 {
  width:100%;
 font-size: 24px;
 line-height: 34px;
 font-weight:600;
 color: white;
 text-align:center;
 margin: 0;
}
#z_presentations .cas h3 {
  width:100%;
 font-size: 21px;
 line-height: 34px;
 color: white;
 text-align:center;
 margin: 0;
}
#z_presentations #cas_1 h2 {
  padding-left: 240px;
  padding-right: 240px;
}
#z_presentations #cas_2 h2 {
  padding-left: 100px;
  padding-right: 100px;
}
#z_presentations #cas_3 h2 {
  padding-left: 180px;
  padding-right: 180px;
}
#z_presentations #cas_4 h2 {
  padding-left: 100px;
  padding-right: 100px;
}
#z_presentations .col_6 {
  padding:20px;
  width:50%;
  float: left;
}
#z_presentations .video {
  float: left;
}
#z_presentations .B_pic,
#z_presentations .B_video {
    cursor:pointer;
}
#z_presentations .B_pic:hover,
#z_presentations .B_video:hover {
  opacity:.5;
}
#z_presentations .c_liste {
  display:none;
}
#z_presentations .c_liste li {
    cursor:pointer;
 font-weight:600;
}
#z_presentations .c_liste li:hover {
 color: #7F3E97;
}
#z_presentations .c_liste h3 {
 font-size: 21px;
 font-weight:600;
 color: #7F3E97;
 text-align:center;
 margin: 0;
  width:100%;
}
a {
  color:black !important;
}
/* -------------------- footer -------------- */
#z_footer {
  background: #DFD3E5;
  color: #7F3E97;
  margin: 100px 0 0 0;
  width: 100%;
  font-size: 14px;
  padding: 20px;
}
#z_footer p {
  margin: 0;
}