html,body {
    height: 100%;
    width: 100%;
	  margin: 0;
	  overflow: hidden;
    background: 
    radial-gradient(
        transparent,
        rgb(33 20 37 / 30%) 99%
      ),
      linear-gradient(
        transparent,
        rgb(28 19 37 / 50%)
      ),
      #f2f1f3;
      font-family: 'Open Sans', sans-serif;
  }
  
  a:link { 
    text-decoration: none; 
  } 
  a:visited { 
    text-decoration: none;
    color: rgb(61, 81, 148);
  } 
  a:hover { 
    text-decoration: none; 
  } 
  a:active { 
    text-decoration: none; 
  }
  
.root {
    height: 100%;
    width: 100%;
}

.root_container{
    height: 180px;
    overflow-y: scroll;
    scrollbar-width: none;
}

.header {
    height: 150px;
}

.logo_plc {
    height: 100%;
    text-align: center;
}

.header_logo_beard {
    height: 100%;
}

/* Menu  */
.menu{
  text-align: center;
  height: 28px;
}
.menu_ul { 
  margin: 0 auto 0; 
  padding: 0; 
  list-style: none; 
  display: inline;
  text-align: center;
}
.menu_li { 
  display: table-cell; 
  position: relative; 
  padding: 0px 0;
  width: 150px;
}
.menu_a {
  color: #302f6366;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0.15em;
  
  list-style-type: none;
  font-weight:600;
  
  display: inline-block;
  padding: 5px 0px;
  padding: 0px 0px;
  position: relative;
}
.menu_a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -2px;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: #302f6366;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.menu_a:hover:after { 
  width: 100%; 
  left: 0; 
}

@media screen and (max-height: 300px) {
.menu_ul {
		margin-top: 40px;
	}
}

/* blog */
.articles {
  margin: 0px 0 10px 0;
  height: calc(100vh - 205px);
  overflow-y: scroll;
  scrollbar-width: none;
  background-color: #00000008;
  box-shadow: inset 0px 11px 8px -10px #898989, inset 0px -11px 8px -10px #575757;
}

/* sub menu blog pages */
.articles_submenu {
  width: 1000px;
  width: 900px;
  height: 25px;
  margin: 0 auto 0 auto;
  text-align: right;
}

.articles_submenu_ul {
  list-style: none;
  display: inline;
}

.articles_submenu_li {
  display: table-cell;
  position: relative;
  padding: 0 0 0 3px;
}

.articles_submenu_a, .articles_submenu_a:visited {
  color: #302f63;
  text-transform: none;
  text-decoration: none;
  
  list-style-type: none;
  font-weight:400;
  font-size: 13px;
  
  display: inline-block;
  padding: 5px 0px;
  position: relative;
}

.articles_submenu_a_active, .articles_submenu_a_active:visited {
  color: #5957b6;
  text-transform: none;
  text-decoration: none;
  
  list-style-type: none;
  font-weight:400;
  font-size: 13px;
  
  display: inline-block;
  padding: 5px 0px;
  position: relative;
}


@media screen and (max-width: 968px) {
  .articles_submenu {
    width: calc(100vw - 65px) !important;
  }
  
  .post {
    width: calc(100vw - 105px) !important;
  }
  
  
  .post_video_player {
    width: calc(100vw - 105px) !important;
    height: calc((100vw - 65px)*0.44) !important;
  }
}


/* post*/
.post {
  width: 960px;
  width: 860px;
  padding: 10px 20px 10px 20px;
  margin: 0px auto 15px auto;
  background-color: rgba(27, 35, 66, 0.07);
  text-align: left;
  border-radius: 10px;
  box-shadow:  5px 5px 10px rgba(0, 0, 0, 0.15);
  font-size:  14px ;
}

.post_header{
  display: inline;
  font-size:  15px ;
}

.post_studio{
  display: inline;
  font-weight: 800;
  color: #255d8f;
}

.post_header_separator{
  display: inline;
}

.post_title{
  display: inline !important;
  padding: 5px 0px !important;
  position: relative !important;
  font-weight: 600;
  text-transform: none !important;
  
}

.post_title > a:link {
  color: #2d3437 !important;
  text-decoration: none !important;
}

.post_title > a:visited {
  color: #2d3437 !important;
  text-decoration: none !important;
}

/*@media screen and (max-width: 1068px) {
  .post {
    font-size: max(calc(13*(100vw / 1068)), 12px) !important;
  }
}*/

/* PLAYER */
.post_video_player{
  width: auto;
  height: 230px;
  height: 287.5px;
  height: 400px;
  margin: 0 auto 10px auto;
}

.player {
  width: auto;
  height: 100%;
}

.player_div {
    <!--height: 25vw-->
}

.player_menu {
  width: 400px;
  width: 100%;
  /*height: 57.5px;*/
  margin-bottom: 10px;
}
 
.player_menu_ul {
  margin: 0 auto 0; 
  padding: 0; 
  list-style: none; 
  width: 600px;
  width: 100%;
  text-align: center;
  display: block;
}

.player_menu_li {
  width: 150px;
  display: inline;
  position: relative;
  padding: 0px 0;
}

.player_thumb{
  width: 100px;
  height: 57.5px;
  margin: 0 3px 0 0;
}

.player_menu li:last-child img {
  margin: 0 0 0 0;
}

/* INFOS */
.post_infos {
  font-size: 14px;
  margin-bottom: 5px;
}

.post_infos_brand{
  display: inline;
}

.post_infos_title{
  display: inline;
  font-weight: 550;
  color: #255d8f;
}

.post_infos_txt{
  display: inline;
  color: #2d3437;
}

/* CATEGORY */
.cat_ul{
  padding: 0; 
  list-style: none; 
  display: block;
  text-align: left;
  width: fit-content;
  margin: 0 auto 0 auto;
  font-size: 13px;
}

.cat_li{
  display: table-cell; 
  position: relative; 
  padding: 0px 0;
  width: auto;
  padding-right: 3px;
}

.cat_a{
  color: #000000;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  list-style-type: none;
  font-weight: 400;
  display: inline-block;
  padding: 0 0 0 0;
  position: relative;
}

.cat_a:visited{
  color: #000000;
}

.post_footer{
  display: block;
  text-align: left;
  width: fit-content;
  margin: 0 auto 0 auto;
}

.post_date{
  color: #000000;
  letter-spacing: 0em;
  list-style-type: none;
  font-weight: 400;
  display: inline-block;
  padding: 0 0 0 0;
  position: relative;
}

.links {
    text-align: center;
}

.links_ul {
    list-style-type: none;
    font-weight:400;
    padding: 0;
}

.links_li {
  width: 100%;
  text-align: center;
}

/* CONTACT */

.contact_bandeau{
  text-align: center;
}

.contact_bandeau_img{
  width: 60%;
  padding: 0 20% 0 20%;
  max-width: 800px;
}

/* FOOTER */
.footer {
    display: table;
    position: sticky;
    bottom: 0;
    height: 25px;
    width: 100%;
    vertical-align: bottom;
    font-weight:400;
    font-size: 12px;
    padding: 0 0 0px 0px;
    text-align: center;
}

.footer_content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}



/* ScroolBar  */
/*
 *  STYLE 1
 */

 #style-1::-webkit-scrollbar-track
 {
   /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
   border-radius: 10px;
   background-color: #f5f5f500;
 }
 
 #style-1::-webkit-scrollbar
 {
   width: 12px;
   background-color: #f5f5f500;
 }
 
 #style-1::-webkit-scrollbar-thumb
 {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #46464673;
 }