#liste_modeles {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
}


#liste_modeles > div {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 80%;
transform: translateX(-50%) translateY(-50%);
background: white;
    overflow: auto;
    border: 1em solid white;
	padding:1em;
}

#liste_modeles > div .modele {
	position:relative;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 1px 1px 9px #ccc;
	margin-bottom: 1em;
	padding-bottom:2em;
}
#liste_modeles > div .modele.masquer {
	display:none;
}

#liste_modeles > div .modele button {
    position: absolute;
    bottom: 1em;
    right: 1em;
    background: #44a6fd;
    color: white;
    border: 0;
    padding: .5em 1em;
    border-radius: 5px;
    cursor: pointer;
}

#liste_modeles [name="recherche"]{

	width: 100%;
	margin: 2em 0;
	padding: .2em;
	font-size: large;
	border-radius: 2px;
	border: 1px solid black;
}
#liste_modeles [data-action="close"] {
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 1;
    background: #333;
    color: white;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 17px;
    font-weight: bold;
}

[data-action="ouvrir-liste-modeles"] {
	margin:0;
	padding:0;
	border:none;
	background:transparent;
	cursor:pointer
}