@font-face {
	font-family: "inter-roman-latin-sliced";
	src: url('div/inter-roman-latin-sliced.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	
	font-family: "kata";
	src: url('div/kata.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



fieldset {
    display: block;
    position: relative;
    background-image: url("./img/textures/smoothWave3_mod2.png");
	background-size: cover;
    background-repeat: no-repeat;
	;
    /* background-color: rgb(238, 231, 194); */
    background-color: white;
    margin: 4px;
    padding: 2px;
    width: 100%;
    max-width: 60vw;
    opacity: 1;
    /* filter: alpha(opacity=80); */
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
	border: 1px solid #444f72;
/* 	border: 1px solid orange; */
    border-radius: 5px;
	
}

.fieldGauche legend {
opacity: 0.8;	
color: #444444;
border : 0px solid orange;
}
/*
.mydivision ~ fieldset::before {
    position: absolute;
    z-index: -2;
    background-image: url("./img/textures/smoothWave3.png");
    filter: blur(0px);
}
*/

body {
   background-color: #1FFFFF; 
   -webkit-font-smoothing:antialiased;
   border: 0px solid yellow;
   font-family: 'inter-roman-latin-sliced', serif;
	/* font-family:arial,helvetica,"trebuchet ms",sans-serif; */
	font-size: 1em;
	height: 92vh;
	font-smooth: auto;
 }
 
 a:link {
 	font-size: min( 1rem,16px);
 	color: rgb(11, 44, 89);
 	text-decoration: none;
 }
a:visited {
	font-size: min(1rem,16px);
	color: rgb(11, 54, 99);

 }
a:hover {
	font-size: max(1rem, 16px);
	color: white;
	/* text-decoration: none; */
	background-color: none;
}
/*
a:active, a:focus {
 font-size: max(1rem,16px);
 background-color: orange;
 opacity: 0.8;
}
*/
a:active {
    opacity: 0.5;
}
#contain_mydivision {
	background-color: transparent;
	display: flex;
	position: relative;
	flex-direction: row;	
}

.mydivision {
    display: flex;
    border: 3px solid green;
    justify-content: flex-start;
    align-content: center;
    /* white-space: nowrap; */
    max-height: 230px;
    height: 210px;
    overflow: hidden; 
    margin-left: 2px;
    margin-right: 2px;
    padding-right: 5px;    

	
}

.mydivision ul {
    border-radius: 1px;
   /* background: linear-gradient(to left,transparent , #fff); */
   background-color: rgba(255,55,55,0.3);
   
}

blockquote {
	font-size: 0.9em;	
	white-space: break-spaces;
}

h1 {
	margin: 2px;
	padding: 1px;
	font-size: 1.4em;
	position: absolute;
	right: 7em;
	top: 1.5em;
	
}

H2, H3, H4 {
	/* font-family:arial,helvetica,"trebuchet ms",sans-serif; */
	font-family: "inter-roman-latin-sliced";
	padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 1px;
	padding-left: 20px;
    margin-bottom: 1px;
    color: #1e1e1e;
    background-color: #e7e5d4;
    font-size: 14px;
    letter-spacing: .10em;
    text-align: left;
	text-shadow: 4px 3px 2px #a6a6a6;
	border: 1px solid orange; 
    border-radius: 5px; 
    max-width: 200px;
 }
 

 table {
	border: 0px solid ;
	border-color: #00bbf2;
	padding: 4px;
	max-width: 28vw;
	opacity: 0.9;
	
}

td {
/* background: #E7E5D4; */
opacity: 0.9;
background: #fefefe;
font-size: 0.9rem;
white-space : nowrap;
}
 .tr1 {
     border-radius: 20%;
     padding: 12px;
    }
.th1 {
     border-radius: 20%;
     padding: 12px;
    }
.td1 {
    border-radius: 30%;
    padding: 12px;
    background-color: #f7f5e4;
    
 }
 
 .pdeouf {
        display: inline block;
        width: 200px;
        height: 200px;
        background-color: #fea8ee;
        font-size: 16px;
        color: red;
        margin: 3px;
        padding: 6px;
        border: 2px solid black;
 }
 
 .titreV {
	 font-size: 1.2 rem;
	 color: darkgreen;
	 border: 1px solid lime;
 }
 
 .animation {
			display: inline-block;
			position: relative;
			opacity: 1;
			margin-left: 0px;
			margin-top: 30px;
			 border: 0px solid lime;
			 border-radius: 3px;
			 margin-right: 0px;
			 max-height: 90px;
			 background: linear-gradient(to right,#444f72, #efefef);
			 color: grey; 
 }

 #contain_murblanc {
	display: inline-block;
	position: relative;
	width: 100%;
	border: 0px solid red;
	max-height: 20vh;
	background-image: url('./img/murblanc.png'); background-repeat: repeat-x;
	white-space: nowrap;
	border-radius: 3px;
	opacity: 0.9; 
  }
 
.fortune {
	background-color: transparent;
	display: flex;
    flex-direction: column;
    /* font-family: cursive,serif,'sans-serif'; */
	font-family: kata;
	position: absolute;
    border: 0px solid green;
    align-content: flex-start;
	align-items: start;
    /* white-space: nowrap; */
    max-height: 220px;
    height: 20vh;
	font-size: 1.5rem;
	color: gray;
	padding: 1px;
	margin-left: 7%;
	margin-right: 10%;
	bottom: 9vh;
}

footer {
    display: flex;
    position: absolute;
    border: 0px solid yellow;
    border-radius: 5px;
    background-color: #D5E0E0;
    justify-content: flex-start;
    align-content: center;
    margin: 2px;
    bottom: 10px;
    width: 98%;
    padding: 5px;
    color: #444f72;
}

footer > fieldset {
    display: block;
    position: static;
    opacity: 1;
    background-image: url("./img/textures/smoothWave3_mod1.png");
    background-size: 98vw;
    background-repeat: no-repeat;
    /* background-color: rgb(238, 231, 194); */
    background-color: #FCE2C2;
    border: 0px solid yellow;
    border-radius: 5px;
    background-color: #D5E0E0;
    justify-content: center;
    align-content: center;
    margin: 2px;
    bottom: 2px;
    width: 100%;
	max-width: 98vw;
    padding: 5px;
    color: #444f72;
	font-size: min(0.9em, 14px);
}