/* ------ Onglets ------ */

		.onglet-genea {
			background-color: white;
			text-align: right;
			margin: 0 0 1em;
			font-size: 0.9em;
			font-family: 'open sans', sans-serif !important;
			font-size: 14px !important;
		}

		.onglet-genea ul {
			background-color: #008063;
			box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.35);
			margin: 0;
			padding: 0;
			overflow: hidden;
			line-height: 25px;
		}

		.onglet-genea a, .onglet-genea a:visited {
			color: white;
		}

		.onglet-genea a {
			display: block;
			text-decoration: none;
			padding: 1em 0.75em;
			font-weight: 600;
			line-height: 1.8em;
			transition: transform 0.3s ease-out;
			-webkit-transition: color 0.3s ease-out;
			-moz-transition: color 0.3s ease-out;
			-o-transition: color 0.3s ease-out; 
		}

		.onglet-genea a:hover {
			background-color: #D3E4D3;
			color: #008063;
		}
		
		.onglet-genea a, .onglet-genea a:hover {
			font-family: 'open sans', sans-serif !important;
			font-size: 14px !important;
		}
		
		.onglet-genea .current {
			box-shadow: 5px 0 10px rgba(0, 0, 0, 0.35), -5px 0 10px rgba(0, 0, 0, 0.35);
			display: inline-block;
			
		}
		.onglet-genea .current a {
			background-color: white;
			color: #008063;
			padding: 1em 3em 1em 0.75em;
		}


		.toggle {
			content: '+';
			font-weight: 700;
			display: inline-block !important;
			background: white;
			position: absolute;
			top: 0;
			right: 0;
		}

		.toggle a, .toggle a:hover {
			font-size: 2em !important;
			line-height: 25px!important;
			padding: 0.5em 0.375em;
			color: #008063;
			cursor: pointer;
		}

		.toggle a:after {
			content: '+';
		}

		.onglet-genea .active .current a {
			padding-right: 0; 
		}

		.onglet-genea .active .current a:after {
			content: '-';
			font-size: 2em !important;
			line-height: 25px!important;
			padding: 0.5em 0.375em;
			color: #008063;
			cursor: pointer;
			position: relative;
			top: .1em;
		}

		.active .toggle a {
			display: none;
		}

		.onglet-genea ul li {
			display: none;
		}

		ul.active {
			text-align: right;
		}

		.onglet-genea ul.active li {
			display: block !important;
			float: none !important;
		}

		.active .toggle {
			content: '-';
		}

		.banniere {
			width: 948px;
			position: relative;
			margin: 1em auto;
		}
		
		.logoguide {
			height: 75px;
			width: 300px;
			background: white url(http://www.geneatique.com/uploads/G2015/g2015-logo-guide-300.png) 0 0 no-repeat;
		}
		
		.logogeneatiquenet {
			height: 66px;
			width: 300px;
			background: white url(http://www.geneatique.com/uploads/G2015/g2015-logo-horizontal-geneatique-net-300.png) 0 0 no-repeat;
			float: left;
		}
		
		.logoforum {
			height: 66px;
			width: 417px;
			background: white url(http://www.geneatique.com/uploads/G2015/logo-horizontal-forum.png) 0 0 no-repeat;
			float: left;
		}
		
		.logocartes {
			height: 40px;
			width: 381px;
			background: white url(http://www.geneatique.com/uploads/G2015/logo-horizontal-cartes.png) 0 0 no-repeat;
			float: left;
		}

		@media screen and (min-width: 1025px) {

			.onglet-genea  {
				text-align: center;
			}
			.onglet-genea ul li {
				display: inline-block;
			}
			
			li.current {
				float: none;
			}
			
			.onglet-genea li.current a {
				padding: 1em 0.75em;
			}
			
			.toggle {
				display: none !important;
			}
			
		}