html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display:block
}
audio,
canvas,
progress,
video {
display:inline-block;
vertical-align:baseline
}
audio:not([controls]) {
display:none;
height:0
}
[hidden],
template {
display:none
}
a {
background-color:transparent
}
a:active,
a:hover {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b,
strong {
font-weight:700
}
dfn {
font-style:italic
}
h1 {
font-size:2em;
margin:.67em 0
}
mark {
background:#ff0;
color:#000
}
small {
font-size:80%
}
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:1em 40px
}
hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code,
kbd,
pre,
samp {
font-family:monospace,monospace;
font-size:1em
}
button,
input,
optgroup,
select,
textarea {
color:inherit;
font:inherit;
margin:0
}
button {
overflow:visible
}
button,
select {
text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled],
html input[disabled] {
cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border:0;
padding:0
}
input {
line-height:normal
}
input[type=checkbox],
input[type=radio] {
box-sizing:border-box;
padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
legend {
border:0;
padding:0
}
textarea {
overflow:auto
}
optgroup {
font-weight:700
}
table {
border-collapse:collapse;
border-spacing:0
}
td,
th {
padding:0
}
.hidden,
[hidden] {
display:none!important
}
.pure-img {
max-width:100%;
height:auto;
display:block
}
.pure-g {
letter-spacing:-.31em;
*letter-spacing:normal;
*word-spacing:-.43em;
text-rendering:optimizespeed;
font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
display:-webkit-flex;
-webkit-flex-flow:row wrap;
display:-ms-flexbox;
-ms-flex-flow:row wrap;
-ms-align-content:flex-start;
-webkit-align-content:flex-start;
align-content:flex-start
}
.opera-only :-o-prefocus,
.pure-g {
word-spacing:-.43em
}
.pure-u {
display:inline-block;
*display:inline;
zoom:1;
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto
}
.pure-g [class *="pure-u"] {
font-family:sans-serif
}
.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
display:inline-block;
*display:inline;
zoom:1;
letter-spacing:normal;
word-spacing:normal;
vertical-align:top;
text-rendering:auto
}
.pure-u-1-24 {
width:4.1667%;
*width:4.1357%
}
.pure-u-1-12,
.pure-u-2-24 {
width:8.3333%;
*width:8.3023%
}
.pure-u-1-8,
.pure-u-3-24 {
width:12.5%;
*width:12.469%
}
.pure-u-1-6,
.pure-u-4-24 {
width:16.6667%;
*width:16.6357%
}
.pure-u-1-5 {
width:20%;
*width:19.969%
}
.pure-u-5-24 {
width:20.8333%;
*width:20.8023%
}
.pure-u-1-4,
.pure-u-6-24 {
width:25%;
*width:24.969%
}
.pure-u-7-24 {
width:29.1667%;
*width:29.1357%
}
.pure-u-1-3,
.pure-u-8-24 {
width:33.3333%;
*width:33.3023%
}
.pure-u-3-8,
.pure-u-9-24 {
width:37.5%;
*width:37.469%
}
.pure-u-2-5 {
width:40%;
*width:39.969%
}
.pure-u-5-12,
.pure-u-10-24 {
width:41.6667%;
*width:41.6357%
}
.pure-u-11-24 {
width:45.8333%;
*width:45.8023%
}
.pure-u-1-2,
.pure-u-12-24 {
width:50%;
*width:49.969%
}
.pure-u-13-24 {
width:54.1667%;
*width:54.1357%
}
.pure-u-7-12,
.pure-u-14-24 {
width:58.3333%;
*width:58.3023%
}
.pure-u-3-5 {
width:60%;
*width:59.969%
}
.pure-u-5-8,
.pure-u-15-24 {
width:62.5%;
*width:62.469%
}
.pure-u-2-3,
.pure-u-16-24 {
width:66.6667%;
*width:66.6357%
}
.pure-u-17-24 {
width:70.8333%;
*width:70.8023%
}
.pure-u-3-4,
.pure-u-18-24 {
width:75%;
*width:74.969%
}
.pure-u-19-24 {
width:79.1667%;
*width:79.1357%
}
.pure-u-4-5 {
width:80%;
*width:79.969%
}
.pure-u-5-6,
.pure-u-20-24 {
width:83.3333%;
*width:83.3023%
}
.pure-u-7-8,
.pure-u-21-24 {
width:87.5%;
*width:87.469%
}
.pure-u-11-12,
.pure-u-22-24 {
width:91.6667%;
*width:91.6357%
}
.pure-u-23-24 {
width:95.8333%;
*width:95.8023%
}
.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
width:100%
}
.pure-button {
display:inline-block;
zoom:1;
line-height:normal;
white-space:nowrap;
vertical-align:middle;
text-align:center;
cursor:pointer;
-webkit-user-drag:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.pure-button::-moz-focus-inner {
padding:0;
border:0
}
.pure-button {
font-family:inherit;
font-size:100%;
padding:.5em 1em;
color:#444;
color:rgba(0,0,0,.8);
border:1px solid #999;
border:0 rgba(0,0,0,0);
background-color:#E6E6E6;
text-decoration:none;
border-radius:2px
}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.pure-button:focus {
outline:0
}
.pure-button-active,
.pure-button:active {
box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
border-color:#000\9
}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
border:0;
background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
filter:alpha(opacity=40);
-khtml-opacity:.4;
-moz-opacity:.4;
opacity:.4;
cursor:not-allowed;
box-shadow:none
}
.pure-button-hidden {
display:none
}
.pure-button::-moz-focus-inner {
padding:0;
border:0
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
background-color:#0078e7;
color:#fff
}
.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form select,
.pure-form textarea {
padding:.5em .6em;
display:inline-block;
border:1px solid #ccc;
box-shadow:inset 0 1px 3px #ddd;
border-radius:4px;
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.pure-form input:not([type]) {
padding:.5em .6em;
display:inline-block;
border:1px solid #ccc;
box-shadow:inset 0 1px 3px #ddd;
border-radius:4px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.pure-form input[type=color] {
padding:.2em .5em
}
.pure-form input[type=text]:focus,
.pure-form input[type=password]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
outline:0;
border-color:#129FEA
}
.pure-form input:not([type]):focus {
outline:0;
border-color:#129FEA
}
.pure-form input[type=file]:focus,
.pure-form input[type=radio]:focus,
.pure-form input[type=checkbox]:focus {
outline:thin solid #129FEA;
outline:1px auto #129FEA
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
margin:.5em 0;
display:block
}
.pure-form input[type=text][disabled],
.pure-form input[type=password][disabled],
.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],
.pure-form input[type=date][disabled],
.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],
.pure-form input[type=datetime][disabled],
.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
cursor:not-allowed;
background-color:#eaeded;
color:#cad2d3
}
.pure-form input:not([type])[disabled] {
cursor:not-allowed;
background-color:#eaeded;
color:#cad2d3
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
background-color:#eee;
color:#777;
border-color:#ccc
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
color:#b94a48;
border-color:#e9322d
}
.pure-form input[type=file]:focus:invalid:focus,
.pure-form input[type=radio]:focus:invalid:focus,
.pure-form input[type=checkbox]:focus:invalid:focus {
outline-color:#e9322d
}
.pure-form select {
height:2.25em;
border:1px solid #ccc;
background-color:#fff
}
.pure-form select[multiple] {
height:auto
}
.pure-form label {
margin:.5em 0 .2em
}
.pure-form fieldset {
margin:0;
padding:.35em 0 .75em;
border:0
}
.pure-form legend {
display:block;
width:100%;
padding:.3em 0;
margin-bottom:.3em;
color:#333;
border-bottom:1px solid #e5e5e5
}
.pure-form-stacked input[type=text],
.pure-form-stacked input[type=password],
.pure-form-stacked input[type=email],
.pure-form-stacked input[type=url],
.pure-form-stacked input[type=date],
.pure-form-stacked input[type=month],
.pure-form-stacked input[type=time],
.pure-form-stacked input[type=datetime],
.pure-form-stacked input[type=datetime-local],
.pure-form-stacked input[type=week],
.pure-form-stacked input[type=number],
.pure-form-stacked input[type=search],
.pure-form-stacked input[type=tel],
.pure-form-stacked input[type=color],
.pure-form-stacked input[type=file],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
display:block;
margin:.25em 0
}
.pure-form-stacked input:not([type]) {
display:block;
margin:.25em 0
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle
}
.pure-form-aligned textarea {
vertical-align:top
}
.pure-form-aligned .pure-control-group {
margin-bottom:.5em
}
.pure-form-aligned .pure-control-group label {
text-align:right;
display:inline-block;
vertical-align:middle;
width:10em;
margin:0 1em 0 0
}
.pure-form-aligned .pure-controls {
margin:1.5em 0 0 11em
}
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
border-radius:2em;
padding:.5em 1em
}
.pure-form .pure-group fieldset {
margin-bottom:10px
}
.pure-form .pure-group input,
.pure-form .pure-group textarea {
display:block;
padding:10px;
margin:0 0 -1px;
border-radius:0;
position:relative;
top:-1px
}
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
z-index:3
}
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
top:1px;
border-radius:4px 4px 0 0;
margin:0
}
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
top:1px;
border-radius:4px;
margin:0
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
top:-2px;
border-radius:0 0 4px 4px;
margin:0
}
.pure-form .pure-group button {
margin:.35em 0
}
.pure-form .pure-input-1 {
width:100%
}
.pure-form .pure-input-2-3 {
width:66%
}
.pure-form .pure-input-1-2 {
width:50%
}
.pure-form .pure-input-1-3 {
width:33%
}
.pure-form .pure-input-1-4 {
width:25%
}
.pure-form .pure-help-inline,
.pure-form-message-inline {
display:inline-block;
padding-left:.3em;
color:#666;
vertical-align:middle;
font-size:.875em
}
.pure-form-message {
display:block;
color:#666;
font-size:.875em
}
@media only screen and (max-width :480px) {
.pure-form button[type=submit] {
margin:.7em 0 0
}
.pure-form input:not([type]),
.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form label {
margin-bottom:.3em;
display:block
}
.pure-group input:not([type]),
.pure-group input[type=text],
.pure-group input[type=password],
.pure-group input[type=email],
.pure-group input[type=url],
.pure-group input[type=date],
.pure-group input[type=month],
.pure-group input[type=time],
.pure-group input[type=datetime],
.pure-group input[type=datetime-local],
.pure-group input[type=week],
.pure-group input[type=number],
.pure-group input[type=search],
.pure-group input[type=tel],
.pure-group input[type=color] {
margin-bottom:0
}
.pure-form-aligned .pure-control-group label {
margin-bottom:.3em;
text-align:left;
display:block;
width:100%
}
.pure-form-aligned .pure-controls {
margin:1.5em 0 0
}
.pure-form .pure-help-inline,
.pure-form-message-inline,
.pure-form-message {
display:block;
font-size:.75em;
padding:.2em 0 .8em
}
}
.pure-menu {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.pure-menu-fixed {
position:fixed;
left:0;
top:0;
z-index:3
}
.pure-menu-list,
.pure-menu-item {
position:relative
}
.pure-menu-list {
list-style:none;
margin:0;
padding:0
}
.pure-menu-item {
padding:0;
margin:0;
height:100%
}
.pure-menu-link,
.pure-menu-heading {
display:block;
text-decoration:none;
white-space:nowrap
}
.pure-menu-horizontal {
width:100%;
white-space:nowrap
}
.pure-menu-horizontal .pure-menu-list {
display:inline-block
}
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
display:inline-block;
*display:inline;
zoom:1;
vertical-align:middle
}
.pure-menu-item .pure-menu-item {
display:block
}
.pure-menu-children {
display:none;
position:absolute;
left:100%;
top:0;
margin:0;
padding:0;
z-index:3
}
.pure-menu-horizontal .pure-menu-children {
left:0;
top:auto;
width:inherit
}
.pure-menu-allow-hover:hover>.pure-menu-children,
.pure-menu-active>.pure-menu-children {
display:block;
position:absolute
}
.pure-menu-has-children>.pure-menu-link:after {
padding-left:.5em;
content:"\25B8";
font-size:small
}
.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
content:"\25BE"
}
.pure-menu-scrollable {
overflow-y:scroll;
overflow-x:hidden
}
.pure-menu-scrollable .pure-menu-list {
display:block
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
display:inline-block
}
.pure-menu-horizontal.pure-menu-scrollable {
white-space:nowrap;
overflow-y:hidden;
overflow-x:auto;
-ms-overflow-style:none;
-webkit-overflow-scrolling:touch;
padding:.5em 0
}
.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
display:none
}
.pure-menu-separator {
background-color:#ccc;
height:1px;
margin:.3em 0
}
.pure-menu-horizontal .pure-menu-separator {
width:1px;
height:1.3em;
margin:0 .3em
}
.pure-menu-heading {
text-transform:uppercase;
color:#565d64
}
.pure-menu-link {
color:#777
}
.pure-menu-children {
background-color:#fff
}
.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
padding:.5em 1em
}
.pure-menu-disabled {
opacity:.5
}
.pure-menu-disabled .pure-menu-link:hover {
background-color:transparent
}
.pure-menu-active>.pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
background-color:#eee
}
.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
color:#000
}
.pure-table {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
border:1px solid #cbcbcb
}
.pure-table caption {
color:#000;
font:italic 85%/1 arial,sans-serif;
padding:1em 0;
text-align:center
}
.pure-table td,
.pure-table th {
border-left:1px solid #cbcbcb;
border-width:0 0 0 1px;
font-size:inherit;
margin:0;
overflow:visible;
padding:.5em 1em
}
.pure-table td:first-child,
.pure-table th:first-child {
border-left-width:0
}
.pure-table thead {
background-color:#e0e0e0;
color:#000;
text-align:left;
vertical-align:bottom
}
.pure-table td {
background-color:transparent
}
.pure-table-odd td {
background-color:#f2f2f2
}
.pure-table-striped tr:nth-child(2n-1) td {
background-color:#f2f2f2
}
.pure-table-bordered td {
border-bottom:1px solid #cbcbcb
}
.pure-table-bordered tbody>tr:last-child>td {
border-bottom-width:0
}
.pure-table-horizontal td,
.pure-table-horizontal th {
border-width:0 0 1px;
border-bottom:1px solid #cbcbcb
}
.pure-table-horizontal tbody>tr:last-child>td {
border-bottom-width:0
}@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}}@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans"); .pure-g,
.pure-g-r {
font-family: "Open Sans", "Arial", sans-serif;
} .pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
font-family: "Open Sans";
}
#main {
margin-left:auto;
margin-right:auto; width:100%;
}
.pure-g [class*="pure-u"] {
}
#header {
position:fixed; width:100%;
height:auto;
padding-top:1em;
padding-bottom:1em;
background:#FFFFFF;
transition: all 0.15s ease-in 0.15s;
z-index:10;
}
#logo {
display: inline-block;
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/logo.png) no-repeat left top;
background-size:contain;
width: 200px;
height: 115px;
text-decoration: none; }
#menu {
display:inline-block;
vertical-align: top;
margin-left:2em;
transition: all 0.15s ease-in 0.15s;
}
#header.menu-show {
transition: none;
z-index:inherit;
}
#header.menu-show #menu {
display:inline-block;
}
#social {
text-align:right;
padding-bottom:0.8em;
border-bottom:1px solid #F0F0F0;
height:3em;
transition: all 0.15s ease-in 0.15s;
}
#social a {
display:inline-block;
vertical-align: middle;
margin:0em 0.3em;
}
#social a:last-child {
margin-right:0;
}
#content {
padding-top:10.6em
}
.mobile #content {
padding-top:3.3em;
}
.tablette #content {
padding-top:8.3em;
} #header.small {
height: auto;
}
.small #logo {
width:112px;
height: 70px;
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/logo-small.png) no-repeat left top;
background-size:contain;
}
.small #social {
opacity:0;
height:0;
font-size:0;
}
.small #menu {
margin-left:1em;
}
.wrapper-content {
margin-bottom:3em;
}
.single #footer {
margin-top:0;
}
#footer {
background: #26244f;
color: #ffffff;
padding: 3.333em 0em;
position:relative;
margin-top:3em;
}
#footer .inner {
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/filet-footer.png) repeat-y 21% top;
position:relative;
}
#footer .inner > div:first-child {
font-size: 0.867em;
line-height: 1.2em;
}
#footer .inner #copy {
}
#footer .inner >div:first-child ul{
padding-top:1em;
}
#footer .inner >div:first-child ul li a{
color:#b6b5b5;
}
#footer .inner >div:first-child ul li:hover a {
color:#ffffff;
}
#footer .wrapper {
margin:2em 0em;
padding:1.5em 0em;
border-top:2px solid #312e62;
border-bottom:2px solid #312e62;
text-align:center;
}
#footer .btn.empty.trophee {
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-trophee.png) no-repeat right center;
border-color:#237fd2;
font-size:1.33em;
color:#237fd2;
height:28px;
padding:0.3em 1em;
padding-right:63px;
line-height: normal;
}
#footer .btn.empty.trophee:hover{
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-trophee.png) no-repeat right center #237fd2;
color:#FFFFFF;
} #footer .inner > div:last-child {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 1.200em;
}
#footer .logo {
display:block;
width:167px;
height:105px;
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/logo-footer.png) no-repeat left top;
background-size:contain;
margin:0em auto 2em;
}
#footer ul {
padding:0;
margin:0;
}
#footer ul li {
list-style: none;
}
#footer ul li a {
color:#ffffff;
text-decoration: none;
}
#footer ul.lvl_0 {
margin-bottom: 3em;
}
#footer ul.lvl_0 > li {
display:block;
width:25%;
float:left;
margin-bottom:2em;
}
#footer ul.lvl_0 > li > span {
display:block;
margin-left:2em;
}
#footer ul.lvl_0 > li > span > a {
text-transform: uppercase;
font-size: 1em;
}
#footer ul.lvl_0 > li:hover > span > a {
border-bottom:4px solid #ffffff;
}
#footer ul.lvl_0 > li > ul {
padding-top:0.8em;
margin-left:2em;
}
#footer ul.lvl_0 > li > ul > li {
display:block;
line-height:1.2em;
padding:0.4em 0em;
}
#footer ul.lvl_0 > li > ul > li > span > a {
text-transform: uppercase;
font-size: 0.9em;
line-height:1.5em;
}
#footer ul.lvl_0 > li > ul > li:hover > span > a {
border-bottom:2px solid #FFFFFF;
}
#footer ul.lvl_0 > li > ul > li > ul {
padding:0.5em 0em;
}
#footer ul.lvl_0 > li > ul > li > ul li {
display:block;
line-height:0.8em;
}
#footer ul.lvl_0 > li > ul > li > ul li a{
font-family:"Open Sans";
font-size: 0.733em;
font-weight:300;
color:#b6b5b5;
}
#footer ul.lvl_0 > li > ul > li > ul li:hover a {
color:#ffffff;
}
#footer .social-network {
display:block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 1.45em;
text-transform: uppercase;
text-align: center;
}
#footer a.ico-sn {
display: inline-block;
height:38px;
margin:0.5em;
background-repeat: no-repeat;
background-image:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-footer.png);
}
#footer .ico-sn.fb {
width:22px;
background-position: 0px center;
}
#footer .ico-sn.tw {
width:45px;
background-position: -56px center;
}
#footer .ico-sn.yt {
width:45px;
background-position: -126px center;
}
#footer .logo-footer {
position:absolute;
bottom:0;
}
#footer .logo-footer A {
display: inline-block;
margin-left: 2em;
vertical-align: middle;
}
#bkg-white {
display:none;
position: fixed;
background: rgba(255, 255, 255, 0.85);
height: 100%;
width: 100%;
z-index:8;
}
.banner .inner {
position:relative;
}
.banner .close {
position:absolute;
display:block;
right:0;
top:1em;
width:36px;
height:36px;
border:2px solid #ffffff;
}
.banner .close:before,
.banner .close:after{
position:absolute;
width:36px;
height:36px;
content: "";
border-top:2px solid #ffffff;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
margin-left: -13px;
margin-top: 12px;
}
.banner .close:after{
-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
margin-left: -13px;
margin-top: -13px;
}
#banner-search .close,
#banner-search .close:before,
#banner-search .close:after {
border-color:#26244f;
}
#banner-trophee {
display:none;
position:absolute;
left:0;
margin-top:1.15em;
padding:0;
max-width:100%;
width:100%;
height:450px;
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/trophee-layer.jpg) no-repeat top center;
font-family: 'Oswald', sans-serif;
font-weight:300;
color:#ffffff;
font-size:22px;
text-transform: uppercase;
}
#banner-trophee .logo {
margin-top:90px;
margin-bottom:30px;
}
#banner-trophee .inner .center {
display:inline-block;
}
#banner-trophee .inner .center > div {
color:#e42e42;
font-size:26px;
font-weight:700;
margin-bottom:8px;
}
#banner-trophee .btn {
font-size:26px;
padding:0.6em 1em;
}
#banner-trophee .btn:hover {
background:#ffffff;
color:#e42e42;
}
#banner-trophee .rmc {
margin-top:45px;
}
#banner-search {
display:none;
position:absolute;
left:0;
padding:0;
padding-top:0.3em;
max-width:100%;
width:100%;
z-index:9;
}
#banner-search .inner .pager{
padding-bottom:2em;
}
#banner-search .inner > .mg{
position:relative;
}
#tab_wall {
display:none;
}
#tab_unfpfc {
display:none;
}
.banner .search-form {
padding-top:5em;
}
.mobile .banner .search-form input {
font-size:1em;
line-height:2em;
}
.tablette .banner .search-form input {
font-size:1.86em;
line-height:normal;
}
.banner .search-form input {
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-loupe.png) no-repeat right center;
border:0;
border-bottom:2px solid #9b9b9c;
width:100%;
font-family: 'Oswald', sans-serif;
font-weight:400;
color:#7b7b7c;
font-size:1.86em;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#search-results {
margin-top:2em;
}
#search-results h1 {
font-size:3.25em;
}
#search-results h2 {
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-loupe.png) no-repeat 0.8em center #26244f;
font-size:1.6em;
color:#ffffff;
padding:0.7em 0.5em 0.7em 2.5em;
font-family: "Open Sans", "Arial", sans-serif;
font-weight: 300;
text-transform:none;
}
#search-results .list-wrapper {
margin-left:0;
margin-right:0;
}
#search-results .category {
font-family: 'Oswald', sans-serif;
font-size:1.1em;
color:#26244f;
font-weight: 400;
}
#search-results .date {
font-size:1.1em;
color:#26244f;
font-weight: 300;
background:none;
padding:0;
}
#search-results h3 {
font-size:1.1em;
}
#search-results .post-type {
margin-top:2em;
margin-bottom:2em;
}
#search-results .error {
font-family: 'Oswald', sans-serif;
font-size:1.8em;
color:#26244f;
font-weight: 700;
text-transform: uppercase;
margin-top:1.5em;
}.pdr {
padding-right:2em;
}
.pdl {
padding-left:2em;
}
.pd {
padding-right:2em;
padding-left:2em;
}
.mg {
margin-right:0em;
margin-left:0em;
}
.mgl {
margin-left:1em;
}
.mgr {
margin-right:1em;
}
.mb0 {
margin-bottom:0 !important;
}
.mt0 {
margin-top:0 !important;
}
.clL {
clear:left;
}
.clB {
clear:both;
}
.hide {
display:none !important;
}
.inner {
width:1060px;
margin-left:auto;
margin-right:auto; }
.inner.extend {
width:1080px;
max-width:100%;
}
.inner.extend h2.title {
margin-left:10px;
}
.inner.extend div.filter {
margin-left:10px;
}
.btn,
input.nf-next,
input.nf-previous {
display:inline-block;
padding:0.5em 1em;
background:#26244F;
font-family: 'Oswald', sans-serif;
font-size: 1em;
font-weight:400;
color:#FFFFFF;
text-decoration: none;
text-transform: uppercase;
}
.btn.red {
background-color:#e42e42;
}
.btn.empty,
input.nf-next,
input.nf-previous {
background: none;
border: 2px solid #cccccc;
color: #cccccc;
}
.btn.empty:hover {
background:#cccccc;
color:#000000;
}
.btn.empty.red {
background:none;
border-color:#e12a40;
color:#e12a40;
}
.btn.empty.blue,
input.nf-next,
input.nf-previous {
background:none;
border-color:#26244F;
color:#26244F;
}
.btn.cat {
padding:0.4em 0.9em;
margin:0.3em;
font-size:1.2em;
border:2px solid #26244F;
}
.btn.cat.empty {
background:none;
border-color:#26244F;
color:#26244F;
}
.btn.cat.empty:hover,
.btn:hover,
.actupage .btn.empty:hover,
input.nf-next:hover,
input.nf-previous:hover,
.btn.empty.blue:hover {
background:#26244F;
color:#FFFFFF;
}
.actupage.num-1 .btn.empty:hover,
.btn.empty.red:hover {
background:#e12a40;
color:#ffffff;
}
.btn.cat.empty.return {
padding-left:3em;
}
.btn.cat.empty.return:before,
.btn.cat.empty.return:after {
border-left: 2px solid #26244f;
content: "";
display: block;
width: 10px;
height: 13px;
margin-left: -35px;
margin-top: 5px;
position: absolute;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.btn.cat.empty.return:after {
margin-left: -42px;
margin-top: -12px;
-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
.btn.cat.empty.fb {
position:relative;
padding-right:60px;
color:#3b5998;
border-color:#3b5998;
}
.btn.cat.empty.fb:after {
content:" ";
position:absolute;
display:inline-block;
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-footer.png) no-repeat 15px center #3b5998;
background-size: 250%;
width:43px;
height:43px;
top:-2px;
right:0;
}
.btn.cat.empty.fb:hover{
background:#3b5998;
color:#FFFFFF;
}
.btn.cat.empty.tw {
position:relative;
padding-right:60px;
color:#55acee;
border-color:#55acee;
}
.btn.cat.empty.tw:after {
content:" ";
position:absolute;
display:inline-block;
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-footer.png) no-repeat -28px center #55acee;
background-size: 250%;
width:43px;
height:43px;
top:-2px;
right:0;
}
.btn.cat.empty.tw:hover{
background:#55acee;
color:#FFFFFF;
}
a.ico {
display: inline-block;
background:#27254d;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width:15px;
height:15px;
padding:7px;
background-repeat: no-repeat;
}
.ico.yt {
background-image:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon.png);
background-position: 2px center;
}
.ico.tw {
background-image:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon.png);
background-position: -24px center;
}
.ico.fb {
background-image:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon.png);
background-position: -48px center;
}
.filet {
margin-top:2em;
width:190px;
border-bottom:2px solid #f1efef;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.filet a{
opacity:1;
position:absolute;
top:-25px;
left:50%;
margin-left:-25px;
display:block;
width:40px;
height:40px;
padding:0;
border:5px solid #ffffff;
transition: all 0.15s ease-in 0.15s;
}
.filet a:before,
.filet a:after {
border-left: 1px solid #ffffff;
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
margin-left: 20px;
margin-top: 10px;
}
.filet a:after {
margin-left: 10px;
margin-top: -5px;
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.filet a{
opacity:1;
position:absolute;
top:-25px;
left:50%;
margin-left:-25px;
display:block;
width:40px;
height:40px;
padding:0;
border:5px solid #ffffff;
transition: all 0.15s ease-in 0.15s;
}
.filet a:before,
.filet a:after {
border-left: 1px solid #ffffff;
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
margin-left: 20px;
margin-top: 10px;
}
.filet a:after {
margin-left: 10px;
margin-top: -5px;
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.hr {
border-top:1px solid #adacad;
}
.prev,
.next {
opacity:1;
width:40px;
height:40px;
background:#26244f;
display:block;
}
.next {
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.prev:before,
.prev:after,
.next:before,
.next:after{
border-left: 1px solid #ffffff;
content: "";
display: block;
width: 20px;
height: 20px;
margin-top: 10px;
margin-left:17px;
position: absolute;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.prev:after,
.next:after {
margin-left: 3px;
margin-top: 24px;
-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
.red .prev,
.red .next{
background:#26244f;
}
.blue .prev,
.blue .next{
background:#e42e42;
} @supports (-ms-accelerator:true) {
.fond.list .prev:after { margin-top: -1px; }
.fond.list .next:after { margin-top: -1px; }
} *::-ms-backdrop, .fond.list .prev:after { margin-top: -1px; } *::-ms-backdrop, .fond.list .next:after { margin-top: -1px; } .fond {
background:#f1efef;
padding:3.333em 0em;
margin-bottom:2.5em;
margin-top:2em;
}
div.filter {
margin:1.5em 0.1em;
}
.filter > a {
font-family: 'Oswald', sans-serif;
font-size: 1.2em;
font-weight:400;
color:#d2d2d4;
text-decoration: none;
text-transform: uppercase;
padding:0 0.7em;
line-height: 1em;
display:inline-block;
border-left:2px solid #d2d2d4;
}
.filter > a:first-child {
border:0;
padding-left:0;
}
.filter > a.actif {
color:#26244F;
}
a.ico-rs {
display: inline-block;
background-image:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-rs.png);
background-repeat: no-repeat;
width:26px;
height:26px;
margin:5px;
}
.ico-rs.tw {
background-position: -34px center;
}
.ico-rs.fb {
background-position: 8px center;
}
.ico-contact {
display: table;
background-image:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-contact.png);
background-repeat: no-repeat;
height:30px;
margin:5px;
padding-left:40px;
text-decoration:none;
font-weight:700;
color:#26244F;
}
.ico-contact.email {
background-position: left 5px;
}
.ico-contact.phone {
background-position: left -32px;
}.desktop #nav-main { margin-top:0.8em;
font-family: 'Oswald', sans-serif;
font-weight:400;
font-size: 1.200em
}
.desktop #nav-main > ul {
margin:0;
padding:0;
}
.desktop #nav-main ul li {
list-style: none;
}
.desktop #nav-main > ul ul {
padding:0;
}
.desktop #nav-main > ul > li {
display:inline-block;
margin:0 0.866em;
}
.desktop #nav-main > ul > li:first-child {
margin-left:0;
}
.desktop #nav-main > ul > li:last-child {
margin-right:0;
margin-left:0;
}
.desktop #nav-main > ul > li > ul.lvl_0 {
position:absolute;
z-index:10;
display:none;
margin-top:1.5em;
left:0;
padding:0; max-width:100%;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:rgba(38,36,79,0.975);
transition: all 0.15s ease-in 0.15s;
}
.desktop #nav-main > ul > li > ul.lvl_0.show {
display:block;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper {
padding-left:200px;
width:860px;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li {
display: table-cell;
text-align: center;
vertical-align: top;
width: 180px;
padding-top:1em;
padding-bottom: 3em;
padding-left:1em;
padding-right:1em;
-moz-box-shadow: inset 10px 0px 5px -3px #211f44;
-webkit-box-shadow: inset 10px 0px 5px -3px #211f44;
-o-box-shadow: inset 10px 0px 5px -3px #211f44;
box-shadow: inset 10px 0px 5px -3px #211f44;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li:first-child {
box-shadow: none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > a {
text-transform:uppercase;
font-size: 0.933em;
line-height: 1.6em;
color:#ffffff;
text-decoration: none;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li:hover > a,
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > a.current-menu-ancestor,
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > a.current-menu-item {
border-bottom:3px solid #FFFFFF;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > ul > li {
text-align: left;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > ul > li a {
font-size: 0.866em;
font-weight:300;
color:#a19f9f;
text-decoration: none;
}
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > ul > li:hover a,
.desktop #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > ul > li a.current-menu-item {
color:#ffffff;
}
.desktop #nav-main > ul > li > a{
text-transform:uppercase;
font-size:1em;
color:#26244F;
text-decoration: none;
}
.desktop #nav-main > ul > li.item:hover > a,
.desktop #nav-main > ul > li.item > a.current-menu-ancestor,
.desktop #nav-main > ul > li.item > a.current-menu-item {
border-bottom:4px solid #26244F;
}
#nav-main .btn.empty.trophee {
border-color:#237fd2;
color:#237fd2;
height:28px;
padding:0.3em 1em;
line-height: 1.6em;
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-trophee.png) no-repeat right center;
padding-right:63px;
}
#nav-main .btn.empty.trophee.actif {
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-trophee.png) no-repeat right center #237fd2;
color: #ffffff;
}
#nav-main .mobile-search a {
color:#ffffff;
font-size:0.833em;
padding:0.8em 1em;
margin-top:1em;
background:#222045;
text-decoration: none;
}
#nav-main .mobile-search a:after {
content:"";
display:block;
position:absolute;
width:28px;
height:28px;
right: 1em;
top: 0.8em;
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-loupe.png) no-repeat;
}
.desktop #nav-main .mobile-search {
display:none;
}
.desktop #nav-main .search {
display:inline-block;
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-menu.png) no-repeat -40px top;
width:30px;
height:28px;
vertical-align:middle;
}
.desktop .small #nav-main > ul > li {
margin:0 0.6em;
}
.desktop .small #nav-main > ul > li.n-rm {
margin-right:0;
}
.desktop .small #nav-main > ul > li a.ico {
font-size:0.833em;
margin:0em 0.5em;
vertical-align: middle;
}
.desktop .small #nav-main > ul > li:last-child {
margin-left: 0;
margin-right: 0;
}
.desktop .small #nav-main > ul > li > ul.lvl_0 > ul.wrapper {
padding-left:50px;
}
#nav-open, #social #nav-close {
display:none;
position:absolute;
left: 1em;
margin:0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width:20px;
height:20px;
}
#nav-open span, #nav-open span::before, #nav-open span::after {
background-color: #fff;
height: 2px;
transition: all 0.4s ease 0s;
width: 20px;
display:block;
margin-top:4px;
}
#nav-open span::before, #nav-open span::after {
content: " ";
position: absolute;
}
#nav-open span::before {
top: 12px;
}
#nav-open span::after {
top: 17px;
}
#nav-close span, #nav-close span::before {
background-color: #fff;
height: 3px;
width: 20px;
margin-top:9px;
margin-left:0;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
display:block;
}
#nav-close span::before {
content: " ";
margin: 0;
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
} .mobile #nav-main {
font-family: 'Oswald', sans-serif;
font-weight:400;
font-size: 1.200em;
}
.mobile #nav-main ul {
padding:0;
margin:0;
}
.mobile #nav-main ul li {
display:block;
text-align: left;
position: relative;
}
.mobile #nav-main ul li a {
display:block;
}
.mobile #nav-main > ul > li.item {
display:block;
position:relative;
}
.mobile #nav-main > ul > li.item > a {
padding:0.5em 1em;
border-bottom:2px solid #222045;
text-transform:uppercase;
font-size:1em;
color:#ffffff;
text-decoration: none;
}
.mobile #nav-main > ul > li.item > a:before,
.mobile #nav-main > ul > li.item > a:after{
content:" ";
width:0.8em;
border-bottom:2px solid #ffffff;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
display:block;
right:2em;
top:1.2em;
position:absolute;
}
.mobile #nav-main > ul > li.item > a:after {
-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
right:1.4em;
}
.mobile #nav-main > ul > li.item > a.current-menu-item,
.mobile #nav-main > ul > li.item > a.current-menu-ancestor{
background:#e42e42;
margin-top:1em;
}
.mobile #nav-main > ul > li.item:first-child > a.current-menu-item,
.mobile #nav-main > ul > li.item:first-child > a.current-menu-ancestor{
margin-top:0;
}
.mobile #nav-main > ul > li.item > a.current-menu-item:before,
.mobile #nav-main > ul > li.item > a.current-menu-ancestor:before{
-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
.mobile #nav-main > ul > li.item > a.current-menu-item:after,
.mobile #nav-main > ul > li.item > a.current-menu-ancestor:after {
-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);
}
.mobile #nav-main > ul > li > ul.lvl_0 {
overflow: hidden;
background:#222045;
max-height:0;
transition: all 0.15s ease-in 0.15s;
}
.mobile #nav-main > ul > li > ul.lvl_0.show,
.mobile #nav-main > ul > li.current-menu-item > ul.lvl_0,
.mobile #nav-main > ul > li.current-menu-ancestor > ul.lvl_0 {
max-height:30em;
}
.mobile #nav-main > ul > li.item.current-menu-item,
.mobile #nav-main > ul > li.item.current-menu-ancestor {
content:" ";
display:block;
border-bottom:2px solid #222045;
padding-bottom:1em;
background:#26244f;
}
.mobile #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > a {
text-transform:uppercase;
font-size: 0.9em;
color:#ffffff;
text-decoration: none;
margin: 0.5em 1.2em 0.5em 1.2em;
display: inline-block;
}
.mobile #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > a.current-menu-item,
.mobile #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > a.current-menu-ancestor{
border-bottom:4px solid #FFFFFF;
}
.mobile #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > ul {
padding-bottom:0.5em;
}
.mobile #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > ul > li a {
font-size: 0.833em;
font-weight:300;
color:#a19f9f;
text-decoration: none;
padding: 0em 2em;
}
.mobile #nav-main > ul > li > ul.lvl_0 > ul.wrapper > li > ul > li a.current-menu-item {
color:#ffffff;
}
.mobile #nav-main .btn.empty.trophee {
margin:0;
margin-top:1em;
padding-top:0.5em;
padding-left: 1.8em;
color:#ffffff;
font-size:1.2em;
line-height: 1em;
}
.mobile.tablette #nav-open, .mobile.tablette #social #nav-close {
left: 2em;
}
.mobile #nav-main #copy {
font-family:"Open Sans";
font-size: 0.733em;
font-weight: 400;
line-height: 1em;
color:#ffffff;
margin-top:1em;
}
.mobile #nav-main #toolbox li {
display:inline;
}
.mobile #nav-main #toolbox li a{
display:inline-block;
font-family:"Open Sans";
font-size: 0.733em;
font-weight: 400;
line-height: 1em;
text-decoration: none;
border-left:1px solid #ffffff;
padding:0 0.4em;
color:#ffffff;
}
.mobile #nav-main #toolbox li:first-child a{
border-left:0;
padding-left:0;
}
nav.sticky {
position:fixed;
z-index:7;
background:#26244f;
color:#ffffff;
left:0;
width:100%;
}
nav.sticky h1 {
font-size: 2.5em;
margin-top:0.3em;
margin-bottom: 0em;
}
nav.sticky,
nav.sticky h1,
nav.sticky a.filter {
color:#ffffff;
}
nav.sticky a.filter.actif {
color:#e42e42;
}
nav.sticky .filter {
margin:0.3em 0 0.5em 0.05em;
}