body {
	font-family:'Noto Sans', sans-serif;
	font-size:87.5%; /* 14px */
	color:#40424c;
}
h1, h2, h3 {
	font-weight:normal;
}
h1 {
	margin-top:0;
	color:#40424c;
}
h1.branding {
	margin:0;
	font-size:inherit;
}
h2, h2 a {
	color:#40424c;
}
a {
	color:#a5a7ae;
	text-decoration:none;
}
hr {
    background-color:#f0f0f0;
    border:0 none;
    clear:both;
    color:#f0f0f0;
    height:1px;
}
.cc-window {
	line-height:normal !important;
	font-size:.9em !important;
}
.gry {
	color:#a5a7ae;
}
a:hover {
	text-decoration:underline;
}
img {
	max-width:100%;
}
.review {
	margin-bottom:15px;
}
.review + .review {
	padding-top:15px;
	border-top:1px solid #f0f0f0;
}
.comment {
	margin-top:5px;
}
.note-wrapper div {
	padding-bottom:5px;
}
.note .fa-star, .note .fa-star-o, .note .fa-star-half-o {
	color:#18ff00;
}
.note-detail {
	width:30%;
	border:none;
	font-size:87.5%;
	margin-top:10px;
	white-space: nowrap;
}
.note-detail td {
	border:none;
	padding:1px;
}
.note-detail td:nth-child(2) {
	min-width:90px;
}
.graph-bg {
	background:#ebebeb;
	height:8px;
}
.graph-bar {
	background:#18ff00;
	height:inherit;
}
.location {
	list-style:none;
	padding:0;
}
.location li {
	padding-bottom:5px;
}
.country {
	text-transform:uppercase;
}
.boy {
	color:#0f95fc;
}
.girl {
	color:#fd2a97;
}
.mixed {
	color:#a5a7ae;
}
.nav-icons {
	list-style:none;
	padding:5px 0;
	font-size:1rem;
	margin:0;
}
.nav-icons a {
	color:#fff;
}
.nav-icons li {
	display:inline-block;
	padding:0 10px;
}
.menu {
	list-style-type:none;
	padding:0;
	margin:0;
	color:#fff;
	font-size:1rem;
	float:left;
}
.menu a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:15px 10px;
}
.menu > li {
	display:inline-block;
	position:relative;
}
.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#3a3f56;
	z-index:1;
	font-size:0.875rem;
}
.menu ul li:hover {
	background:#2c3041;
}
.menu ul a {
	color:#fff;
	padding:10px;
	white-space:nowrap;
}
.btn-group {
    margin-top:10px;
	margin-bottom:15px;
}
.btn-group a {
    float:left;
	margin-right:10px;
}
.inner {
	max-width:960px;
	margin:0 auto;
}
.group:after {
	content:"";
	display:table;
	clear:both;
}
header {
	padding-top:10px;
	background:#3a3f56;
}
main .inner {
	padding:10px 0;
	background:#fff;
}
.main {
	float:left;
	width:66.6666%; /* 640 / 960 */
	padding:10px 10px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.main.full {
	width:100%;
}
.secondary {
	float:left;
	width:33.3333%; /* 320 / 960 */
	padding:10px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
footer {
	background:#3a3f56;
	color:#fff;
}
#copyright {
	text-align:center;
	margin-top:10px;
}
#xiti {
	text-align:center;
	margin-top:10px;
	padding-bottom:20px;
}
article header {
	background:none;
	padding:0;
}
.teaser h2 a {
	text-decoration:none;
	color:#40424c;
}
.teaser .article-content {
	border-bottom:1px solid #f0f0f0;
}
.teaser .article-meta {
	color:#b3c0c1;
	font-size:0.9em;
}
.poem {
	text-align:center;
}
#banner-top {
	color:#fff;
	font-size:1.5em;
	background:#a7a7a7;
}
#banner-top  .inner div {
	padding:10px;
}
#banner-bottom {
	background:#a7a7a7;
	text-align:center;
	padding:20px 0;
}
.countries {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.countries h3 .fa {
	color:#18ff00;
}
.countries ul {
	list-style:none;
	padding:0;
	margin:0 0 0 1.5em;
}
.countries ul li {
	padding:5px 0;
}
.countries ul a {
	text-decoration:none;
	display:block;
	color:#000;
}
.countries h3 {
	margin:0;
}
.countries > li:hover {
	cursor:pointer;
}
.bn-list {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	-webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}
.bn-list li {
	border-bottom:1px solid #f0f0f0;
	line-height:2.5em;
}
.bn-list .bn-lnk {
	display:inline-block;
	width:80%;
}
.bn-list .rang {
	display:inline-block;
	width:15%;
	text-align:center;
}
.bn-list .rang + .bn-lnk {
	width:65%;
}
.bn-list .icon-btn i {
	margin-left:8px;
	vertical-align:middle;
}
.icon-btn {
	color:#a7a7a7;
}
.icon-btn:hover {
	color:#959595;
}
.bn-lnk {
	text-decoration:none;
	color:#333;
}
.bn-lnk:hover {
	color:#959595;
	text-decoration:none;
}
#advsearch {
	cursor:pointer;
}
input[type=text], select, textarea {
	border:1px solid #d9d9d9;
	border-radius:4px;
	min-width:50%;
	padding:5px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
select {
	background:#fff;
}
.secondary input[type=text], .secondary select {
	width:100%;
}
input[type=checkbox], input[type=radio] {
	display:none;
}
input[type=checkbox] + label .fa:before {
	color:#18ff00;
	content:"\f1db";
}
input[type=checkbox]:checked + label .fa:before {
	content:"\f058";
}
input[type=radio] + label .fa:before {
	color:#18ff00;
	content:"\f10c";
}
input[type=radio]:checked + label .fa:before {
	content:"\f192";
}
.warning {
	color:red;
}
.form-row, fieldset {
	margin-bottom:10px;
}
.form-btn-row {
	text-align:center;
	margin-bottom:15px;
}
fieldset {
	border:none;
	padding:0;
}
label {
	display:block;
}
input + label {
	display:inline;
	margin-right:1em;
}
button, .button {
	background:#0f95fc;
	color:#fff;
	border:none;
	padding:0.5em 1em;
	font-size:1rem;
	text-decoration:none;
	white-space:nowrap;
	text-transform:uppercase;
	display:inline-block;
}
button:hover, .button:hover {
	background:#0e87e3;
	text-decoration:none;
}
#footer-nav {
	text-align:center;
	padding-top:10px;
}
#footer-nav a {
	color:#fff;
}
.pg-nav {
	text-align:center;
	padding:10px 0;
	margin-top:15px;
}
.pg-result {
	padding:5px;
	background:#f0f0f0;
	margin-bottom:15px;
	text-align:center;
}
.pg-nav span {
	margin-right:1px;
	margin-left:1px;
}
.pg-nav  a {
	text-decoration:none;
}
.pg-nav  .pg-link a {
	padding:3px 8px;
}
.pg-nav .pg-current, .pg-nav  .pg-link a:hover {
	background:#18ff00;
	color:#fff;
}
.pg-nav .pg-current {
	padding:3px 8px;
}
.pg-nav .button-left, .pg-nav .button-right {
	color:#f0f0f0;
}
.pg-nav .button-left i, .pg-nav .button-right i {
	padding:0 0.5em;
}
.pg-nav .button-left a:hover, .pg-nav .button-right a:hover {
	color:#959595;
}
table {
	width:100%;
	margin-bottom:.75em;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
}
td {
	padding:5px;
	border-bottom:1px solid #f0f0f0;
}
th:first-child {
	border-left:1px solid #a7a7a7;
}
th:last-child {
	border-right:1px solid #a7a7a7;
}
th {
	background:#a7a7a7;
	padding:8px;
	color:#fff;
}
th a {
	color:#fff;
}
.ui-widget {
    font-family:'Noto Sans', sans-serif !important;
}
.ui-menu-item {
	background:none;
}
.ui-dialog-title {
	font-weight:normal;
}
#searchprenoms {
	margin-bottom:20px;
}
.stars {
	float:left;
}
.stars input { 
	position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}
.stars label {
	float:right;
    width:0.84em;
    padding:0 .09em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:3em;
	transition:all .2s;
	margin:0 1px;
}
.stars input:checked ~ label:before {
	content:'\f005';
	color:#fd4;
}
.stars label:hover { 
	transform:rotate(-15deg) scale(1.2);
}
.stars label:before {
	content:'\f006';
	color:#efefef;
	font-family:FontAwesome;
}
.month-list {
	list-style:none;
	padding:0;
	margin:20px 0;
}
.month-list li {
	float:left;
	width:50%;
	text-align:center;
}
.month-list a {
	background:#f0f0f0;
	padding:5px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	margin:2px 0;
}
.month-list a.selected {
	background:#0f95fc;
	color:#fff;
}
.month-list li:nth-child(odd) a {
	margin-right:4px;
}
.search-box h2 {
	margin-top:0;
}
.ctr {
	text-align:center;
}
.pub-inside {
	width:336px;
	float:left;
	margin-right:20px;
}
@media only screen 
and (max-width: 480px) {
	input[type=text], select, textarea {
		width:100%;
	}
	.bn-list {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	.etc, .pg-link {
		display:none;
	}
	.note-detail {
		width:100%;
	}
	.pub-inside  {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.menu {
		display:none;
		width:100%;
	}
	.menu > li {
		display:block;
	}
	.menu > li {
		background:#2c3041;
	}
	.menu ul li {
		background:#3a3f56;
	}
	.menu ul {
		position:relative;
		display:block;
	}
}
@media only screen 
and (max-width : 959px) { 
	.main, .secondary {
		width:100%;
	}
}
@media only screen 
and (min-width: 481px) {
	.menu {
		display:block!important;
	}
	.menu li:hover  ul {
		display:block;
	}
	.nav-icons {
		float:left;
	}
	.nav-icons  li:nth-child(3) {
		display:none;
	}
}
@media only screen 
and (min-width : 500px) 
and (max-width : 959px) { 
	.secondary input[type=text], .secondary select {
		width:50%;
	}
}