* {
    font-size: 13px;
}

.ficherole {
padding: 2px 14px;
}

.ficherole dfn#votreroleest {
top: 22px;
}
.ficherole h1 {
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-5deg);
    position: relative;
    top: -63px;
    left: 0px;
    font-size: 51px;
    margin-bottom: -74px;
}

.ficherole h2 {
    font-size: 23px;
}

.ficherole dfn {
    background-position: bottom;
    position: relative;
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    margin-left: 8px;
    top: -7px;
    left: 16px;
    display: block;
    font-size: 19px;
}

#visuelm {
  left: 6%;
  top: -124px;
  width: 88%;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
}




h1 {
  padding: 9px;
  padding-top: 68px;
}

#content, .papier, .papier2 {
 width: 100%;
 margin:0;
 padding:0px;
}



.papier {
  background-size: contain;
  background-image: url(../img/papier.jpg);
  height: initial;
}

.papier2 {
  background-image: none;
  padding: 16px;
  display: table-cell;
}

#content img, iframe {
  max-width: 100%;
  height: auto;
}


#ombrem, #visuelg, #visueld {
  display:none;
}


.diapo {
  border: 3px solid rgb(223, 198, 18);
  box-shadow: 0px 0px 12px rgb(0, 0, 0);
  margin: 5px;
  height: 149px;
  width: 95%;
  overflow: hidden;
  position: relative;
  display: block;
  top: 0;
  left: 0;
}

.ouinon img.gris {
    opacity: 0.4;
    cursor:pointer;
}

.numbers {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 8px solid #F00;
}

.numbers span, .numbers span strong {
 font-size:20px;
}

.button_action {
	width:100%;
	margin-bottom: 6px;
	box-shadow: 1px 1px 2px #0000009c;
	min-height: 66px;

}

ul {
    margin: 0px;
    padding: 0px 0px;
}

.absol {
	position: initial;
}

.margeabsol {
	margin-top:80px !important;
}