h1 {
	font-size:300%;
	margin-top:.5em;
}

h2 {
	font-size:200%;
	margin-top:.5em;
}
h3 {
	font-size:150%;
	margin-top:.5em;
}

#top .droite {
	margin-top:3em;
}

.help, .topSupport{
	display:none;
}

ul.leftMenu {
	margin-bottom:2em;
	padding:.5em;
}

.leftMenu li {
	margin-top:.5em;
	margin-bottom:.5em;
}

a.leftMenu {
	padding:.5em;
}

.deblayage {
	height: 0;
	clear: both;
}


.principal, .footer-connected {
	padding-left: 300px;
}

@media only screen and (max-width : 992px) {
	.principal, .footer-connected {
		padding-left: 0;
	}
}

.principal .content {
	margin-left:2em;
	margin-right:2em;
}

.content {
	margin-top:3em;
}

.header {
	background:grey;
}

select:focus {
  outline: 1px solid #ef9a9a;
}

button:focus {
  outline: none;
  background-color: #ef9a9a;
}

a {
	color: #b71c1c;
	outline:none;
}


td.warning {
	/*background: #fff9c4;*/
}

td.warning a {
	display: block;
}

.footer {
	margin-top:5em;
	border-top:1px solid #ddd;
	line-height: 3.5;
}

.footer, .footer a {
	color: #999;
}

.footer-disconnected {
	background-color:#333;
}

.footer-disconnected a {
	color:#ccc;
}

h2#pageTitle {
	float:none!important;
}


div.topMenu {
	float: right;
}

div.topMenu ul li {
	display: inline;
	padding-left: 1em;
	font-weight: bold;
	font-size: large;
}

h2.topMenu {
	display: inline;
	font-size: large;
}

.enveloppe-exterieure#top {
	/*background-color:#e0e0e0;*/
	margin-top:0px;
}

nav {
	background-color:#7d0000;
}

nav.pageMenu {
	background-color:#fff;
}

nav.pageMenu a {
	color:#111;
}

#titleDiv .brand-logo, #mainDiv .brand-logo {
	smargin-left:.5em;
	white-space: nowrap;
}

#mainDiv .brand-logo {
	padding-left: 2rem; /*because of menu icon*/
}

.btn, .btn:hover, .btn:active {
	background-color: #7d0000;
}

/*.btn:hover {
	background-color: #42a5f5;
}*/


h3.slogan {
	font-size:250%;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:2em;
}

ul.landingPageRightList li {
	margin-top:1em;
	font-size:130%;
}

ul.landingPageRightList li i {
	color:green;
	font-weight:bold;
	padding-right:1em;

	position: relative;
	top: 5px;
	left: 5px;

}

h2.landing-page {
	font-weight:bold;
	font-size:150%;
	margin-bottom:2em;
}

div.screenshot-description {
	font-size:120%;
}
img.mobile-screenshot {
	max-width:100%;
	max-height:35em;
}

.good {
	color : green;
}

.bad {
	color : red;
}

table.sortable-highlight {
	border:0px;
}

img.circle {
  object-fit: cover;
}


/* Custom dropdown replaces <select> in left menu */
.leftMenuDropdownForm { margin-bottom: 1em; }
.leftMenuDropdown { position: relative; width: 100%; }
.leftMenuDropdownToggle {
  width: 100%; text-align: left; cursor: pointer;
  padding: 0.4em 2em 0.4em 0.6em; background: #f5f5f5;
  border: 1px solid #9e9e9e; border-radius: 2px; box-sizing: border-box;
  font-size: inherit; font-family: inherit; color: inherit;
}
.leftMenuDropdownToggle:focus,
.leftMenuDropdownToggle:active { background: #f5f5f5; outline: none; }
.leftMenuDropdownArrow {
  position: absolute; right: 0.6em; top: 50%;
  transform: translateY(-50%); pointer-events: none;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 5px solid #616161; display: inline-block;
}
.leftMenuDropdownMenu {
  display: none; position: absolute; top: 100%; left: 0; right: 0;
  background: #fff; border: 1px solid #9e9e9e; border-radius: 0 0 2px 2px;
  border-top: none; list-style: none; margin: 0; padding: 0; z-index: 1000;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.leftMenuDropdown.is-open .leftMenuDropdownMenu { display: block; }
.leftMenuDropdownOption {
  display: block; width: 100%; text-align: left; cursor: pointer;
  padding: 0.5em 0.6em; background: none; border: none;
  font-size: inherit; font-family: inherit; color: inherit;
}
.leftMenuDropdownOption:hover,
.leftMenuDropdownOption.is-selected { background: #eeeeee; }
.leftMenuDropdownNoScript { display: flex; flex-wrap: wrap; gap: 0.3em; }
.leftMenuDropdownNoScriptOption {
  cursor: pointer; padding: 0.4em 0.6em;
  border: 1px solid #9e9e9e; background: #f5f5f5;
  font-size: inherit; font-family: inherit;
}