.fond.list {
background:#26244f;
margin-bottom:0;
margin-top: 2em;
padding: 3em 0;
}
.fond.list.red {
background:#e42e42;
}
.list H2,
.list H3,
.fond.list .pd span {
color:#e42e42;
font-size:1em;
margin-top:0;
font-family: "Oswald","Arial",sans-serif;
font-weight: 700;
line-height: 1.2em;
margin: 0 0 0.5em;
text-transform: uppercase;
display:block;
}
.list h2 a,
.list H3 a,
.fond.list .pd span a {
color:inherit;
text-decoration:none;
}
.fond.list .title {
color: #ffffff;
font-family: "Oswald","Arial",sans-serif;
font-size: 2.66em;
font-weight: 700;
line-height: 1.2em;
text-transform: uppercase;
display:block;
margin-left:10px;
margin-bottom:0.2em;
}
.list .pd {
padding:1.5em;
}
.list .pd p {
margin:0;
line-height:1.3em;
}
.list .date {
display:inline-block;
color:#26244f;
font-family: "Oswald", "Arial", sans-serif;
font-size:1em;
font-weight: 400;
margin-bottom:0.8em;
text-decoration:none;
padding:0.3em 1em;
background:rgba(255,255,255,0.8);
}
.list a.date {
background:none;
padding:0;
text-decoration:none;
margin-bottom:0.5em;
}
.list .page-thumb {
position:relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width:100%;
height:165px;
margin-bottom:0;
}
.list .list-wrapper {
background:#f1efef;
margin:0.7em;
}
.page-template-page-joueurslibres .list.joueur h2,
.page-template-page-joueurslibres .list.joueur h3,
.page-template-page-joueurslibres .list.staff h2,
.page-template-page-joueurslibres .list.staff h3{
font-size:1.2em;
}
.page-template-page-joueurslibres .list.staff h3 {
color: #26244f;
}
.page-template-page-joueurslibres .list.joueur .page-thumb img,
.page-template-page-joueurslibres .list.staff .page-thumb img{
display:block;
}
.page-template-page-joueurslibres .list.joueur .page-thumb,
.page-template-page-joueurslibres .list.staff .page-thumb {
background:none; min-height:180px;
max-height:235px;
overflow:hidden;
height:auto;
}
.page-template-page-joueurslibres .list.joueur .page-thumb .legend {
padding:0em 1em;
background:#e42e42;
color:#ffffff;
font-style: normal;
font-weight: bold;
}
.page-template-page-joueurslibres .list.joueur .pd {
line-height:1.2em;
}
.page-template-page-joueurslibres .list.joueur .date,
.page-template-page-joueurslibres .list.staff .date {
padding:0;
background:none;
}
.page-template-page-joueurslibres .list.staff .pd span.date {
color:#767171;
}
.page-template-page-joueurslibres .list.joueur .pd p.statut,
.page-template-page-joueurslibres .list.staff .pd p.statut,
.joueur p.statut {
color:#a1a1a2;
font-family: "Oswald", "Arial", sans-serif;
font-size:1em;
font-weight: 400;
text-transform: uppercase;
margin-bottom:0.5em;
} .tool-pagination {
text-align:center;
margin-top:1em;
}
.tool-pagination a,
.tool-pagination span{
display:inline-block;
border:2px solid #26244f;
background:#ffffff;
text-align:center;
padding:0.2em 0em;
text-decoration: none;
font-family: "Oswald", "Arial", sans-serif;
font-size:1em;
font-weight: 400;
color:#26244f;
min-width:1.8em;
line-height:1.4em;
}
.tool-pagination span{
background:#26244f;
color:#ffffff;
}
.tool-pagination .prev:before,
.tool-pagination .prev:after,
.tool-pagination .next:before,
.tool-pagination .next:after{
border-left: 2px solid #26244f;
content: "";
display: block;
width: 10px;
height: 10px;
margin-left: 10px;
margin-top: 6px;
position: absolute;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.tool-pagination .prev:after,
.tool-pagination .next:after {
margin-left: 3px;
margin-top: -8px;
-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
.tool-pagination .prev {
margin-right:0.2em;
width:inherit;
height:inherit;
}
.tool-pagination .next {
margin-left:0.2em;
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
width:inherit;
height:inherit;
}
.fond.list .control {
position:relative;
}
.fond.list .prev,
.fond.list .next {
top:50%;
position:absolute;
}
.fond.list .prev {
left:-50px;
}
.fond.list .next {
right:-50px;
}
.orga .mg > h2,
.orga .mg > h3 {
margin-left: 10px;
}
.orga h2 {
margin-bottom:0em;
padding-top:0.8em;
}
.orga h3 {
font-size:1.867em;
font-weight: 400;
margin-top:0;
}
.collaborateur .list-wrapper {
background:none;
margin: 0.7em;
line-height:1.2em;
}
.collaborateur .page-thumb {
background:none;
overflow:hidden;
height:auto;
margin-bottom:2em;
}
.collaborateur .page-thumb img{
display:block;
}
.collaborateur H3 {
font-size:1.46em;
font-weight:700;
margin-bottom:0;
}
.collaborateur H4 {
font-size:1.46em;
margin-bottom:0;
color: #26244f;
font-family: "Oswald","Arial",sans-serif;
font-weight: 700;
line-height: 1.2em;
margin: 0.8em 0 0;
text-transform: uppercase;
}
.collaborateur span.date {
text-transform:uppercase;
font-size:0.9em;
margin:0;
}
.collaborateur p.statut {
font-family: "Oswald", "Arial", sans-serif;
font-weight: 300;
text-transform:uppercase;
font-size:0.9em;
margin:0;
color:#a1a1a2;
}
.collaborateur .mask {
background:#e42e42;
opacity:0.97;
position:absolute;
display:none;
width:100%;
height:100%;
color:#ffffff;
font-family: "Oswald", "Arial", sans-serif;
font-weight: 400;
font-size:1.2em;
text-transform:uppercase;
text-align:center;
align-items: center;
line-height:1.5em;
}
.collaborateur .mask span {
padding:3em;
margin-left: auto;
margin-right: auto;
}
.orga.full .collaborateur {
font-size:1.4em;
}
.orga.full .collaborateur .list-wrapper {
position:relative;
padding-bottom: 3em;
}
.orga.full .collaborateur .page-thumb {
font-size:0.6em;
max-height:400px;
}
.orga.full .collaborateur .descriptif{
font-size: 0.73em;
margin:1em 0;
}
.orga.full .collaborateur .btn{
font-size: 0.85em;
margin:0;
position:absolute;
bottom:0;
}
.orga.full .collaborateur .mask {
font-size:2em;
}
.orga.full .collaborateur .mask span {
padding:1em;
}
.list.movie .page-thumb {
height:140px;
}
.list.movie .pd {
font-size:0.867em;
}
.list.movie H3 {
text-transform: none;
font-family: "Open Sans", "Arial", sans-serif;
}
.list.movie.unfpfc .list-wrapper {
background:#ffffff;
}
.list-wrapper.first {
background:none;
color:#ffffff;
line-height:1.2em;
margin-top:2em;
margin-bottom:2em;
}
.list-wrapper.first .page-thumb {
height:360px;
}
.list-wrapper.first h2.title {
margin-left:0;
margin-bottom:1em;
}
.list-wrapper.first h3 {
color:#ffffff;
font-size:1.2em;
margin-bottom:1em;
}
.play {
position:absolute;
top:0;
left:0;
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon_yt.png) no-repeat center;
display: inline-block;
height:100%;
width:100%;
opacity:0.8;
}
.play:hover {
opacity:1;
}
.list.wall .date {
background:none;
margin:0 0 0 1em;
font-weight:300;
padding:0;
}
.list.wall .date span{
display:block;
font-weight:700;
}
.list.wall .tw .pd a[target=_blank]{
color:#55acee;
font-weight: 700;
}
.list.wall .fb .pd a[target=_blank]{
color:#3b5998;
font-weight: 700;
}
.list.wall .from {
float:left;
}
.list.wall .wall-thumb{
max-height:180px;
overflow:hidden;
position:relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.list.wall .wall-thumb img{
opacity:0;
}
.list.wall .list-wrapper {
position:relative;
overflow:hidden;
line-height:1.4em;
}
.list.wall .list-wrapper > div:before{
content:"";
display:block;
position:absolute;
width:80px;
height:80px;
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
top:-40px;
right:-40px;
z-index:1;
}
.list.wall .list-wrapper > div:after{
content:"";
display:block;
position:absolute;
width:30px;
height:30px;
top:0px;
right:0px;
z-index:1;
background-image: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon.png);
background-repeat: no-repeat;
}
.list.wall .fb:before{
background:#3b5998;
}
.list.wall .fb:after{
background-position: -48px center;
}
.list.wall .tw:before{
background:#55acee;
}
.list.wall .tw:after{
background-position: -24px center;
}
#content .wallrs .mav {
font-weight: 400;
font-size:1em;
}
@media screen and (max-width: 1180px) {
.fond.list .prev,
.fond.list .next {
top:0px;
}
.fond.list .prev {
left:10px;
}
.fond.list .next {
right:10px;
}
.control {
padding-top:60px;
margin-top:20px;
}
} @media screen and (max-width: 1023px) {
.tablette .list .page-thumb {
height:219px;
}
.page-template-page-joueurslibres .list.joueur .page-thumb {
min-height:219px;
max-height:400px;
height:auto;
}
.collaborateur .page-thumb {
max-height:400px;
}
.list-wrapper.first .page-thumb {
height:300px;
}
.orga .mg {
margin: 0em 1.3em;
}
.orga .mg > h2,
.orga .mg > h3{
margin-left: 10px;
}
.list.wall .wall-thumb{
max-height:250px;
}
#content .wallrs .mav {
display:none;
}
}
@media screen and (max-width: 767px) {
.list .list-wrapper {
margin-left:0;
margin-right:0;
}
.list .page-thumb {
height:200px;
}
.page-template-page-joueurslibres .list.joueur .page-thumb {
min-height:200px;
max-height:830px;
height:auto;
}
.page-template-page-joueurslibres #movies-list .list-wrapper.first {
display:none;
}
.collaborateur .page-thumb {
max-height:600px;
}
.list.movie .page-thumb {
height:160px;
}
.fond.list .title {
margin-left:0;
}
.fond.list .prev {
left:0px;
}
.fond.list .next {
right:0px;
}
.orga.full .collaborateur .mask {
font-size:1.5em;
}
.orga .mg {
margin: 0 0.3em;
}
.list.wall .wall-thumb{
max-height:250px;
}
}.push {
min-height:220px;
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
color:#ffffff;
position:relative;
}
.push p {
line-height:1.3em;
display:none;
}
.push.full p {
display:inherit;
}
.push.full .inner .mg {
padding:2.5em 0;
}
.push h2 {
font-size:2em;
color:#ffffff;
margin-top:0;
width:80%;
}
.store {
display:inline-block;
width:147px;
height:54px;
}
.googleplay {
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/ico_store.png) no-repeat left top;
}
.appstore {
background:url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/ico_store.png) no-repeat right top;
}
.push.full .link .store {
margin-right:1em;
}
.push .link .store {
margin-right:0;
}
.inner .pure-g .mg {
margin:0.5em;
}
.inner .pure-g .mg .push {
padding:1.5em;
}
.inner .pure-g .push h2 {
font-size:1.8em;
}
.inner .pure-g .push .link {
position:absolute;
font-size:1.2em;
right:1.2em;
bottom:1.2em;
}
.inner .pure-g .push.fp {
background:#26244f;
line-height: normal;
}
.inner .pure-g .push.fp h2 {
font-size:1.6em;
width:auto;
margin:0;
}
#content .inner .pure-g .push.fp div.mav {
font-size:1em;
font-weight: 300;
margin-bottom:1em;
line-height: 1em;
}
#content .inner .pure-g .push.fp span {
font-family: "Oswald", "Arial", sans-serif;
font-size:1em;
color:#ffffff;
font-weight: 300;
margin:0;
}
#content .inner .pure-g .push.fp .mav {
font-size:0.778em;
color:#ffffff;
font-weight: 400;
}
.inner .pure-g .push.fp .pure-u-1-2:first-child .link {
right:inherit;
}
#content .inner .pure-g .push.fp img {
max-width:100%;
}
.mobile .inner .pure-g .push.fp .link {
right:0.8em;
}
.tablette .inner .pure-g .push.fp .link {
right:1.2em;
}
#content .inner .pure-g .push.fp .link a.btn {
padding: 0.3em 45px 0.2em 0.5em;
height: 28px;
}
#content .inner .pure-g .push.fp .link a.btn:after {
content: "";
position: absolute;
margin-left:8px;
display: inline-block;
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-menu.png) no-repeat -106px 7px #e12a40;
width: 21px;
height: 22px;
padding: 0.5em;
margin-top:-0.4em;
}
#content .inner .pure-g .push.num-0 .link a.btn {
padding: 0.3em 45px 0.2em 0.5em;
height: 28px;
}
#content .inner .pure-g .push.num-0 .link a.btn:after {
content: "";
position: absolute;
margin-left:8px;
display: inline-block;
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/icon-menu.png) no-repeat -70px 6px #e12a40;
width: 21px;
height: 22px;
padding: 0.5em;
margin-top:-0.4em;
}
@media screen and (max-width: 1023px) {
.push.full {
display:none;
}
.pure-u-1.hide {
display:inline-block !important;
}
.pure-u-1.hide .push {
background:#e42e42;
}
.pure-u-1.hide .push p {
display:none;
}
.pure-u-1.hide .push .link {
position:relative;
bottom:inherit;
right:inherit;
margin-top:0em;
}
.pure-u-1.hide .push .link a{
display: block;
margin-left: auto;
margin-right: auto;
margin-top:0.5em;
}
.push h2 {
width:inherit;
}
}
@media screen and (max-width: 767px) {
.inner .pure-g .mg .push {
padding:1em;
}
}
@media screen and (max-width: 360px) {
.inner .pure-g .push.fp a.mav,
.inner .pure-g .push.fp span {
display:none;
}
}@-webkit-keyframes zoom {
0% {
-ms-transform: scale(1.05) translate(-10px, -10px);
-moz-transform: scale(1.05) translate(-10px, -10px);
-webkit-transform: scale(1.05) translate(-10px, -10px);
transform: scale(1.05) translate(-10px, -10px); }
100% {
-ms-transform: scale(1) translate(0, 0);
-moz-transform: scale(1) translate(0, 0);
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0); } }
.multi-steps .acf-field[data-width] + .acf-field[data-width] {
border: none; }
.multi-steps hr {
border: 0;
border-top: 1px solid #adacad; }
.multi-steps .btn {
font-size: 1.25em; }
.multi-steps .acf-fields > .acf-field-group {
padding: 0; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-type="message"] > .acf-label, .multi-steps .acf-fields > .acf-field-group.acf-field[data-type="group"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="id_bulletin"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-type="recaptcha"] > .acf-label {
display: none; }
.multi-steps .acf-fields > .acf-field-group .acf-field {
display: block !important;
padding-bottom: 20px;
opacity: 1;
visibility: visible;
-ms-transition: all 350ms;
-moz-transition: all 350ms;
-webkit-transition: all 350ms;
transition: all 350ms;
max-height: 1000px;
font-size: 16px;
border-top: 0;
overflow: hidden; }
.multi-steps .acf-fields > .acf-field-group .acf-field.acf-hidden {
opacity: 0;
visibility: hidden;
max-height: 0 !important;
min-height: 0 !important;
padding-bottom: 0; }
.multi-steps .acf-fields > .acf-field-group .acf-field.force-hidden {
display: none !important; }
.multi-steps .acf-fields > .acf-field-group .acf-field label {
font-weight: 400;
font-size: 16px;
text-align: left; }
.multi-steps .acf-fields > .acf-field-group .acf-field.acf-field-true-false {
width: 100%; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table {
background: none;
border: 0;
width: auto;
margin-right: 30px; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table tr.acf-row > td.acf-fields {
padding-bottom: 20px !important; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table > tbody > tr > td {
border: 0;
background: none; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table .acf-row-handle {
background: none; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table .acf-row-handle.remove {
padding-left: 50px; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table .acf-row-handle.order {
display: none; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table .acf-row-handle .acf-icon.-plus {
display: none; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table .acf-row-handle .acf-icon.-minus {
display: block;
background: none;
width: 40px;
height: 40px;
line-height: 45px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table .acf-row-handle .acf-icon.-minus:hover {
background: none;
text-decoration: none; }
.multi-steps .acf-fields > .acf-field-group .acf-field .acf-repeater .acf-table .acf-row-handle .acf-icon.-minus:hover:before {
color: #000000; }
.multi-steps .acf-fields > .acf-field-group .acf-fields.-border {
border: 0;
background: none; }
@media (max-width: 767px) {
.multi-steps .acf-fields > .acf-field-group .acf-fields.-border {
padding: 0;
background: none; } }
.multi-steps .acf-fields > .acf-field-group .acf-fields.-border > div {
padding-top: 0;
padding-left: 0;
padding-right: 10px; }
.multi-steps .acf-fields > .acf-field-group .acf-input-wrap input {
height: auto; }
.multi-steps .acf-fields > .acf-field-group .acf-field input[type=text],
.multi-steps .acf-fields > .acf-field-group .acf-field input[type=email],
.multi-steps .acf-fields > .acf-field-group .acf-field input[type=password] {
background: #ffffff;
color: #26244f;
border: 1px solid #26244f;
line-height: 1.8em;
padding: 5px 1em;
font-size: 16px;
max-width: 300px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.multi-steps .acf-fields > .acf-field-group .acf-field select {
background: #ffffff;
color: #26244f;
border: 1px solid #26244f;
padding: 5px 1em;
width: 100%; }
.multi-steps .acf-fields > .acf-field-group .acf-field select option {
color: #26244f;
line-height: 1.8em;
padding: 5px 1em;
font-size: 16px; }
.multi-steps .acf-fields > .acf-field-group .acf-field ul li {
margin-bottom: 5px; }
.multi-steps .acf-fields > .acf-field-group .acf-field ul li label {
line-height: 38px;
vertical-align: middle;
display: inline-flex;
padding-left: 50px; }
.multi-steps .acf-fields > .acf-field-group .acf-field ul li label > div {
line-height: 25px; }
.multi-steps .acf-fields > .acf-field-group .acf-field ul li label input[type=checkbox]:not(old),
.multi-steps .acf-fields > .acf-field-group .acf-field ul li label input[type=radio]:not(old) {
margin: 0;
padding: 0;
opacity: 0;
-webkit-appearance: none; }
.multi-steps .acf-fields > .acf-field-group .acf-field ul li label:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: "";
width: 38px;
height: 38px;
border: 1px solid #26244f;
border-radius: 50%;
background: #f0f0f0; }
.multi-steps .acf-fields > .acf-field-group .acf-field ul li label.selected:after {
position: absolute;
top: 1px;
left: 1px;
display: inline-block;
content: "";
width: 18px;
height: 18px;
border: 10px solid #FFFFFF;
border-radius: 50%;
background: #e42e42; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false input[type=checkbox] {
-webkit-appearance: none;
margin-top: 2px; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false > .acf-label {
display: none; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false .acf-input .acf-true-false {
position: relative; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false .acf-input .acf-true-false label input {
position: absolute; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false .acf-input .acf-true-false span.message {
line-height: 38px;
vertical-align: middle;
display: inline-flex;
padding-left: 50px; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false .acf-input .acf-true-false span.message:before {
position: absolute;
content: "";
width: 38px;
height: 38px;
background: #f0f0f0;
border: 1px solid #26244f;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 1;
top: 0;
left: 0; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false .acf-input .acf-true-false span.message:after {
position: absolute;
content: "";
width: 18px;
height: 18px;
background: #f0f0f0;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 1;
top: 1px;
left: 1px; }
.multi-steps .acf-fields > .acf-field-group .acf-fields .acf-field-true-false .acf-input .acf-true-false input[type=checkbox]:checked + span:after {
background: #e42e42;
border: 10px solid #FFFFFF; }
.multi-steps .acf-fields > .acf-field-group .acf-input p.description {
width: 300px;
font-size: 13px;
line-height: 1;
color: #000000; }
.multi-steps .acf-fields > .acf-field-group .acf-fields > .acf-field-group[data-name="login_form"] {
max-width: 365px;
margin: 0 auto;
background: #fafafa;
padding: 30px 30px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.multi-steps .acf-fields > .acf-field-group .acf-fields > .acf-field-group[data-name="login_form"] input {
max-width: 100%; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="selection_autre"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="nombre_de_selection"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="clubs_precedents_1"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="clubs_precedents_2"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="club_pret"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="agent"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="nom_agent"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="contrat_agent"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="date_accident"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="has_association"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="associations"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="niveau_scolaire"] {
display: flex !important;
align-items: center; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="selection_autre"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="nombre_de_selection"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="clubs_precedents_1"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="clubs_precedents_2"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="club_pret"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="agent"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="nom_agent"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="contrat_agent"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="date_accident"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="has_association"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="associations"] > .acf-label,
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="niveau_scolaire"] > .acf-label {
padding-right: 15px;
margin-bottom: 0; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="beneficiaire_deces"] > .acf-label label {
font-weight: 700; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="beneficiaire_deces"] li {
margin-bottom: 10px; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="beneficiaire_deces"] li label {
line-height: 30px; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="beneficiaire_deces_autre"] input {
max-width: 100%;
width: 100%; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="mention_beneficiaire_1"],
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="mention_beneficiaire_2"] {
color: #000;
font-size: 15px;
background: #f0f0f0;
padding-bottom: 0; }
.multi-steps .acf-fields > .acf-field-group .acf-field[data-name="convention"] .message {
line-height: 30px !important; }
.multi-steps .notice {
font-weight: 700; }
.nf-form-cont label,
.nf-form-cont .list-checkbox-wrap ul label,
.nf-form-cont .list-radio-wrap ul label {
font-weight: 400;
font-size: 16px;
text-align: left; }
input.nf-next,
input.nf-previous {
font-size: 1.2em; }
.nf-form-cont .notice {
color: #000;
font-size: 15px;
background: #f0f0f0; }
.nf-form-cont .list-radio-wrap.label-above ul li {
padding: 0;
padding-bottom: 0.5em; }
.nf-form-cont input[type=text],
.nf-form-cont input[type=email] {
background: #ffffff;
color: #26244f;
border: 1px solid #26244f;
line-height: 1.8em;
padding: 4px 1em; }
.nf-form-cont select {
background: #ffffff;
color: #26244f;
border: 1px solid #26244f;
padding: 2px 1em;
width: 100%;
padding-bottom: 3px; }
.nf-form-cont select option {
color: #26244f;
line-height: 1.8em;
padding: 3px 1em; }
.nf-form-cont .ninja-forms-req-symbol strong {
font-weight: 300; }
.nf-form-cont hr {
border: 0;
border-top: 1px solid #adacad; }
.nf-form-cont .center-wrap {
text-align: center; }
.nf-form-cont .btn {
font-size: 1.2em; }
.nf-form-cont input[type=checkbox]:not(old),
.nf-form-cont input[type=radio]:not(old) {
width: 3em;
margin: 0;
padding: 0;
opacity: 0;
-webkit-appearance: none; }
.nf-form-cont input[type=radio]:not(old) + label:before {
display: inline-block;
margin-right: 1em;
margin-left: 1em;
margin-top: 0.35em;
width: 1.2em;
height: 1.2em;
border-radius: 1.2em;
vertical-align: top;
background: #ffffff; }
.nf-form-cont .checkbox-wrap .nf-field-label label.nf-checked-label:before,
.nf-form-cont input[type=radio]:not(old):checked + label:before {
background: #e42e42; }
.nf-form-cont .label-right .checkbox-wrap .nf-field-label {
padding: 0; }
.nf-form-cont .label-right .checkbox-wrap .nf-field-element {
width: 0; }
.nf-form-cont .checkbox-wrap .nf-field-label label:before,
.nf-form-cont input[type=radio]:not(old) + label:before {
display: inline-block;
content: "";
margin-left: -0.53em;
margin-top: 0;
width: 2.25em;
height: 2.25em;
border: 1px solid #26244f;
border-radius: 2em;
background: #f0f0f0; }
.nf-form-cont .checkbox-wrap .nf-field-label label {
display: flex; }
.nf-form-cont .checkbox-wrap .nf-field-label label:before {
border-radius: 0.3em;
width: 2em;
height: 2em;
margin-right: 0.5em;
margin-left: 0;
vertical-align: middle;
display: inline-table; }
.nf-form-cont input[type=radio]:not(old) + label > div {
display: inline-block;
vertical-align: top;
width: 75%; }
.nf-form-cont .mav-wrap .nf-field-label > label,
.nf-form-cont .mav-wrap .nf-field-element {
font-weight: 700;
margin-bottom: 1em; }
.nf-form-cont .label-left .list-radio-wrap li {
float: left;
padding: 0 8px !important; }
.nf-form-cont .label-left .list-radio-wrap li > label {
display: inline;
margin-left: 0 !important; }
.nf-form-cont .label-left .nf-field-label,
.nf-form-cont .label-left .nf-field-element {
width: auto; }
.nf-form-cont .label-above .nf-field-element, .nf-form-cont .label-below .nf-field-element {
padding-right: 15px;
font-size: 16px; }
.nf-error-msg { color: #f00;
z-index: 10;
margin-top: -5px;
pointer-events: none;
left: 0;
top: 20px;
font-size: 14px; }
@media screen and (max-width: 767px) {
.acf-field {
width: 100% !important; }
.nf-form-cont label,
.nf-form-cont .list-checkbox-wrap ul label,
.nf-form-cont .list-radio-wrap ul label {
font-size: 14px; }
.nf-form-cont .label-above .nf-field-element,
.nf-form-cont .label-below .nf-field-element {
font-size: 14px; }
.nf-form-cont input[type=checkbox]:not(old) + label div,
.nf-form-cont input[type=radio]:not(old) + label span + div {
width: 75%; } }@media screen and (max-width: 1060px) { .inner {
width: 100%;
}
#nav-open, #social #nav-close {
display:block;
}
#header {
text-align: center;
}
#header.menu-show {
position:absolute;
}
#menu {
display:none;
background:#26244f;
font-size:1em;
left: 0;
top:0;
margin: 0;
position: absolute;
width: 21.333em;
z-index:11;
}
#menu .btn{
display:none;
}
#nav-main > ul > li {
display:block;
}
#nav-main > ul > li > a {
display:block;
text-align:left;
color:#ffffff;
}
#social {
background:#ffffff;
padding-top:1em;
padding-right: 2em;
}
#nav-main {
font-size:1em;
padding:1em 2em;
}
#bkg {
display:none;
position: fixed;
background: rgba(0, 0, 0, 0.9);
height: 100%;
width: 100%;
z-index:10;
}
#wpadminbar {
position: fixed;
}
.mobile #logo {
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/logo-small.png) no-repeat left top;
background-size:contain;
width:64px;
height:35px;
}
.tablette #logo {
background: url(//www.unfp.org/wp-content/themes/unfp/templates/imgs/logo.png) no-repeat left top;
background-size:contain;
width:140px;
height:80px;
}
.mg {
margin-right:2em;
margin-left:2em;
}
}
.mobile #smallpager {
display:block;
}
.mobile #fullpager {
display:none;
}
.mobile.tablette #smallpager,
.desktop #smallpager {
display:none;
}
.mobile.tablette #fullpager,
.desktop #fullpager {
display:block;
} @media screen and (max-width: 1023px) {
#footer {
padding-top:2em;
padding-bottom:2em;
}
#footer .inner {
background:none;
}
#footer .inner > div:first-child,
#footer .inner > div > ul {
display:none;
}
#footer .logo-footer {
position:relative;
text-align:center;
}
#footer .logo-footer A {
margin: 0 1em;
}
} @media screen and (max-width: 767px) {
#header {
padding-top:0.5em;
padding-bottom:0.5em;
height: 34px;
}
#nav-main {
padding:1em;
}
#menu {
width: 19.333em;
}
#social {
padding-right: 1em;
height: 34px;
padding-top:0.5em;
padding-bottom:0.5em;
}
.inner {
width: 100%;
}
.pdr {
padding-right:0em;
}
.pdl {
padding-left:0em;
}
.pd {
padding-right:0em;
padding-left:0em;
}
.mg {
margin-right:1em;
margin-left:1em;
}
#content P.verbatim-fond,
#content P.verbatim-color {
float:none;
width:auto;
margin-left:0;
margin-bottom:0.5em;
}
#content P.verbatim-full {
margin-left:0;
margin-bottom:0.5em;
padding-top:0;
padding-bottom:0;
}
.inner.extend h2.title {
margin-left:0;
}
.wallrs {
display:none;
}
span.filter {
display:block;
}
span.filter > a {
padding:0 0.5em;
}
} @media screen and (max-width: 320px) {
.inner {
width: 320px;
}
}.panel h2.title { margin-bottom: 10px }
noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px } .coda-slider { background: #FFFFFF } .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } .coda-slider, .coda-slider .panel { width: 600px } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } .coda-nav ul li a.current { background: #39c } .coda-slider p.loading { padding: 20px; text-align: center }  .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } .coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative } 
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }#coda-slider-1 {
max-width:1440px;
margin-left: auto;
margin-right: auto;
}
#coda-slider-1 .coda-slider-wrapper {
position:relative;
max-width:1440px;
overflow:hidden;
}
#coda-slider-1 .coda-slider,
#coda-slider-1 .panel {
width:1440px;
height:450px;
z-index:0;
}
#coda-slider-1 .panel .full {
background-repeat: no-repeat;
background-position: top center;
background-size: auto 100%;
}
#coda-slider-1 .panel .full.default {
background-image:url(//www.unfp.org/wp-content/plugins/hpo-query/config/slider/imgs/slider-default.jpg);
}
#coda-slider-1 .panel .full.unfpfc {
position:relative;
-webkit-filter: contrast(1.3); filter: contrast(1.3);
}
#coda-slider-1 .panel .full.unfpfc .img {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
width:100%;
height:100%;
position:relative;
}
#coda-slider-1 .panel .full.unfpfc .mask {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
background: rgba(117, 121, 168, 0.8);
background: -moz-linear-gradient(90deg, rgba(43, 48, 105, 0.7) 70%, rgba(0, 0,75, 0.9) 100%);
background: -webkit-linear-gradient(90deg, rgba(43, 48, 105, 0.7) 70%, rgba(0, 0,75, 0.9) 100%);
background: -o-linear-gradient(90deg, rgba(43, 48, 105, 0.7) 70%, rgba(0, 0,75, 0.9) 100%);
background: -ms-linear-gradient(90deg, rgba(43, 48, 105, 0.7) 70%, rgba(0, 0,75, 0.9) 100%);
background: linear-gradient(180deg, rgba(43, 48, 105, 0.7) 70%, rgba(0, 0,75, 0.9) 100%);
}
#coda-slider-1 .panel .full.unfpfc .inner {
top:25%;
padding-top: 0;
z-index:1;
}
#coda-slider-1 .panel .full.unfpfc .inner .title {
font-family: 'Oswald', sans-serif;
font-size:90px;
font-weight: 700;
color:#fff;
line-height: 1;
text-align:center;
}
#coda-slider-1 .panel .full.unfpfc .inner .accroche {
font-family: 'Oswald', sans-serif;
font-size:28px;
font-weight: 700;
color:#fff;
text-align:center;
}
#coda-slider-1 .panel .full.unfpfc .inner .btn {
font-size:23px;
font-weight:700;
padding: 0.2em 0.5em;
margin-left:0;
margin-top:3em;
}
#coda-slider-1 .panel .full.unfpfc .inner .btn:hover {
background:#fff;
color:#e42e42;
}
@media screen and (max-width: 767px) {
#coda-slider-1 .panel .full.unfpfc .inner .title {
font-size:40px;
}
#coda-slider-1 .panel .full.unfpfc .inner .accroche {
font-size:23px;
}
#coda-slider-1 .panel .full.unfpfc .inner .btn {
margin-top:1em;
}
}
#coda-slider-1 .coda-slider-wrapper > .inner {
position:relative;
}
#coda-slider-1 .coda-nav-left,
#coda-slider-1 .coda-nav-right {
height: 450px;
position: absolute;
top: 0;
width: 30px;
z-index: 1;
}
#coda-slider-1 .coda-nav-left {
left: 0;
}
#coda-slider-1 .coda-nav-left A,
#coda-slider-1 .coda-nav-right A{
display:block;
width:30px;
height:100%;
background:url(//www.unfp.org/wp-content/plugins/hpo-query/config/slider/imgs/icon-slider.png) no-repeat left center;
}
#coda-slider-1 .coda-nav-right {
right: 0;
}
#coda-slider-1 .coda-nav-right A {
background-position:-31px center;
}
#coda-slider-1 .full {
max-width:1440px;
height:100%;
}
#coda-slider-1 .panel .full .btn {
margin-bottom:-0.4em;
}
#coda-slider-1 .panel .full .inner {
height: 50%;
padding-top: 3em;
top: 50%;
position:relative;
line-height:normal;
font-size:1em;
}
#coda-slider-1 h3 a {
color:inherit;
text-decoration: none;
}
#coda-slider-1 h3 {
font-family: 'Oswald', sans-serif;
font-weight:700;
font-size:2em;
background:#e42e42;
color:#ffffff;
text-transform: uppercase;
display:table;
padding:0.3em 0.5em;
margin:0em 0em 0em 13px;
}
#coda-slider-1 p {
background:rgba(255,255,255,0.8);
color:#26244f;
display:table;
padding:1em;
margin:0.4em 0em 0em 13px;
}
@media screen and (max-width: 1060px) {
#coda-slider-1 .coda-slider-wrapper {
max-width: 1060px;
}
#coda-slider-1 .coda-slider,
#coda-slider-1 .panel {
width: 1060px;
height: 330px;
}
#coda-slider-1 .coda-nav-left,
#coda-slider-1 .coda-nav-right {
height: 330px;
}
#coda-slider-1 .coda-nav-left {
left: 2em;
}
#coda-slider-1 .coda-nav-right {
right: 2em;
}
#coda-slider-1 .coda-slider {
background:#e42e42;
}
#coda-slider-1 .panel .full .inner {
padding-top:0;
top: 330px;
height:auto;
}
#coda-slider-1 .panel .full .btn {
margin:1.5em 0em 1.5em 28px;
}
#coda-slider-1 p {
padding:0 1em 1em 1em;
background:none;
color:#ffffff;
margin:0em 0em 0em 13px;
}
}
@media screen and (max-width: 767px) {
#coda-slider-1 .coda-slider-wrapper {
max-width: 768px;
}
#coda-slider-1 .coda-slider,
#coda-slider-1 .panel {
width: 768px;
height:246px;
}
#coda-slider-1 .coda-nav-left,
#coda-slider-1 .coda-nav-right {
height: 244px;
}
#coda-slider-1 .coda-nav-left {
left: 1em;
}
#coda-slider-1 .coda-nav-right {
right: 1em;
}
#coda-slider-1 .panel .full .inner {
top: 245px;
font-size: 0.8em;
}
#coda-slider-1 .panel .full.default .inner .btn {
font-size:17px;
margin-left:0;
}
}
@media screen and (max-width: 320px) {
#coda-slider-1 .coda-slider-wrapper {
max-width: 320px;
}
#coda-slider-1 .coda-slider {
background:#e42e42;
}
#coda-slider-1 .coda-slider,
#coda-slider-1 .panel {
width: 320px;
height:200px;
}
#coda-slider-1 .coda-nav-left,
#coda-slider-1 .coda-nav-right {
height: 200px;
}
#coda-slider-1 .panel .full .inner {
top: 200px;
font-size: 0.7em;
}
}.actupage.fond {
margin-top:0;
margin-bottom:0;
padding-bottom:0;
line-height:1.3em;
}
.actupage.fond:last-child {
padding-bottom:3.333em;
}
.actupage.fond .inner {
position:relative;
}
.actupage h2 {
font-size:2em;
margin-top:0;
color:#26244f;
padding-right:3em;
}
.actupage .btn.empty {
border-color:#26244f;
color:#26244f;
font-size:1.2em;
}
.actupage.num-1 {
color:#e42e42;
}
.actupage.num-1 h2 {
color:#e42e42;
}
.actupage.num-1 .btn.empty {
border-color:#e42e42;
color:#e42e42;
}
.actupage.num-1 .blocinstit h3 {
background:#e42e42;
}
.actupage.num-1 .blocinstit .prev {
background-color:#e42e42;
}
.actupage.num-1 .blocinstit .next {
background-color:#e42e42;
}
.blocinstit {
position:relative;
}
.blocinstit .coda-slider-wrapper {
position:relative;
max-width:700px;
overflow:hidden;
}
.blocinstit .coda-slider,
.blocinstit .panel {
width:700px;
height:360px;
z-index:0;
position:relative;
}
.blocinstit .panel {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.blocinstit .panel .inner {
bottom:2em;
left:2em;
position:absolute;
line-height:normal;
font-size:1em;
width:inherit;
}
.blocinstit h3 {
font-family: 'Oswald', sans-serif;
font-weight:700;
font-size:1.46em;
background:#26244f;
color:#ffffff;
text-transform: uppercase;
display:table;
padding:0.3em 0.5em;
margin:0;
}
.blocinstit h3 a {
color:inherit;
text-decoration: none;
}
.blocinstit p {
margin: 0.3em 4em 0 0;
background:rgba(255,255,255,0.8);
color:#26244f;
display:table;
padding:0.3em 0.5em;
}
.blocinstit .coda-nav-left,
.blocinstit .coda-nav-right {
position: absolute;
top: 50%;
margin-top:-20px;
z-index: 1;
}
.blocinstit .coda-nav-left {
left: -45px;
}
.blocinstit .coda-nav-right {
left: 5px;
}
.actupage .pure-g > div:first-child .btn.empty{
display:inline-block;
}
.actupage .pure-g > div:last-child .btn.empty{
display:none;
margin-top:10px;
}
@media screen and (max-width: 1023px) {
.blocinstit .coda-slider-wrapper {
max-width: 100%;
}
.blocinstit .coda-slider,
.blocinstit .panel {
width: 100%;
height: 220px;
}
.blocinstit .coda-nav-left {
bottom: -50px;
left: inherit;
right: 50px;
top: inherit;
}
.blocinstit .coda-nav-right {
bottom: -50px;
left: inherit;
right: 0px;
top: inherit;
}
.actupage .pure-g > div:first-child .btn.empty{
display:none;
}
.actupage .pure-g > div:last-child .btn.empty{
display:inline-block;
}
}
@media screen and (max-width: 767px) {
.actupage {
text-align:center;
}
.actupage h2{
padding-right:0;
}
.actupage .pure-u-3-5 {
display:none;
}
.actupage .pure-g > div:first-child .btn.empty{
display:inline-block;
}
.actupage .pure-g > div:last-child .btn.empty{
display:none;
}
}.push-partenaire {
}
.partenaire .coda-slider-wrapper {
position:relative;
overflow:hidden;
}
.partenaire .coda-slider {
width:100%;
}
.partenaire .coda-slider,
.partenaire .panel {
height:265px;
z-index:0;
position:relative;
background:#f1efef;
}
.partenaire .panel {
width:340px;
background-repeat: no-repeat;
background-position: center;
background-size:80%; }
.partenaire .panel-container {
height:265px;
}
.partenaire .legend {
margin:-60px 0 0 0;
position:absolute;
font-family: "Oswald", "Arial", sans-serif;
font-size:1.2em;
font-weight: 400;
text-transform: uppercase;
color:#c0c0c0;
text-align:center;
width:100%;
}
.partenaire .legend span {
padding:0.3em 3em;
display:inline-block;
border:2px solid #c0c0c0;
border-left:0;
border-right:0;
}