a {
text-decoration: none; /* définition du lien qui affichera le "calque" */
padding-left:15px;
}

a:hover {
background: none; /* correction d'un bug IE */
}
a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}

/*a:hover span {
    display: inline;
    position:absolute;
    float:left;
    padding-top:20px;
    top:105px;
    left:355px;
    width:480px;
    height:470px;
    line-height:300px;
    background: #666666;
    text-align: center;
    color: white;
}   */

a:hover span {
    display: inline;
    position:absolute;
    float:left;
    padding-top:20px;
    top:170px;
    left:100px; 
    width:280px;
    height:380px;
    line-height:300px;
    background: #666666;
    text-align: center;
    color: white;
	margin-left:auto;
	margin-right:auto;
}

#panel{
	background-color:rgba(1, 1, 10, 0.7);
   /* width:100%;*/
	/*width:50%;*/
    /*position:fixed;*/
	position:absolute;
    /*bottom:0px;*/
    /*left:0px;*/
    right:0px;
    height:0px;
    text-align:center; 
	top:0px;
	width:1024px;	
	background-color:#222;

}


.column-layout {
  display: table;
  width: 100%;
  border-collapse: separate;
}
.column-layout-gauche > div {
  display: table-cell;
  float:left;
  width: 48%; /* 2colonnes de même largeur*/
  padding: 5px;
  border: 3px #F2F2F2 solid;
  background: #666;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  height:245px;
}

.column-layout-droite > div {
  display: table-cell;
  float:right;
  width: 45%; /* 2colonnes de même largeur*/
  padding: 2px;
  border: 3px #F2F2F2 solid;
  background: #666;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}


.instuction {
	font-family: sans-serif, Arial;
	display: block;
	margin: 0 auto;
	max-width: 820px;
	width: 100%;
	padding: 0 70px;
	color: #222;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.instuction h1 img {
	max-width: 170px;
	vertical-align: middle;
	margin-bottom: 10px;
}
.instuction h1 {
	color: #2F98B3;
	text-align: center;
}
.instuction h2 {
	position: relative;
	font-size: 1.1em;
	color: #2F98B3;
	margin-bottom: 20px;
	margin-top: 40px;
}
.instuction h2 span.num {
	position: absolute;
	left: -70px;
	top: -18px;
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-size: 1.1em;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #2F98B3;
	color: #fff;
	border-radius: 50%;
}
.instuction .mono {
	color: #000;
	font-family: monospace;
	font-size: 1.3em;
	font-weight: normal;
}
.instuction li.mono {
	font-size: 1.5em;
}

.instuction ul {
	font-size: 0.9em;
	margin-top: 0;
	padding-left: 0;
	list-style: none;
}
.instuction .note {
	color: #A3A3B2;
	font-style: italic;
	padding-top: 10px;
}
.instuction p.note {
	text-align: center;
	padding-top: 0;
	margin-top: 4px;
}
.instuction textarea {
	font-size: 0.9em;
	min-height: 60px;
	padding: 10px;
	margin: 0;
	overflow: auto;
	max-width: 100%;
	width: 100%;
}
.instuction a,
.instuction a:visited {
	color: #2F98B3;
}