body {line-height: 1.6;}
/*body {background: #1e3348; 
background: -moz-linear-gradient(top,  #1e3348 0%, #2d4e6f 25%, #207cca 50%, #2d4e6f 75%, #1c2d3f 100%); 
background: -webkit-linear-gradient(top,  #1e3348 0%,#2d4e6f 25%,#207cca 50%,#2d4e6f 75%,#1c2d3f 100%); 
background: linear-gradient(to bottom,  #1e3348 0%,#2d4e6f 25%,#207cca 50%,#2d4e6f 75%,#1c2d3f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3348', endColorstr='#1c2d3f',GradientType=0 ); 
}*/
/*.g-logo-helium img{max-height: 150px;padding-top:0.6rem;}*/
.g-logo.g-logo-helium img{max-height: 120px;padding-top:0.6rem;}
#topmenu, #topmenu .g-sublevel{background-color:#282828;}
#topmenu li:hover{background-color:#404040; }
#topmenu {margin-top: 0;}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1rem;font-weight: normal;}
#g-navigation .g-content {margin: 0 0 0 0;	padding: 0 0 0 1rem;}
#topmenu div#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {color: #ffffff;}
#g-navigation .g-main-nav .g-dropdown {background: #282828;}
#g-navigation .g-main-nav .g-toplevel > li {margin: 0 0.6rem;}
main#g-mainbar {padding:0 0 0 0 !important;}
#solarclock{padding-top: 2rem;}
#g-footer {border-top: 2px dotted #000000;}
#g-footer .g-totop a {	color: #000;}
/* listes articles */
 .nav-tabs.nav-stacked > li > a {border: 1px solid #ddd !important; margin-bottom: 0.2rem;}
 .nav-tabs.nav-stacked > li > a:hover {background-color: #DCDCDC;color:#000;}
/* code recupere ?*/
.pull-left .item-image {
  margin-right:2em;
}
/** ** */
	.boxes_presentation {
		display: flex;
		position: relative;
		justify-content: center;
		align-content: space-around;
		gap: 20px 20px;
		flex-wrap: wrap;
	}

	.boxes_tot {
		box-shadow: 6px 6px 6px black;
		width: 16%;
		height: 150px;
		background-size: cover;
	}

	.boxes {
		box-shadow: 6px 6px 6px black;
		width: 100%;
		height: 100%;
		background-size: 190px 140px;
		background-position: 50% 120%
	}

	.boxes_content {
		text-align: center;
		color: black;
		font-size: 13px;
		background-color: #ffa500;
	}

	.boxes_title {
		text-decoration: none;
		color: #800000;
	}

	.boxes_souris {
		float: right;
		width: 20px;
		height: 20px;
	}

	.boxes_tot:hover:after {
		content: attr(data-french);
		position: absolute;
		left: 0;
		bottom: 25em;
		right: 0;
		text-align: center;
		color: black;
		font-weight: bolder;
		transform: translateY(100%);
	}

	.boxes_click {
		display: inline-block;
		position: relative;
		z-index: 1;
		padding: 1em 4em 6em 7em;
		opacity: 0;
		text-align: center;
	}

	.boxes:hover:after {
		content: attr(data-english);
		position: absolute;
		left: 0;
		bottom: 23em;
		right: 0;
		text-align: center;
		color: #800000;
		font-weight: bolder;
		font-style: italic;
		transform: translateY(100%);
	}

	a:hover {
		text-decoration: underline;
	}