/* CARD EXAMPLE */

/*
<div class="model-card" data-toggle="modal" data-target="#Modalmaison59490Somain">
	<h5>Maison</h5>
	<h5>59490 Somain</h5>
	<img src="./img/maison/59490_Somain/59490_Somain.jpg" alt="Vignette de maison 59490_Somain">
</div>
*/

.script-realisations, .script-modeles { /*TODO: WRONG PLACE, MOVE TO SECTION STYLES*/
	justify-content: center;
}

.model-card {

	/*padding:5px;*/

	margin:5px;
	margin-top: 10px;

	background-color: none;

	width:150px;

	/*border:1px solid gray;*/

	/*height:200px;*/
	display: flex;
	flex-direction: column;
	border: 3px solid rgba(0,0,0,0);

	border-radius: 4px;

}

.model-card div h5 {
	/*MARGIN & PADDING*/
	margin: 0;
	padding: 0;

	/*TEXT*/
	text-align: center;

	/*FONT*/
	font-size: 0.8em;
	font-weight: bold;
	width: 100%;
}

.model-card div {
	/*display: inline-block;
	white-space: nowrap;*/

	/*MARGIN & PADDING*/
	margin: 0;
	padding: 0;

	/*SIZE*/
	height: 40%;
}

.model-card img {
	/*MARGIN & PADDING*/
	margin: 0;
	padding: 0;

	/*SIZE*/
	width: 100%;
	height: 60%;

	/*ALIGNEMENT*/
	vertical-align: middle;
	align-self: center;

	/*BORDER*/
	border-style: none;
}

.model-card:hover {
	cursor: pointer;
	border: 3px dotted black;
}

.model-card div {

	display:flex;

}



.model-card-button-left {
	border-width: 1px;
	background-color: white;
}

.model-card-button-left:hover {
	background-color: rgba(0,0,0,0.2);
}


.model-card-button-right {
	border-width: 1px;
	background-color: white;
}

.model-card-button-right:hover {
	background-color: rgba(0,0,0,0.2);
}