html,body{
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}

body {
  /*background: #f06d06;*/
  /*font-size: 80%;*/
  background: #fff url(../graph/mythocrate_fond_tissus_blanc_550.jpg);
}

main {
  /*position: relative;*/
  /* background: red; */
  height: 100%;
  width: 60%;
  /*transform: translate(-50%, -50%);*/
  margin: 0 auto;
  /*padding: auto auto;*/
  /*overflow: auto;*/
  
  /* 180814 dimensionnement */
  /*resize: both;*/
/*line-height: 100%;*/
}

main div.centreV {

  position: absolute;
  top: 50%;
  left: 50%;
  /* background: aqua; */
  margin: 0 auto;
  /*color: white;*/
  width: 100%;
  transform: translate(-50%, -50%);
  
  text-align: center;
  /* transform-origin: -50% -50%; */
	/*-webkit-transform: translate(-50%, -50%);
	 -moz-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
  */ 
  /*padding: 20px;*/
  /*overflow: auto;*/
  
  /* 180814 dimensionnement */
  /* resize: both; */

}

.ecartV{

	width: 100%;
	height: 30px;
	margin: 0 auto;

	/* background: red; */
	
}

/*title{
	color: fuchsia;
	font-size: 5em;
}*/


/*Nothing is impossible. edited the solution by Andres Ilich to the question: How to change the style of Title attribute inside the anchor tag?*/

a {
  text-decoration: none;
}

a:hover {
  position: relative;
}

a[data]:hover:after {
  content: attr(data);
  padding: 4px 8px;
  color: rgba(201,0,0,0.5);
  position: absolute;
  left: -2%;
  bottom: 30px;	/* N190313 % Non */
  white-space: nowrap;
  z-index: 199999;
  border: 1px solid #e5d6b5;
  border-radius: 10px ;
  background: rgba(248,237,223,0.7);
  font: 2em Helvetica, "Verdana", Arial, "Trebuchet MS", sans-serif !important;
  /*overflow: auto;*/
  /* Rouge foncé #c90000; = rgb:201,0,0
  Rouge très clair #f8eddf; = rgb:248,237,223
  beige #e5d6b5; = 229,214,181 */
}

/*//N190214 Effet clignote */
a[data]:hover:after{
    animation: mythoBulle 2s infinite;
}
@keyframes mythoBulle{
    0%{opacity: 0.3;}
    50%{opacity: 1;}
    100%{opacity: 0.4;}
}

#mythocrateAccordeon {
   max-width: 600px;
   max-height: 379px;
   width: 100%;
	height: 100%;
   /*background: fuchsia;*/
}
#mythocratePipoTitre {
   max-width: 800px;
   max-height: 74px;
   width: 100%;
	height: 100%;
}

#mythocrateIconeVideo, #mythocrateIconeDossier {
	background: no-repeat 0 0;

   width : 157px;
   height : 74px;
	margin: 0 auto;
	
	cursor: pointer;
   }

#mythocrateIconeVideo:hover, #mythocrateIconeDossier:hover {
	background-position: 0 -74px;
	/*background: fuchsia;*/
   }

#mythocrateIconeVideo {
   background: url(../graph/190124_Mythocrate_IconeVideo_GifAnim.gif);
}
#mythocrateIconeDossier {
   background: url(../graph/190124_Mythocrate_IconeDossier_GifAnim.gif);
   /*opacity: 0.8;
  	filter: alpha(opacity=80);*/ /* For IE8 and earlier */
  	/* Voir aussi background: rgba(76, 175, 80, 0.3) */
}

#YTframe	{
	border: 4px solid #f8eddf;	
	border-radius: 4px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}