.video_titre{  float:left;  display:inline;  width:160px;  height:3.5em;  padding:0.5em 10px;  margin:5px;  border:1px solid #fff;  -webkit-border-radius:10px;  -khtml-border-radius:10px;  -moz-border-radius:10px;  -ms-border-radius:10px;  -o-border-radius:10px;  border-radius:10px;  overflow:hidden;  text-align:center;  font-size:16px;  font-size:1vw;  line-height:1.2em;}.video_titre:hover{  background:#f68686;  background:rgba(255,255,255,0.2);}.video_titre a{  display:block;  width:100%;  height:100%;}.video{  float:left;  display:inline;  width:100%;  height:0px;  padding-bottom:60.71%;  position:relative;}.video iframe , .video object , .video embed , .video video , .video_popup iframe{  position:absolute;  width:100%;  height:100%;  top:0;  bottom:0;  left:0;  right:0;  outline:0;  border:none;}.video_popup_fond{  display:none;  position:fixed;  width:100%;  height:100%;  top:0;  bottom:0;  left:0;  right:0;  outline:0;  overflow:hidden;  background:#000;  background:rgba(0,0,0,0.4);  z-index:100;  cursor:pointer;}.video_popup_fond div{  margin:1em auto;  width:15em;  text-align:center;  font-size:16px;  color:#000;  line-height:1.4em;  -webkit-border-radius:10px;  -khtml-border-radius:10px;  -moz-border-radius:10px;  -ms-border-radius:10px;  -o-border-radius:10px;  border-radius:10px;  background:#fff;  background:rgba(255,255,255,0.7);}.video_popup{  display:none;  position:fixed;  width:70%;  height:0px;  padding-bottom:42.5%;  top:50px;  left:15%;  right:15%;  overflow:hidden;  z-index:101;  background:#fff;}.video_html5_liste{	position:relative;	padding-top:5px;	padding-left:5px;	padding-right:5px;}.video_html5_lecture{	position:absolute;	z-index:10;	top:45%;	left:45%;	top:calc( 50% - 16px );	left:calc( 50% - 16px );}