body { 
	background-color:lightgray ; 
	font-family:Verdana; 
	font-size:10pt;
}

input.red {background-color: #FA9D2D;  color: black;}

a.canada:link { color: #0000D5; text-decoration: none }
a.canada:active { color: #A600A6; text-decoration: none }
a.canada:visited { color: #D50000; text-decoration: none }
a.canada:hover { color: white; text-decoration: none; background: black }

a.effisim:link { color: #0000D5; text-decoration: none }
a.effisim:active { color: #A600A6; text-decoration: none }
a.effisim:visited { color: #D50000; text-decoration: none }
a.effisim:hover { color: white; text-decoration: none; background: black }

a.foot:link { color: #0000D5; text-decoration: none }
a.foot:active { color: #A600A6; text-decoration: none }
a.foot:visited { color: #D50000; text-decoration: none }
a.foot:hover { color: white; text-decoration: none; background: black }

a.ifem:link { color: #0000D5}
a.ifem:active { color: #A600A6; text-decoration: none }
a.ifem:visited { color: #0000D5; text-decoration: none }
a.ifem:hover { color:black; text-decoration:underline ; font-weight:bold }

.ifem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

div.indexDiv {
	position: absolute;
    width: 100%; 
    height: 768px; 
	background:url(/images/accueilWeb.png) no-repeat center center; 
	text-align:center;
}

table.ifemLogin  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	background-color:rgba(255,255,255,0.9);
/*    box-shadow:0 0 1em rgb(10,15,21);*/
	box-shadow:0 0 3em #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -25%);
}

table.ifemLogin td {
	width:50%;
	line-height:32px;
}

table.ifemLogin td:nth-child(1) {  
	text-align:right;
	color:#000033;
	font-weight:bold;
}

table.ifemLogin tr:nth-child(4) td {  
	text-align:center;
	background-color:rgba(59,106,137,0.7);
	font-weight:bold;
}

table.ifemLogin th {
	background-color:rgba(59,106,137,0.7);
	text-align:center;
	line-height:32px;
	color:#FFFFFF;	
}

div.mainBody {
	width: 1024px; 
    height: 768px; 
	background:url(/IFEM/images/search.png) no-repeat center center; 
	text-align:center;
	margin:0 auto;
/*	border:rgb(0,0,0) thin solid ;*/
/*    overflow: auto;*/
}


div.searchDiv {
	position: relative;
    /*width: 1024px; */
	width: 100%; 
    height: 768px; 
	background:url(/IFEM/images/search.png) no-repeat center center; 
	text-align:center;
/*	border:rgb(0,0,0) thin solid ;*/
/*    overflow: auto;*/
}

div.searchHeader {
	position: relative;
    width: 100%; 
    height: 110px; 
	vertical-align:middle;
/*	border:rgb(0,0,0) thin dotted;*/
}

div.searchResults {
	/*position: relative;
	text-align:center;*/
/*	display: flex;*/
/*	justify-content: center;*/
	width: 100%;
    height: 595px;
	overflow: auto;
}

table.searchResults {
	width: 75%;
	margin:0 auto;
/*	margin-left: 15%;
	margin-right:15%;
	border-collapse: separate;*/
	border-spacing: 0px 5px;
	border-collapse: collapse; 
/*	table-layout: fixed;*/
}

table.searchResults th{
	color:#FFFFFF;
	background:#66CCFF;
	height:30px;

    position: -webkit-sticky;
	position: sticky;
	top: 0;	
}

table.searchResults a{
	color:#0;
/*	font-weight:bold;
	text-decoration:none;*/
}

table.searchResults tr#even tr#odd {
	border:1px solid black;
	color:#0;
	height:20px;	
}

table.searchResults th, td {
	padding-left:10px;
	padding-right:10px;
}


table.searchResults tbody tr:hover {
	background-color:#66CCFF ;
	cursor: pointer;
}

/*
table.searchResults tr:nth-child(even) {  
	background-color:#D2FFFF;
}

table.searchResults tr:nth-child(odd) {  
	background-color:#FFFFFF;
}
*/

table.searchResults tr.even {  
	background-color:#D2FFFF;
}

table.searchResults tr.odd {  
	background-color:#FFFFFF;
}

[id*=content] {
    background: #eee;
    display: none;
}
#table-wrap {
    position: relative;
}
div#searchResultsDetails {
/*        z-index: 9;*/
		background-color:#66CCFF;
/*		color:#FFFFFF;
        margin: 30px;*/
		width:100%;
		font-size:9px;
		text-align:center;

}

table.searchResultsDetails
{
	width:100%;
	border:#000099 thin solid;
}
table.searchResultsDetails th {
	background-color:#000099;
	color:#FFFFFF;
	height: 10px;
}

#searchResultsDetails th
{
		background-color:#0;
		color:#FFFFFF;
}

table.searchResultsDetails tr {
	border:1px solid black;
	color:#000000;
}

#searchTextBox {
/*	position: absolute;
	top: 100%;
	left: 0%;
	transform: translate(200px, 10px);
	border:rgb(255,0,255) thin solid ;
	padding:5px;*/
	color:#FFFFFF;
	background:rgba(102,204,255,0.9);
    width: 1024px;
	margin:0 auto;	
}
.big {
	grid-row: 1 / 3;
/*	grid-column: 2 / 3;*/
	background:#3F0;
}
input.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border:#376480 thin;
	background-color:white;
}

.ifem2 td, th{
	border-top:#000000 0px solid;
	border-bottom:#000000 0px solid;
	border-left:#000000 0px solid;
	border-right:#000000 0px solid;
}
.ifem2 th {
	background-color:#E0DEEB;
}

a.menuLink {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
a:hover.menuLink {
	text-decoration:underline;
	font-size:larger;
}


.floating-box {
    font-family: sans-serif;
    background: rgba(102,204,255,0.5);
    padding: 5px;;
    width: 110px;
    z-index: 100;
    position: fixed;
  }
.floating-box a, 
.floating-box h3 {
    font-size: 0.9em;
    display: block;
    margin: 0 0.5em;
    color: white;
  }
.floating-box h3 {
	background-color:#FFFFFF;
	text-align:center;
	color:#000000;
}
a#effacer {
	text-align:center;
}

div.message {
/*	width:100%;
	height:50px;*/	
	background:rgb(102,204,255);
	color:#FFFFFF;
	border:#E9CC9D thin solid;
	text-align:left;
	padding:5px;	
}
a.button:link, a.button:active, a.button:visited 
{
	display				:block; 
	width				:8em; 
	height				:1.5em; 
	background-color	:#0080FF; 
	border-top			:1px solid #CCCCCC; 
	border-right		:1px solid #333333;
	border-bottom		:1px solid #333333;
	border-left			:1px solid #CCCCCC;
	text-decoration		:none; 
	color				:#FFFFFF; 
	cursor				:default;
	text-align			:center;
}
a.button:hover 
{ 
	display				:block; 
	width				:8em; 
	height				:1.5em; 
	background-color	:#80FFFF; 
	border-top			:1px solid #CCCCCC; 
	border-right		:1px solid #333333;
	border-bottom		:1px solid #333333;
	border-left			:1px solid #CCCCCC;
	text-decoration		:none; 
	color				:#0; 
	cursor				:pointer;
	text-align			:center;	
}

div.contact
{
	position:absolute;
	top:20px;
	left:900px;
	width:120px;
	height:35px;
	cursor:pointer;
}

#btnHaut {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#btnHaut:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}


/* Scrolling text */

#scroll-container {
	position:relative;
/*	border: 3px solid black;*/
	overflow: hidden;
	width:1024px;
	margin:0 auto;
	top: 750px;
	background:#000000;
	color:#ffffff;
	font-size:18px;
    white-space:nowrap;
}

#scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
  -moz-animation: my-animation 30s linear infinite;
  -webkit-animation: my-animation 30s linear infinite;
  animation: my-animation 30s linear infinite; /* vitesse */
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
  }
  to {
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
  }