:root {
  --color-primary: #000; /* brand color */
  --grid-maxWidth: 108rem; /* max container width 1080px */
}

html {
	font-size: 100%;
}

body {font-family: arial; font-size: 100%;}

.content {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.bloc2 {
	text-align: center;
	width: 50%;
}

.grid100 {
	width: 100%;
}

.gridh td {font-weight: bold; line-height: 20px; background-color: #aaa;}
.gridt td {font-weight: bold; line-height: 20px; background-color: #fca;}

/* Modal */
.modal {display: none; position: fixed; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); z-index: 2000;}
.modal-content-div {margin: auto; width: 95%; height: 95%; background-color: #fff; box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}
.modal-close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.modal-close:hover, .modal-close:focus {color: #000; text-decoration: none; cursor: pointer;}

.usdcollection {background-color: #ddd; border-radius: 4px; text-align: center;}
.usdcollection a {font-weight: bold;}

.usdmenu {width: 50px; background-color: #e20c15; text-align: center; color: white; font-weight: bold; padding: 3px;}
.usdmenu a {color: white; text-decoration: none;}
.usdmenu {border: solid 2px white;}