/* Personnel */

h2, h3, h4, .slogan
{
	font-family: 'Satisfy', arial, cursive;
}

html, body
{
	background: #3f5c2f;
}

#logo
{
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 10;
	width: 13%;
}

body > div
{
	background-color: #FFF;
}

.top-bar
{
	margin-bottom: 0 ! important;
	background: transparent ! important;
}

.top-bar-section > ul , .top-bar-section > ul > li , .top-bar-section > ul > li > a
{
	background: transparent ! important;
}

.top-bar-section > ul li:hover, .top-bar-section ul ul li a:hover
{
	background: #3D6626 ! important;
}

.top-bar-section ul ul li, .top-bar-section ul ul li a
{
	background: #9BAD93 ! important;
}

.contain-to-grid
{
	background: url('../img/menu.png') ! important;
}

.top-bar-section .divider
{
	border: 1px solid #FFF ! important;
	border-right: 0 ! important;
}

.top-bar-section .has-dropdown > a
{
	padding-right: 33px ! important;
}

.banner
{
	padding-top: 10px;
	background-color: #f3f1da;
}

.banner h1
{
	color: #3D6626;
	font-size: 1.4em;
}

.orbit-container
{
	background-color: #f3f1da;
}

.title-area
{
	background-color: #3d6626;
}

.bas1, .bas3, .unarticle
{
	background-color: #f3f1da;
	padding: 20px 0;
}

.bas1 div
{
	font-size: 14px;
	text-align: center;
}

.bas1 h3, .bas3 h4, .unarticle h3, .unarticle h2
{
	color: #3D6626;
}

.bas1 a, .suite, .gau ul a, .unarticle a
{
	transition: color 0.3s linear;
	color: #3D6626;
}

.bas1 a:hover, .suite:hover, .unarticle a:hover
{
	color: #9BAE94;
}

.bas2
{
	background-color: #9AAD93;
	padding: 20px 0;
}

.bas2 div
{
	text-align: center;
	border-right: 1px solid #FFF;
}

.bas2 div:last-child
{
	border-right: 0;
}

.bas2 h4 a
{
	color: #3D6626;
	transition: color 0.3s linear;
}

.bas2 h4 a:hover
{
	color: #555;
}

.bas3 li
{
	margin-bottom: 10px;
}

.bas3 div, .unarticle div
{
	font-size: 14px;
}

footer div
{
	color: #EEE;
	font-size: 12px;
}

.basautre div, .bascontact div, .bascentre div
{
	text-align: left;
}

.basautre div ul
{
	margin-left: 20px;
	margin-top: 10px;
}

.gau li
{
	text-align: left;
	border-bottom: 1px solid #999;
	background-color: #F3F1DA;
	transition: background-color 0.5s ease;
	margin: 0 1em;
	padding-left: 20px;
}

.gau li:first-child
{
	border-top: 1px solid #999;
}

.gau > li:hover
{
	background-color: #EEE;
}

.gau li li:hover
{
	background-color: #DDD;
}

.basautre h2, .bascontact h2, .bascentre h2
{
	color: #3D6626;
	border-bottom: 1px solid #3D6626;
	padding-bottom: 5px;
}

#newold
{
	margin-top: 20px;
}

.galir .th, .clearing-thumbs .th, .ligh
{
	margin-right: 10px;
	margin-bottom: 10px;
}

.espece b, .espece i
{
	color: #3F5C2F;
	font-size: 0.9em;
}

.det
{
	background-color: #3F5C2F;
	color: #EEE ! important;
	margin-top: 5px;
}

.unarticle
{
	text-align: left;
}

.unarticle ul, .unarticle ol
{
	margin-left: 20px;
}

.imgprincipal
{
	width: 60%;
}

ul.espece li
{
	text-align: center;
}

.unarticle .callout
{
	background-color: #9BAE94;
}

.mabut
{
	height: 170px;
	background-color: #9BAE94;
}

.lista
{
	margin: 20px ! important;
	padding-bottom: 20px;
	border-bottom: 1px dotted #3D6626;
}

.lista h3
{
	text-align: left;
}

.lista div
{
	text-align: left;
}

@media only screen and (max-width: 40em) { 

.imgprincipal
{
	width: auto;
}

}