body {
color: black;
background-color: #EDEDED;
font: normal 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
input[type=text],select, textarea {
	font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	}

.ui-menu-item {
	font: normal 70% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#page {
	padding: 0;
	height:auto;
	margin: 0 auto;
	width:1000px;
}

.omedipedia {
	font: bold 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	width:1000px;
	margin-top: 20px;
	padding: 20px 0px 20px 0px;
	text-align:center;
	color: #00008B;
	background-color: white;
}

.titre-bao {
	font: bold 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	width:1000px;
	margin-top: 10px;
	padding: 20px 0px 10px 0px;
	text-align:center;
	color: #00008B;
	background-color: white;
}

.block-recherche {
	padding: 10px 0px 10px 0px;
	background-color: white;
}
	
.recherche {
width:455px;
margin: auto;
display:flex;
}
	
.famille {
	margin: 30px auto;
	text-align:center;
}

.resultats {
	margin : 10px 0px 10px 0px;
	background-color: white;
}

.form-group{
    position: relative;
	width:100%;
}

.form-group .fa-search{

    position: absolute;
    top:10px;
    left: 20px;
    color: #9ca3af;
}

.form-control-lg{
    text-indent: 25px;
}
.home {
	margin:2px 10px;
}
.fa-home{
	color:#89B9AD;
}

#result-search {
	border-collapse: separate;
	border-spacing: 5px 5px;
	width: 800px;
	margin:auto;
	padding-bottom: 50px;

}

th {
	background-color: #C2DBFF;
	border-radius: 5px;
	padding: 5px 15px ;
	
}
td {
	border-radius: 5px;
	padding: 5px 5px;
	height: 100px;
}

.vignette {
	vertical-align: top;
	line-height: 1;
	width: 650px;
}

.outil {
	font: bold 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	width:100px;
	text-transform:uppercase;
	color:white;
	text-align:center;
}

.footer {
	height: 20px;
}

.header {
	height: 50px;
}
.header-card {
	margin:30px 0px 20px 0px;
}


.titre {
	font: bold 100% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

.source {
	font: italic 60% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	display:block;
}

.info {
	margin-top:10px;
	font: 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-align:justify;
	allowhyphens:auto;
	overflow-wrap:break-word;
	text-align-last:left;
	line-height:1.5;
}