@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/bg_32.gif); 
	background-size: 100% 140%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 0% 0% !important;
  background-color: transparent !important;
  background-size: cover !important;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:300%;
	line-height:1;
	margin:0;
	padding:0;
	text-align:left;
}

.flipH {
        transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
      }


// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 900

.foldit-<uniquifier> {
  font-family: "Foldit", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.readex-pro-<uniquifier> {
  font-family: "Readex Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "HEXP" 0;
}



#touche1, #touche2, #touche3, #touche4, 
#touche5, #touche6, #touche7, #touche8 {
    margin-left:50px;
	padding-left:20px;
	cursor: pointer;
	border:white 0px solid; 
	display: grid;
	align-items: center;
}

#touche9 {
    margin-left:90px;
	padding-left:20px;
	background-color:black;
	cursor: pointer;
	border:white 1px solid; 
	display: flex;
   align-items:center;
	font-size:12px;
}

a.menu:link, a.menu:visited {
font-family: Source Sans Pro;
  background-color: white;
  color: black;
  width:200px;
  height:200px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  	opacity:1;
}

a.menu:hover, a.menu:active {
  	background-image:url(images/bg_3.gif); 
	background-position: 0% 0% !important;
  background-color: transparent !important;
  background-size: cover !important;
	background-repeat:no-repeat;
		border:white 0px solid; 
  color: white;
  transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
			opacity:0.8;
}

a.menu2:link, a.menu2:visited {
font-family: Source Sans Pro;
  background-color: white;
  color: black;
  width:200px;
  height:200px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  	opacity:1;
}

a.menu2:hover, a.menu2:active {
  	background-image:url(images/bg_3.gif); 
	background-position: 0% 0% !important;
  background-color: transparent !important;
  background-size: cover !important;
	background-repeat:no-repeat;
		border:white 0px solid; 
  color: white;
    text-align: left;
  transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
			opacity:0.8;
}

#ligne1 {
    margin-left:50px;
	padding-left:20px;
	text-align:right;
	cursor: pointer;
	border-right:white 1px solid; 
}
#ligne2 {
    margin-left:50px;
	padding-left:20px;
	text-align:right;
	cursor: pointer;
	border-right:white 1px solid; 
}