#container {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
}

header {
    position: relative;
    background: url(/img/background-header.jpg) no-repeat right center #FFF;
    height:317px;
}

header > div.logo {
    text-align: center;
    padding-top: 42px;
}

header > span.logo-heading {
    font-family: 'agency_regular';
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 10px;
    padding-top: 10px;
}

header > span.logo-heading-sub {
    font-family: 'agency_bold';
    font-size: 16px;
    display: block;
    text-align: center;
    padding-top: 80px;
    letter-spacing: 4px;
}

#menu {
    position: relative;
    pointer-events: none;
}

#menu > .border {
    position: absolute;
    z-index: 1;
    width: 100%;
    border-top: solid 4px #6D6E70;
}

#menu > ul {
    position: absolute;
    z-index: 2;
    width: 100%;
}

#menu > ul > li {
    float: left;
    height: 29px;
    line-height: 28px;
    padding-left: 8px;
    padding-right: 8px;
    border-top-style: solid;
    border-top-width: 4px;
    text-align: center;
    pointer-events: initial;
}

#menu > ul > li.align-right {
    position: absolute;
}

#menu > ul > li.align-right.reservation {
    right: 0;
}

#menu > ul > li.align-right.escape_mobile {
    right: 388px;
}

#menu > ul > li.align-right.parcours_perso {
    right: 251px;
}

#menu > ul > li.align-right.jeu_de_piste {
    right: 125px;
}

#menu > ul > li.reservation {
    width: 109px;
}

#menu > ul > li.default,
#menu > ul > li.reservation {
    border-color: #6D6E70;
}
#menu > ul > li.escape_mobile {
    border-color: #009CFF;
    width: 120px;
}
#menu > ul > li.parcours_perso {
    border-color: #FF7700;
    width: 120px;
}
#menu > ul > li.jeu_de_piste {
    border-color: #00CC00;
    width: 110px;
}

#menu > ul > li > a {
    font-size: 24px;
    font-family: 'agency_regular';
    text-decoration: none;
}
#menu > ul > li.reservation > a {
    font-family: 'agency_bold';
}

#menu > ul > li.default > a,
#menu > ul > li.reservation > a {
    color: #6D6E71;
}
#menu > ul > li.escape_mobile > a {
    color: #009CFF;
}
#menu > ul > li.parcours_perso > a {
    color: #FF7700;
}
#menu > ul > li.jeu_de_piste > a {
    color: #00CC00;
}

#menu > ul > li.disabled > a {
    pointer-events: none;
}

#menu > ul > li.default.disabled > a {
    color: #CDCDCD;
}
#menu > ul > li.escape_mobile.disabled > a {
    color: #A9DDFF;
}
#menu > ul > li.parcours_perso.disabled > a {
    color: #FFD8B5;
}
#menu > ul > li.jeu_de_piste.disabled > a {
    color: #BFF2BF;
}

#menu > ul > li.default.active,
#menu > ul > li.reservation.active {
    background-color: #6D6E70;
}
#menu > ul > li.default:not(.active):hover,
#menu > ul > li.reservation:not(.active):hover {
    background-color: #DDDDDD;    
}
#menu > ul > li.escape_mobile.active {
    background-color: #009CFF;
}
#menu > ul > li.escape_mobile:not(.active):hover {
    background-color: #A9DDFF;
}
#menu > ul > li.parcours_perso.active {
    background-color: #FF7700;
}
#menu > ul > li.parcours_perso:not(.active):hover {
    background-color: #FFD8B5;
}
#menu > ul > li.jeu_de_piste.active {
    background-color: #00CC00;
}
#menu > ul > li.jeu_de_piste:not(.active):hover {
    background-color: #BFF2BF;
}

#menu > ul > li.active > a,
#menu > ul > li:not(.active):hover > a {
    color: #FFF !important;
}

div.fancy-inline-content {
    display: none;
}

div.fancy-inline-content > p, div.fancy-inline-content > h1 {
    margin: 10px;
}

div.fancy-inline-content > h1 {
    padding-top: 0px;
}

div.fancy-inline-content > p {
    padding-top: 0px;
    font-family: 'agency_regular';
    font-size: 20px;
}

div.below-header {
    background-color: #FFF;
    height: 33px;
    font-size: 14px;
}

div.fancy-inline-content span.bold {
    font-family: 'agency_bold';
    font-size: 20px;
}

div.fancy-inline-content span.underline {
    font-family: 'agency_regular';
    font-size: 20px;
    text-decoration: underline;
}

div.below-header > .user {
    float: right;
    text-align: right;
    height: 29px;
    
    border-top: 4px solid #6D6E70;
}

div.below-header > .user > span {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 20px;
    font-family: 'agency_bold';
    float: left;
    line-height: 29px;
    text-align: center;
}

div.below-header > .user > a {
    background-color: #6D6E70;
    padding-left: 12px;
    padding-right: 12px;
    float: right;
    color: #FFF;
    height: 29px;
    line-height: 29px;
    font-size: 20px;
    font-family: 'agency_bold';
    text-decoration: none;
}

#messages {
    width: 50%;
    margin: 0 auto;
    padding-top: 21px;
}

#messages > .message {
    padding: 6px;
    border-width: 1px;
    border-style: solid;
}

#messages > .message.error {
    border-color: #801515;
    color: #801515;
    background-color: #D46A6A;
}

#messages > .message.success {
    border-color: #116611;
    color: #116611;
    background-color: #55AA55;
}

#page {
    background-color: #FFF;
    position: relative;
    height: 100%;
    overflow: hidden;
}

#page > div.container > p.page-description {
    padding-bottom: 14px;
    color: #6D6E70;
    border-bottom: 4px solid #6D6E70;
    margin: 0px 50px 14px 50px;
}

#container > #page > div.container {
    text-align: center;
    padding: 21px 0px 21px 0px;
}

#popin > #page > div.container {
    text-align: center;
    padding: 21px;
}

footer {
    background-color: #FFF;
    font-size: 12px;
    color: #6D6E70;
    padding-top: 21px;
}

footer > .container {
    margin-left: 21px;
    margin-right: 21px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

footer > .container.social {
    padding-top: 18px;
}

footer > .container.menu {
    padding-top: 18px;
}

footer > .container.legal {
    padding-top: 18px;
    font-size: 0;
}

footer > .container.legal a {
    color: inherit;
}

footer > .container.menu li {
    display: inline-block;
}

footer > .container.menu li > a {
    font-weight: bold;
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
}

footer > .container.menu li.escape_mobile > a {
    color: #009CFF;
}
footer > .container.menu li.parcours_perso > a {
    color: #FF7700;
}
footer > .container.menu li.jeu_de_piste > a {
    color: #00CC00;
}

footer span {
    line-height: 20px;
    font-size: 12px;
}

footer .container.social > img {
    width: 44px;
    height: 44px;
    display: inline-block;
    cursor: pointer;
}

footer .container.social > img:not(:first-child) {
    margin-left: 26px;
}

div.colonne-multiple {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

div.colonne-triple {
    width:30%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

div.colonne-double {
    width:45%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

div.colonne-simple {
    width: 50%;
    height: 100%;
    vertical-align: middle;
    margin: 0 auto;
}

div.colonne-simple > p {
    padding-bottom: 14px;
    font-size: 20px;
    text-transform: uppercase;
    color: #6D6E70;
    border-bottom: 4px solid #6D6E70;
}

#admin-index-login #page {
    padding-top: 170px;
    padding-bottom: 170px;
}

#admin-quest-creer #page {
    padding-top: 50px;
    padding-bottom: 50px;
}

#admin-quest-creer div.scenario-mode {
    cursor: pointer;
    opacity: 0.5;
    margin-top: 18px;
    display: block;
    background-position: top center;
}

#admin-quest-ajaxcreer div.scenario-mode {
    background-position: top center;
}

#admin-quest-creer div.scenario-mode:hover {
    opacity: 1;
}

#admin-quest-ajaxcreer .qtip-default {
    background-color: #6D6E71;
    border-radius: 10px;
    border-color: #6D6E71;
    color: #FFF;
    font-size: 13px;
}

#admin-quest-voir div.title,
#admin-quest-editer div.title {
    padding-top: 9px;
    padding-bottom: 20px;
    text-align: left;
    font-size: 13px;
}

#admin-quest-voir div.scenario_mode,
#admin-quest-editer div.scenario_mode {
    float: left;
    margin-left: 48px;
    width: 180px;
    height: 54px;
    color: white;
    line-height: 54px;
    font-family: agency_bold;
    font-size: 22px;
    text-align: center;
}

#admin-quest-voir div.scenario_mode.escape_mobile,
#admin-quest-editer div.scenario_mode.escape_mobile {
    background-color: #009CFF;
}

#admin-quest-voir div.scenario_mode.parcours_perso,
#admin-quest-editer div.scenario_mode.parcours_perso {
    background-color: #FF7700;
}

#admin-quest-voir div.scenario_mode.jeu_de_piste,
#admin-quest-editer div.scenario_mode.jeu_de_piste {
    background-color: #00CC00;
}

#admin-quest-voir div.title > div {
    margin-left: 250px;
    line-height: 18px;
}

#admin-quest-editer div.title > div {
    margin-left: 250px;
    line-height: 36px;
}

#admin-quest-voir div.title span.name,
#admin-quest-editer div.title span.name {
    font-weight: bold;
}

#admin-quest-voir div.title span.ville_dep,
#admin-quest-editer div.title span.ville_dep {
    font-style: italic;
}

#admin-quest-voir div.title span.status_code {
    padding-left: 20px;
}
#admin-quest-voir div.title span.status_code.status-warning {
    background: url(/img/icon-warning.png) no-repeat left center;
    background-size: 16px 16px;
}
#admin-quest-voir div.title span.status_code.status-ok {
    background: url(/img/icon-ok.png) no-repeat left center;
    background-size: 16px 16px;
}

#admin-quest-voir div.colonne-gauche {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

#admin-quest-voir div.colonne-droite {
    width: 30%;
    display: inline-block;
    text-align: right;
}

#admin-quest-voir div.infos {
    padding-bottom: 40px;
}

#admin-quest-voir div.lieu_rdv {
    line-height: 23px;
    text-align: left;
    padding-bottom: 20px;
    font-size: 14px;
}

#admin-quest-voir div.lieu_rdv > div.lieu {
    display: inline-block;
}

#admin-quest-voir div.lieu_rdv > div.lieu > span,
#admin-quest-voir div.lieu_rdv > div.gps > span {
    font-weight: bold;
    margin-right: 12px;
}

#admin-quest-voir div.accroche {
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    padding-bottom: 20px;
}

#admin-quest-voir div.accroche > span {
    font-weight: bold;
    margin-right: 12px;
    display: block;
}

#admin-quest-voir div.colonne-droite img {
    width: 255px;
    height: 182px;
}

#admin-quest-voir div.buttons {
    overflow: hidden;
}

#admin-quest-voir div.buttons > div.button,
#admin-quest-voir div.wordings > div.wording {
    width: 180px;
    display: inline-block;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 25px;
}
#admin-quest-voir div.buttons > div.button.disabled,
#admin-quest-voir div.wordings > div.wording.disabled {
    cursor: auto;
}

#admin-quest-voir div.buttons > div.button div.content {
    display: table-cell;
    width: 180px;
    height: 84px;
    vertical-align: middle;
}

#admin-quest-voir div.buttons > div.button div.content > span {
    font-size: 18px;
    color: #FFF;
    width: 70px;
    display: inline-block;
    padding-left: 46px;
}

#admin-quest-voir div.buttons > div.button.calendrier div.content {
    background: url(/img/button-espacepro-calendrier.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.calendrier.disabled div.content {
    background: url(/img/button-espacepro-calendrier-on.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.calendrier:hover div.content {
    background: url(/img/button-espacepro-calendrier-on.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.editeur div.content {
    background: url(/img/button-espacepro-editeur.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.editeur:hover div.content {
    background: url(/img/button-espacepro-editeur-on.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.publication div.content {
    background: url(/img/button-espacepro-publication.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.publication:hover div.content {
    background: url(/img/button-espacepro-publication-on.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.depublication div.content {
    background: url(/img/button-espacepro-depublication.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.depublication:hover div.content {
    background: url(/img/button-espacepro-depublication-on.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.suppression div.content {
    background: url(/img/button-espacepro-suppression.png) no-repeat transparent;
}

#admin-quest-voir div.buttons > div.button.suppression:hover div.content {
    background: url(/img/button-espacepro-suppression-on.png) no-repeat transparent;
}

#admin-quest-voir div.wordings {
    padding-bottom: 40px;
}

#admin-quest-voir div.wordings > div.wording {
    display: inline-block;
    width: 180px;
    vertical-align: top;
}

#admin-quest-voir div.wordings > div.wording div.description {
    width: 157px;
    padding: 0px 10px;
}

#admin-quest-voir div.wordings > div.wording > span {
    display: block;
    font-size: 13px;
    text-align: left;
    color: #6D6F70;
}

#admin-quest-voir .qtip-default {
    background-color: #6D6E71;
    border-radius: 10px;
    border-color: #6D6E71;
    color: #FFF;
    font-size: 13px;
}

#admin-quest-editer div.map {
    width: 706px;
    height: 706px;
    margin: 0 auto;
    position: relative;
}

#admin-quest-editer div.map > img {
    width: 706px;
    height: 706px;
    position:absolute;
    top: 0;
    left: 0;
}

#grille {
    position: absolute;
    top: 0;
    left: 0;
    width: 706px;
    height: 706px;
    z-index: 2;
}

#grille .case.empty {
    background-color: rgba(255, 119, 0, 0.4);
    color: rgba(255, 119, 0, 0.8);
}
#grille .case.selected {
    background-color: rgba(0, 204, 0, 0.4);
}
#grille .case:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

#grille .case {
    border: 2px dashed rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.8);
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    vertical-align: bottom;
    padding-bottom: 4px;
    cursor: pointer;
}

#grille tr .case:first-child {
    border-left: none;
}
#grille tr .case:last-child {
    border-right: none;
}
#grille tr:first-of-type .case {
    border-top: none;
}
#grille tr:last-of-type .case {
    border-bottom: none;
}

#admin-event-editer .tooltip {
    background-color: #FFF;
    width: 100px;
    height: 100px;
}
#admin-event-editer .tooltip > div {
    display: inline-block;
    text-align: center;
    width: 50px;
    padding-top: 35px;
    padding-bottom: 6px;
    font-weight: bold;
    color: #009CFF;
    font-size: 14px;
}
#admin-event-editer .tooltip > div.enigme {
    background: url('/img/icon-epreuves-enigme.png') no-repeat transparent top center;
}
#admin-event-editer .tooltip > div.photo {
    background: url('/img/icon-epreuves-photo.png') no-repeat transparent top center;
}
#admin-event-editer .tooltip > div.parcours {
    background: url('/img/icon-epreuves-parcours.png') no-repeat transparent top center;
}
#admin-event-editer .tooltip > div.boussole {
    background: url('/img/icon-epreuves-boussole.png') no-repeat transparent top center;
}
.echelle-x {
    height: 18px;
    line-height: 18px;
    color: #009CFF;
    padding-left: 18px;
    font-size: 13px;
    position: relative;
}
.map-container {
    overflow: hidden;
}
.echelle-x > .distance {
    position: absolute;
    top: 0;
    right: 0;
}
.echelle-y {
    width: 18px;
    line-height: 18px;
    color: #009CFF;
    float: left;
    height: 706px;
    font-size: 14px;
    position: relative;
}
.echelle-y > .distance {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    transform-origin: 10px;
}
.echelle-top {
    float: left;
    text-align: left;
}
div.details-events {
    vertical-align: top;
    width: 230px;
}
div.details-events > div {
    padding-left: 20px;
    padding-top: 18px;
}
div.details-events .intitule {
    background-color: #009CFF;
    height: 28px;
    line-height: 28px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    padding-left: 6px;
    position: relative;
}
div.details-events .intitule-event {
    height: 28px;
    line-height: 28px;
    text-align: left;
    color: #FFF;
    font-size: 20px;
    font-family: 'agency_bold';
    padding-left: 6px;
    position: relative;
    cursor: pointer;
}
div.details-events .intitule-event > .fa {
    position: absolute;
    font-size: 18px;
    top: 5px;
    right: 10px;
}
div.details-events .intitule-event:not(:first-child) {
    margin-top: 12px;
}
div.details-events .intitule-event.scenario {
    background-color: #00CC00;
}
div.details-events .intitule-event.epreuve {
    background-color: #009CFF;
}
div.details-events .intitule-event.dispersion {
    background-color: #FF7700;
}
div.details-events .intitule > span:nth-child(1) {
    position: absolute;
    top: 0px;
    left: 6px;
}
div.details-events .intitule > span:nth-child(2) {
    position: absolute;
    top: 0px;
    right: 6px;
}
div.details-events .event {
    text-align: left;
    position: relative;
    padding-top: 12px;
    min-height: 28px;
    cursor: pointer;
}
div.details-events .event.epreuve {
    border-bottom: 3px solid #009CFF;
    display: none;
}
div.details-events .event.scenario {
    border-bottom: 3px solid #00CC00;
}
div.details-events .event.dispersion {
    border-bottom: 3px solid #FF7700;
    display: none;
}
div.details-events .event > .event-type {
    font-size: 20px;
}
div.details-events .event.scenario > .event-type {
    color: #00CC00;
}
div.details-events .event.epreuve > .event-type {
    color: #009CFF;
}
div.details-events .event.dispersion > .event-type {
    color: #FF7700;
}
div.details-events .event > .events-liste {
    font-size: 13px;
    padding-top: 4px;
    padding-bottom: 8px;
}
div.details-events .event > .events-liste span {
    padding-top: 6px;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.details-events .event > .events-liste .fa {
    position: absolute;
    right: 8px;
    visibility: hidden;
}
div.details-events .event > .events-liste > .event-item {
    margin-top: 8px;
}
div.details-events .event > .events-liste > .event-item:hover > .fa {
    visibility: visible;
}
div.details-events .event > .event-type > span {
    padding-left: 55px;
    font-family: 'agency_bold';
}
div.details-events .event > .event-type > .fa {
    position: absolute;
    right: 8px;
}
div.details-events .epreuve.enigme_simple {
    background: url('/img/icon-epreuves-enigme-simple.png') no-repeat transparent 10px 6px;
}
div.details-events .epreuve.enigme_qcm {
    background: url('/img/icon-epreuves-enigme-qcm.png') no-repeat transparent 10px 7px;
}
div.details-events .epreuve.enigme_gps {
    background: url('/img/icon-epreuves-enigme-gps.png') no-repeat transparent 11px 7px;
}
div.details-events .epreuve.photo {
    background: url('/img/icon-epreuves-photo.png') no-repeat transparent 7px 5px;
}
div.details-events .epreuve.chrono {
    background: url('/img/icon-epreuves-chrono.png') no-repeat transparent 13px 4px;
}
div.details-events .epreuve.parcours_carte {
    background: url('/img/icon-epreuves-parcours.png') no-repeat transparent 9px 5px;
}
div.details-events .epreuve.parcours_boussole {
    background: url('/img/icon-epreuves-boussole.png') no-repeat transparent 16px 5px;
}
div.details-events .scenario.narration_texte {
    background: url('/img/icon-event-narration-texte.png') no-repeat transparent 7px 5px;
}
div.details-events .scenario.narration_image {
    background: url('/img/icon-event-narration-image.png') no-repeat transparent 7px 5px;
}
div.details-events .scenario.points_bonus {
    background: url('/img/icon-event-points-bonus.png') no-repeat transparent 10px 5px;
}
div.details-events .scenario.points_malus {
    background: url('/img/icon-event-points-malus.png') no-repeat transparent 10px 5px;
}
div.details-events .scenario.pause {
    background: url('/img/icon-event-pause.png') no-repeat transparent 10px 5px;
}
div.details-events .scenario.rassemblement {
    background: url('/img/icon-event-rassemblement.png') no-repeat transparent 10px 5px;
}
div.details-events .dispersion.parcours_carte {
    background: url('/img/icon-event-dispersion-carte.png') no-repeat transparent 9px 6px;
}
div.details-events .dispersion.parcours_boussole {
    background: url('/img/icon-event-dispersion-boussole.png') no-repeat transparent 16px 6px;
}
div.details-events .dispersion.multiple {
    background: url('/img/icon-event-dispersion-multiple.png') no-repeat transparent 11px 6px;
}
div.details-events .dispersion.ordre_arrivee {
    background: url('/img/icon-event-dispersion-ordre-arrivee.png') no-repeat transparent 11px 6px;
}
div.details-events .dispersion.aleatoire {
    background: url('/img/icon-event-dispersion-aleatoire.png') no-repeat transparent 11px 6px;
}

#admin-quest-editer .map-menu {
    padding-top: 12px;
    margin-left: 18px;
    height: 32px;
    position: relative;
}
#admin-quest-editer .map-menu > .button {
    position: absolute;
    background-color: #009CFF;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
}
#admin-quest-editer .map-menu > .button:first-child {
    left: 0;
    width: 224px;
    text-align: left;
    height: 16px;
}
#admin-quest-editer .map-menu > .button:first-child > span:first-child {
    position: absolute;
    left: 0;
    padding-left: 8px;
}
#admin-quest-editer .map-menu > .button:first-child > span:last-child {
    position: absolute;
    right: 0;
    padding-right: 8px;
}
#admin-quest-editer .map-menu > .button:last-child {
    right: 0;
    cursor: pointer;
}

#admin-quest-editer div.map {
    float: left;
}
#admin-quest-editer div.map.undefined {
    float: none;
    width: 406px;
    height: 406px;
    position: relative;
    border-width: 2px;
    border-style: dashed;
    margin-right: 30px;
}

#admin-quest-editer div.map.undefined::after {
    background: url('/img/map-editeur-default.png') no-repeat;
    opacity: 0.2;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.qtip-default {
    background-color: #FFF;
    border-radius: 10px;
    border-color: #FFF;
}

.qtip-default.qtip-form {
    background-color: #6D6E71;
    border-radius: 10px;
    border-color: #6D6E71;
    color: #FFF;
    font-size: 13px;
}

/*#admin-quest-editer .qtip-default {
    background-color: #FFF;
    border-radius: 10px;
    border-color: #FFF;
}

#admin-quest-editer .qtip-default.qtip-form {
    background-color: #6D6E71;
    border-radius: 10px;
    border-color: #6D6E71;
    color: #FFF;
    font-size: 13px;
}

#admin-event-ajaxajouterlist .qtip-default {
    background-color: #FFF;
    border-radius: 10px;
    border-color: #FFF;
    color: #000;
    font-size: 13px;
}

#admin-event-ajaxajouterlist .qtip-default.qtip-form {
    background-color: #6D6E71;
    border-radius: 10px;
    border-color: #6D6E71;
    color: #FFF;
    font-size: 13px;
}

#admin-event-ajaxajoutergrid .qtip-default {
    background-color: #FFF;
    border-radius: 10px;
    border-color: #FFF;
    color: #000;
    font-size: 13px;
}

#admin-event-ajaxajoutergrid .qtip-default.qtip-form {
    background-color: #6D6E71;
    border-radius: 10px;
    border-color: #6D6E71;
    color: #FFF;
    font-size: 13px;
}*/

#admin-event-ajaxajoutergrid fieldset[id^="fieldset-indiceGroup"] {
    display: none;
}

#admin-event-ajaxajoutergrid div.map > img {
    width: 1024px;
    height: 768px;
}

#admin-map-ajaxediter div.map > img {
    width: 768px;
    height: 768px;
}

#admin-map-ajaxediter div.map,
#admin-event-ajaxajoutergrid div.map,
#admin-event-ajaxajouterlist div.map,
#admin-map-ajaxetablirqg div.map,
#admin-ressources-ajaxcreer div.map,
#admin-event-ajaxmodifier div.map {
    position: relative;
}

div.map > img {
    z-index: 1;
}
#mapCanvas {
    pointer-events: none;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
}
div.map.enabled > img {
    cursor: crosshair;
}
#admin-map-ajaxetablirqg div.map-menu {
    position: relative;
}
#admin-map-ajaxetablirqg div.map-menu > form {
    font-size: 13px;
    text-align: left;
    width: 50%;
}
#admin-map-ajaxetablirqg div.map-menu > button {
    position: absolute;
    right: 72px;
    top: 26px;
}
.map > .qg_icon {
    background: url(/img/icon-qg.png) no-repeat;
    width: 42px;
    height: 25px;
    display: none;
    position: absolute;
    z-index: 3;
}
.map > .map_icon {
    width: 41px;
    height: 41px;
    display: none;
    position: absolute;
    cursor: pointer;
    z-index: 3;
}
.map > .map_icon.etape {
    border-radius: 50%;
    border-width: 4px;
    border-style: dotted;
    margin-left: -2px;
    margin-top: -4px;
}
.map > .map_icon.etape.target {
    border-color: #00FF00;
}
.map > .map_icon.etape.trap {
    border-color: #FF0000;
}
.map > .map_icon > .icon_badge {
    font-size: 10px;
    bottom: 0;
    right: 0;
    position: absolute;
    border-radius: 4px;
    display: block;
    color: #000;
    line-height: initial;
    padding: 1px;
    border: 1px solid #000;
    width: 12px;
    text-align: center;
}
.map > .map_badge {
    width: 32px;
    height: 32px;
    display: none;
    position: absolute;
    cursor: pointer;
    z-index: 3;
    text-align: center;
    padding-top: 9px;
    color: #FFF;
}
.map > .destination_icon {
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    cursor: pointer;
    z-index: 3;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    border-radius: 50%;
    border-width: 4px;
    border-style: dotted;
}
.map > .destination_icon.target {
    border-color: #00FF00;
    background-color: #00FF00;
}
.map > .destination_icon.trap {
    border-color: #FF0000;
    background-color: #FF0000;
}

.map > .calibrage_icon {
    width: 32px;
    height: 32px;
    display: none;
    position: absolute;
    cursor: pointer;
    z-index: 3;
}
.map > .calibrage_icon.calibrage1 {
    background: url(/img/icon-calibrage-1.png) no-repeat;
}
.map > .calibrage_icon.calibrage2 {
    background: url(/img/icon-calibrage-2.png) no-repeat;
}
.map > .calibrage_icon.calibrage3 {
    background: url(/img/icon-calibrage-3.png) no-repeat;
}

.map > .map_icon.centre {
    background: url(/img/icon-calibrage-centre.png) no-repeat;
}
.map > .map_icon.bord {
    background: url(/img/icon-calibrage-bord.png) no-repeat;
}
.map > .map_badge.etape {
    background-image: url(/img/icon-etape-background.png);
    background-repeat: no-repeat;
}
.map > .map_icon.target > img,
.map > .map_icon.trap > img {
    width: 41px;
    height: 41px;
}

#admin-event-ajaxajoutergrid .map-menu,
#admin-event-ajaxajouterlist .map-menu,
#admin-event-ajaxmodifier .map-menu {
    padding-top: 12px;
    margin-left: 46px;
    margin-right: 46px;
    height: 32px;
    text-align: left;
}
#admin-event-ajaxajoutergrid .map-menu .button,
#admin-event-ajaxajouterlist .map-menu .button,
#admin-event-ajaxmodifier .map-menu .button {
    color: #FFF;
    padding: 8px;
    margin: 3px;
    display: inline-block;
}
#admin-event-ajaxajoutergrid .map-menu > .left,
#admin-event-ajaxajouterlist .map-menu > .left,
#admin-event-ajaxmodifier .map-menu > .left {
    float: left;
}
#admin-event-ajaxajoutergrid .map-menu > .right,
#admin-event-ajaxajouterlist .map-menu > .right,
#admin-event-ajaxmodifier .map-menu > .right {
    float: right;
}
.padquest-contextmenu {
    position: absolute;
    display: none;
    z-index: 64;
    font-family: 'agency_regular';
    font-size: 20px;
}

.iconic-title {
    font-size:32px;
    text-transform:uppercase;
    color: #6D6E71;
    text-align: center;
    padding-bottom: 14px;
}

.iconic-title > .fa {
    margin-right: 15px;
}

.resources-list {
    color: #6D6E71;
    text-align: left;
    min-height: 400px;
    max-height: 400px;
    text-align: center;
}

.resources-list .no-result {
    margin-top: 13px;
}

.resources-list .resource {
    margin: 4px 12px 4px 12px;
    position: relative;
    cursor: pointer;
    text-align: left;
}

.resources-list .resource > img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    margin-bottom: 6px;
    vertical-align: middle;
}

.resources-list .resource > .label {
    width: 70%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
}

.resources-list .resource > .fa.img {
    font-size: 30px;
    margin-bottom: 6px;
    margin-right: 15px;
    vertical-align: middle;
}

.resources-list .resource > .fa.icon {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 20px;
    display: none;
}

.resources-list .resource > .fa.badge-outline {
    position: absolute;
    bottom: 0px;
    left: 20px;
    font-size: 20px;
    color: #000;
    z-index: 1;
}

.resources-list .resource > .fa.badge {
    position: absolute;
    bottom: 3px;
    left: 23px;
    font-size: 14px;
    color: #FFDD5E;
    z-index: 2;
}

.resources-list .resource:hover > .fa.icon {
    display: block;
}

button.creerResource {
    margin-top: 20px;
}

/**
* Editeur (mode Legend)
**/

#admin-quest-editer .events-list {
    width: 706px;
    height: auto;
}

#admin-quest-editer .events-list .event {
    height: 35px;
    line-height: 35px;
    text-align: left;
    cursor: pointer;
    position: relative;
}

#admin-quest-editer .events-list .event > div.event-infos {
    margin-left: 55px;
    padding-left: 10px;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

#admin-quest-editer .events-list .event:hover > div.event-infos {
    background-color: lightgray;
    border-radius: 10px;
}

#admin-quest-editer .events-list .event > div.event-infos > span {
    font-family: 'agency_regular';
}

#admin-quest-editer .events-list .event.scenario > div.event-infos > span {
    color: #00CC00;
}
#admin-quest-editer .events-list .event.epreuve > div.event-infos > span {
    color: #009CFF;
}
#admin-quest-editer .events-list .event.dispersion > div.event-infos > span {
    color: #ff7700;
}

#admin-quest-editer .events-list .event > div.event-infos > span.event-duree {
    background: url('/img/icon-event-duree.png') no-repeat transparent 0px 6px;
    display: inline-block;
    padding-left: 26px;
    margin-left: 12px;
}

#admin-quest-editer .events-list .event > div.event-infos > span.event-silence {
    background: url('/img/icon-event-silence.png') no-repeat transparent 0px 6px;
    display: inline-block;
    width: 29px;
    margin-left: 12px;
}

#admin-quest-editer .events-list .dispersion-name:hover > span.event-name {
    background-color: lightgray;
    border-radius: 10px;
}

#admin-quest-editer .events-list .dispersion-name {
    height: 35px;
    line-height: 35px;
    text-align: left;
    cursor: pointer;
    position: relative;
}

#admin-quest-editer .events-list .dispersion-name > span.event-name {
    margin-left: 43px;
    padding-left: 10px;
    font-size: 18px;
    font-family: 'agency_regular';
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

#admin-quest-editer .events-list .dispersion-item > .dispersion-name > span,
#admin-quest-editer .events-list .dispersion > span {
    color: #ff7700;
}

#admin-quest-editer .events-list .epreuve-item > .dispersion-name > span,
#admin-quest-editer .events-list .epreuve > span {
    color: #009CFF;
}

#admin-quest-editer .events-list .dispersion {
    height: auto;
}

#admin-quest-editer .events-list .dispersion > .dispersion-events {
    margin-left: 35px;
}

#admin-quest-editer .events-list .event-holder {
    height: 4px;
    border: 2px dashed transparent;
    color: #6D6E71;
}
#admin-quest-editer .events-list > .event-holder:only-child {
    height: 656px;
    line-height: 656px;
    border-color: #6D6E71;
}
#admin-quest-editer .events-list .event-holder.ui-state-hover {
    height: 35px;
}
#admin-quest-editer .events-list > .event-holder:only-child.ui-state-hover {
    height: 656px;
    line-height: 656px;
}
#admin-quest-editer .events-list .dispersion-holder {
    height: 4px;
    color: #FF7700;
    border: 2px dashed transparent;
}
#admin-quest-editer .events-list > .dispersion-holder:only-child {
    height: 656px;
}
#admin-quest-editer .events-list .dispersion-holder.ui-state-hover {
    height: 35px;
    border: 2px dashed #FF7700;   
}
#admin-quest-editer .events-list > .dispersion-holder:only-child.ui-state-hover {
    height: 656px;
}

#admin-quest-editer .events-list .event-holder.scenario {
    color: #00cc00;
}
#admin-quest-editer .events-list .event-holder.epreuve {
    color: #009CFF;
}
#admin-quest-editer .events-list .event-holder.dispersion {
    color: #FF7700;
}
#admin-quest-editer .events-list .event-holder.ui-state-hover.scenario {
    border: 2px dashed #00cc00;
}
#admin-quest-editer .events-list .event-holder.ui-state-hover.epreuve {
    border: 2px dashed #009CFF;
}
#admin-quest-editer .events-list .event-holder.ui-state-hover.dispersion {
    border: 2px dashed #FF7700;
}

#admin-quest-editer .events-list .dispersion.event-item,
#admin-quest-editer .events-list .dispersion.epreuve-item,
#admin-quest-editer .events-list .dispersion.dispersion-item {
    margin-left: 65px;
    position: relative;
    border-left: 2px dashed transparent;
}

#admin-quest-editer .events-list .dispersion.dispersion-item:hover {
    border-left: 2px dashed #ff7700;
}

#admin-quest-editer .events-list .dispersion.epreuve-item:hover {
    border-left: 2px dashed #009CFF;
}

#admin-quest-editer .events-list .dispersion-item.obligatoire > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-obligatoire.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.facultative > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-facultative.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.unique > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-unique.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.ordre-1 > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-ordre-1.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.ordre-2 > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-ordre-2.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.ordre-3 > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-ordre-3.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.ordre-4 > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-ordre-4.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.ordre-5 > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-ordre-5.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.defaut > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-defaut.png') no-repeat transparent 9px 3px;
}
#admin-quest-editer .events-list .dispersion-item.etape-aleatoire > .dispersion-name {
    background: url('/img/icon-event-dispersion-etape-aleatoire.png') no-repeat transparent 9px 3px;
}

#admin-quest-editer .events-list .epreuve-item.ko > .dispersion-name {
    background: url('/img/icon-event-dispersion-epreuve-ko.png') no-repeat transparent 13px 6px;
}

#admin-quest-editer .events-list .epreuve-item.ok > .dispersion-name {
    background: url('/img/icon-event-dispersion-epreuve-ok.png') no-repeat transparent 13px 6px;
}

#admin-quest-editer .events-list .epreuve-item.chrono > .dispersion-name {
    background: url('/img/icon-event-dispersion-epreuve-chrono.png') no-repeat transparent 13px 6px;
}

#admin-quest-editer .events-list .dispersion-name > .fa {
    display: none;
    position: absolute;
    color: #6D6E71;
}

#admin-quest-editer .events-list .dispersion-name > .fa:hover {
    color: #FFF;
}

#admin-quest-editer .events-list .dispersion-name:hover > .fa {
    display: block;
}

#admin-quest-editer .events-list .dispersion-name > .fa-remove {
    right: 11px;
    top: 9px;
}

#admin-quest-editer .events-list .dispersion-name > .fa-pencil {
    right: 36px;
    top: 9px;
}

#admin-quest-editer .events-list .event > .fa {
    display: none;
    position: absolute;
    color: #6D6E71;
}

#admin-quest-editer .events-list .event > .fa:hover {
    color: #FFF;
}

#admin-quest-editer .events-list .event:hover > .fa {
    display: block;
}

#admin-quest-editer .events-list .event > .fa-remove {
    right: 11px;
    top: 9px;
}

#admin-quest-editer .events-list .event > .fa-pencil {
    right: 36px;
    top: 9px;
}

#admin-quest-editer .events-list .epreuve.enigme_simple {
    background: url('/img/icon-epreuves-enigme-simple.png') no-repeat transparent 16px 3px;
}
#admin-quest-editer .events-list .epreuve.enigme_qcm {
    background: url('/img/icon-epreuves-enigme-qcm.png') no-repeat transparent 16px 4px;
}
#admin-quest-editer .events-list .epreuve.enigme_gps {
    background: url('/img/icon-epreuves-enigme-gps.png') no-repeat transparent 17px 4px;
}
#admin-quest-editer .events-list .epreuve.photo {
    background: url('/img/icon-epreuves-photo.png') no-repeat transparent 12px 3px;
}
#admin-quest-editer .events-list .epreuve.chrono {
    background: url('/img/icon-epreuves-chrono.png') no-repeat transparent 24px 2px;
}
#admin-quest-editer .events-list .epreuve.parcours_carte {
    background: url('/img/icon-epreuves-parcours.png') no-repeat transparent 12px 3px;
}
#admin-quest-editer .events-list .epreuve.parcours_boussole {
    background: url('/img/icon-epreuves-boussole.png') no-repeat transparent 23px 3px;
}
#admin-quest-editer .events-list .scenario.narration_texte {
    background: url('/img/icon-event-narration-texte.png') no-repeat transparent 12px 5px;
}
#admin-quest-editer .events-list .scenario.narration_image {
    background: url('/img/icon-event-narration-image.png') no-repeat transparent 12px 5px;
}
#admin-quest-editer .events-list .scenario.points_bonus {
    background: url('/img/icon-event-points-bonus.png') no-repeat transparent 16px 3px;
}
#admin-quest-editer .events-list .scenario.points_malus {
    background: url('/img/icon-event-points-malus.png') no-repeat transparent 16px 3px;
}
#admin-quest-editer .events-list .scenario.rassemblement {
    background: url('/img/icon-event-rassemblement.png') no-repeat transparent 16px 3px;
}
#admin-quest-editer .events-list .scenario.pause {
    background: url('/img/icon-event-pause.png') no-repeat transparent 16px 3px;
}
#admin-quest-editer .events-list .dispersion.parcours_carte {
    background: url('/img/icon-event-dispersion-carte.png') no-repeat transparent 14px 5px;
}
#admin-quest-editer .events-list .dispersion.parcours_boussole {
    background: url('/img/icon-event-dispersion-boussole.png') no-repeat transparent 20px 5px;
}
#admin-quest-editer .events-list .dispersion.multiple {
    background: url('/img/icon-event-dispersion-multiple.png') no-repeat transparent 15px 5px;
}
#admin-quest-editer .events-list .dispersion.ordre_arrivee {
    background: url('/img/icon-event-dispersion-ordre-arrivee.png') no-repeat transparent 15px 5px;
}
#admin-quest-editer .events-list .dispersion.aleatoire {
    background: url('/img/icon-event-dispersion-aleatoire.png') no-repeat transparent 15px 5px;
}

/**
* Grille tarifaire (éditeur mode Legend)
**/

#admin-quest-editer .quest-capacite > span {
    display: block;
    font-size: 18px;
    font-family: 'agency_regular';
    text-align: center;
    margin-top: 12px;
    margin-bottom: 20px;
}

#admin-quest-editer .quest-capacite > span.warning {
    color: #C44102;
}

#admin-quest-editer .quest-capacite > span > .fa {
    margin-right: 12px;
    font-size: 16px;
}

#admin-quest-editer .quest-capacite > span > span {
    font-weight: bold;
}

#admin-quest-editer .quest-capacite > .estimation {
    position: relative;
    height: 32px;
}

#admin-quest-editer .quest-capacite > .estimation > .temps {
    position: absolute;
    top: -3px;
    margin-left: -25px;
    color: #009CFF;
    width: 50px;
    font-size: 18px;
    font-family: 'agency_regular';
    font-weight: bold;
    text-align: center;
}

#admin-quest-editer .quest-capacite > .estimation > .marqueur {
    position: absolute;
    bottom: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10.5px 0 10.5px;
    border-color: #009CFF transparent transparent transparent;
    margin-left: -10px;
}

#admin-quest-editer .quest-capacite > .legend {
    overflow: hidden;
    position: relative;
    height: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#admin-quest-editer .quest-capacite > .legend > .tarif_heure {
    position: absolute;
    font-size: 18px;
    font-family: 'agency_regular';
    font-style: italic;
    margin-left: -25px;
    text-align: center;
    width: 45px;
    color: #6D6E71;
}

#admin-quest-editer .quest-capacite > .timeline {
    overflow: hidden;
    position: relative;
}

#admin-quest-editer .quest-capacite > .timeline .zone_estimation {
    position: absolute;
    height: 30px;
    background: url('/img/estimation-zone-background.png');
    opacity: 0.5;
    z-index: 1;
    pointer-events: none;
}

#admin-quest-editer .quest-capacite > .timeline > .tarif > .separator-30 {
    position: absolute;
    height: 100%;
    border-left: 3px dotted #FFF;
    top: 0px;
    margin-left: -1.5px;
    pointer-events: none;
}

#admin-quest-editer .quest-capacite > .timeline > .tarif > .separator-60 {
    position: absolute;
    height: 100%;
    border-left: 3px solid #FFF;
    top: 0px;
    margin-left: -1.5px;
    pointer-events: none;
}

#admin-quest-editer .quest-capacite {
    padding-top: 12px;
}

#admin-quest-editer .quest-capacite > .timeline > .tarif {
    float: left;
    height: 30px;
    position: relative;
    cursor: pointer;
}

#admin-quest-editer .quest-capacite > .timeline > .tarif > .part {
    float: left;
    background-color: #6D6E71;
    height: 100%;
}

#admin-quest-editer .quest-capacite > .timeline > .tarif:hover > .part {
    opacity: 0.5;
}

#admin-quest-editer .quest-capacite > .timeline > .tarif.decouverte > .part {
    background-color: #79C942;
}
#admin-quest-editer .quest-capacite > .timeline > .tarif.aventure > .part {
    background-color: #FBB03B;
}
#admin-quest-editer .quest-capacite > .timeline > .tarif.epopee > .part {
    background-color: #FF1E26;
}

.qtip-tarif .tooltip {
    width: 200px;
}
.qtip-tarif .tooltip > div > span.nom,
.quest-capacite span.confirm > span,
.quest-capacite span.info > span{
    font-family: 'agency_bold';
    text-transform: uppercase;
    font-size: 18px;
}
.quest-capacite span.confirm > span,
.quest-capacite span.info > span{
    margin-left: 6px;
    margin-right: 6px;
}

.qtip-tarif .tooltip > div:first-child {
    text-align: center;
    line-height: 20px;
}

.qtip-tarif .tooltip > div:not(:first-child) {
    font-family: 'agency_regular';
    font-size: 18px;
    line-height: 20px;
}

.qtip-tarif .tooltip > div:last-child {
    padding-bottom: 4px;
}

.qtip-tarif.decouverte .tooltip {
    background-color: #79C942;
}
.qtip-default.qtip-tarif.decouverte {
    background-color: #79C942;
    border-color: #79C942;
    color: #000;
}
.quest-capacite span.confirm.decouverte,
.quest-capacite span.info.decouverte{
    color: #79C942;
}

.qtip-tarif.aventure .tooltip {
    background-color: #FBB03B;
}
.qtip-default.qtip-tarif.aventure {
    background-color: #FBB03B;
    border-color: #FBB03B;
    color: #000;
}
.quest-capacite span.confirm.aventure,
.quest-capacite span.info.aventure{
    color: #FBB03B;
}

.qtip-tarif.epopee .tooltip {
    background-color: #FF1E26;
}
.qtip-default.qtip-tarif.epopee {
    background-color: #FF1E26;
    border-color: #FF1E26;
    color: #000;
}
.quest-capacite span.confirm.epopee,
.quest-capacite span.info.epopee{
    color: #FF1E26;
}

.qtip-stimulus div.ordre {
    font-size: 24px;
    float: left;
}
.qtip-stimulus div.ordre.target {
    color: #00FF00;
}
.qtip-stimulus div.ordre.trap {
    color: #FF0000;
}
.qtip-stimulus div.stimulus {
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px;
    margin-left: 4px;
    float: left;
}

.qtip-stimulus div.stimulus.gps {
    width: 24px;
    background-image: url(/img/icon-stimulus-gps.png);
}
.qtip-stimulus div.stimulus.audio {
    width: 24px;
    background-image: url(/img/icon-stimulus-audio.png);
}
.qtip-stimulus div.stimulus.motion {
    width: 24px;
    background-image: url(/img/icon-stimulus-motion.png);
}
.qtip-stimulus div.stimulus.view {
    width: 24px;
    background-image: url(/img/icon-stimulus-view.png);
}

#accueil_header {
    margin-left: 96px;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 106px;
    background: url(/img/logo-accueil-padtouch.png) no-repeat;
    background-position-y: 56px;
    position: relative;
}

#accueil_header > .title {
    font-size: 48px;
    font-family: agency_bold;
}

#accueil_header > .title > span {
    font-family: agency_bold;
    color: #6d6e70;
}

/* Pad(quest) */
#accueil_header > .title > span > span:nth-child(1) {
    font-family: agency_bold;
    color: #009cff;
	font-style: italic;
}

/* pAd(quest) */
#accueil_header > .title > span > span:nth-child(2) {
    font-family: agency_bold;
    color: #ff7700;
    font-style: italic;
}

/* paD(quest) */
#accueil_header > .title > span > span:nth-child(3) {
    font-family: agency_bold;
    color: #00cc00;
    font-style: italic;
    margin-right: 7px;
}

/* copyright */
#accueil_header > .title > span > span:nth-child(4) {
    font-family: agency_bold;
    vertical-align: super;
    font-size: 32px;
}

#accueil_header > .subtitle {
    font-family: agency_regular;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    margin-left: 18px;
}

#accueil_header > .scenarios {
    position:absolute;
    top: 68px;
    right: 72px;
}

#accueil_header > .scenarios > div {
    font-family: agency_bold;
    font-size: 24px;
    padding-left: 36px;
    background-position-y: 6px;
    background-repeat: no-repeat;
    line-height: 32px;
}

#accueil_header > .scenarios > div.jeu_de_piste {
    background-image: url(/img/icon-accueil-scenario-jeu-de-piste.png);
}

#accueil_header > .scenarios > div.escape_mobile {
    background-image: url(/img/icon-accueil-scenario-escape-mobile.png);
}

#accueil_header > .scenarios > div.parcours_perso {
    background-image: url(/img/icon-accueil-scenario-parcours-perso.png);
}

div.pub_lockquest {
    width: 1024px;
    height: 199px;
    background-image: url(/img/background-bloc-lockquest.jpg);
    background-repeat: no-repeat;
    position: relative;
}

div.presentation_scenario + div.pub_lockquest {
    margin-bottom: 100px;
}

div.pub_lockquest > div, div.pub_lockquest > a {
    color: #5E0600;
    width: 286px;
    position: absolute;
    text-align: center;
}

div.pub_lockquest > div.title {
    font-family: 'berlinbold';
    font-size: 18px;
    top: 56px;
    right: 248px;
    text-transform: uppercase;
}

div.pub_lockquest > div.wording {
    font-family: agency_bold;
    font-size: 16px;
    top: 96px;
    right: 250px;
}

div.pub_lockquest > a {
    font-family: agency_bold;
    font-size: 24px;
    top: 115px;
    right: 255px;
}

div.presentation_scenario {
    width: 1024px;
    height: 465px;
    margin-bottom: 100px;
    position: relative;
}

div.presentation_scenario > a {
    text-decoration: none;
    width: 226px;
    height: 56px;
    display: block;
    text-align: center;
    line-height: 56px;
    font-family: agency_bold;
    font-size: 24px;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 6px;
    bottom: -28px;
    position: absolute;
    box-shadow: 0 0px 18px rgba(0,0,0,0.75);
}

div.presentation_scenario:nth-child(even) > a {
    right: 128px;
}

div.presentation_scenario:nth-child(odd) > a {
    left: 128px;
}

div.presentation_scenario.jeu_de_piste > a {
    background-color: #00CC00;
}

div.presentation_scenario.jeu_de_piste {
    background: url(/img/background-accueil-jeu-de-piste.jpg) no-repeat;
}

div.presentation_scenario.escape_mobile > a {
    background-color: #009CFF;
}

div.presentation_scenario.escape_mobile {
    background: url(/img/background-accueil-escape-mobile.jpg) no-repeat;
}

div.presentation_scenario.parcours_perso > a {
    background-color: #FF7700;
}

div.presentation_scenario.parcours_perso {
    background: url(/img/background-accueil-parcours-perso.jpg) no-repeat;
}

div.presentation_scenario > div.title {
    font-size: 30px;
    font-family: agency_bold;
    color: #FFF;
    width: 314px;
    height: 52px;
    position: absolute;
    top: 76px;
    line-height: 50px;
    text-align: center;
    box-shadow: 0 0px 18px rgba(0,0,0,0.75);
}

div.presentation_scenario.parcours_perso > div.title {
    background-color: #FF7700;
}

div.presentation_scenario.escape_mobile > div.title {
    background-color: #009CFF;
}

div.presentation_scenario.jeu_de_piste > div.title {
    background-color: #00CC00;
}

div.presentation_scenario:nth-child(even) > div.title,
div.presentation_scenario:nth-child(even) > div.content {
    right: 86px;
}

div.presentation_scenario:nth-child(odd) > div.title,
div.presentation_scenario:nth-child(odd) > div.content {
    left: 86px;
}

div.presentation_scenario > div.content {
    width: 314px;
    height: 246px;
    position: absolute;
    top: 139px;
    box-shadow: 0 0px 18px rgba(0,0,0,0.75);
}

div.presentation_scenario.jeu_de_piste > div.content {
    background: url(/img/background-accueil-content-jeu-de-piste.jpg) no-repeat;
}

div.presentation_scenario.escape_mobile > div.content {
    background: url(/img/background-accueil-content-escape-mobile.jpg) no-repeat;
}

div.presentation_scenario.parcours_perso > div.content {
    background: url(/img/background-accueil-content-parcours-perso.jpg) no-repeat;
}

div.presentation_scenario > div.content > div {
    font-family: agency_bold;
    font-size: 18px;
    padding-left: 36px;
    background-position-y: 2px;
    background-repeat: no-repeat;
    color: #FFF;
    line-height: 24px;
    margin-left: 26px;
    margin-top: 21px;
    text-shadow: 2px 2px #000;
}

div.presentation_scenario.jeu_de_piste > div.content > div {
    background-image: url(/img/icon-accueil-scenario-jeu-de-piste.png);
}

div.presentation_scenario.escape_mobile > div.content > div {
    background-image: url(/img/icon-accueil-scenario-escape-mobile.png);
}

div.presentation_scenario.parcours_perso > div.content > div {
    background-image: url(/img/icon-accueil-scenario-parcours-perso.png);
}

div.presentation_scenario.escape_mobile > div.content > div > span:nth-child(1) {
    font-family: agency_bold;
    color: #009cff;
    font-style: italic;
}

div.presentation_scenario.escape_mobile > div.content > div > span:nth-child(2) {
    font-family: agency_bold;
    color: #ff7700;
    font-style: italic;
}

div.presentation_scenario.escape_mobile > div.content > div > span:nth-child(3) {  
    font-family: agency_bold;
    color: #00cc00;
    font-style: italic;
    margin-right: 3px;
}

div.presentation_scenario.escape_mobile > div.content > div > span:nth-child(4) {
    font-family: agency_bold;
    vertical-align: super;
    font-size: 14px;
}

#faq-questions {
    width: 967px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#faq-questions > div.top {
    height: 50px;
    background: url(/img/background-bloc-top.png) no-repeat;
}

#faq-questions > div.middle {
    padding-left: 36px;
    background: url(/img/background-bloc-content.png) repeat-y;
}

#faq-questions > div.middle > div.content {
    background: url(/img/faq-background-logo.png) no-repeat;
    padding-left: 130px;
}

#faq-questions > div.middle > div.content ul > li {
    font-family: 'agency_regular';
    font-size: 18px;
    color: #009CFF;
    cursor: pointer;
    text-decoration: underline;
    line-height: 22px;
}

#faq-questions > div.bottom {
    height: 138px;
    background: url(/img/background-bloc-bottom.png) no-repeat;
}

#faq-reponses {
    width: 967px;
    margin: auto;
}

#faq-reponses > div {
    padding-bottom: 32px;
}

#faq-reponses div.question {
    font-family: 'agency_bold';
    font-size: 24px;
    color: #009CFF;
    line-height: 26px;
}

#faq-reponses div.reponse {
    font-family: 'agency_regular';
    font-size: 18px;
    color: #000;
    line-height: 20px;
}

#faq-reponses div.reponse > a {
    color: #000;
}

#faq-reponses div.reponse > span.bold {
    font-family: 'agency_bold';
}

div.tarifs {
    width: 967px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.tarifs:nth-of-type(3) {
    margin-bottom: 20px;
}

div.tarifs > div.top {
    height: 32px;
    background: url(/img/background-bloc-top.png) no-repeat;
}

div.tarifs > div.middle {
    padding-left: 6px;
    padding-right: 4px;
    background: url(/img/background-bloc-content.png) repeat-y;
    overflow-y: hidden;
}

div.tarifs div.content > div:nth-child(1) > span:nth-child(1) {
    font-family: 'agency_bold';
    font-size: 24px;
    margin-left: 20px;
    text-transform: uppercase;
    color: #FFF;
    padding: 6px 12px;
    line-height: 41px;
}

div.tarifs.jeu_de_piste div.content > div:nth-child(1) > span:nth-child(1) {
    background-color: #00CC00;
}

div.tarifs.escape_mobile div.content > div:nth-child(1) > span:nth-child(1) {
    background-color: #009CFF;
}

div.tarifs.parcours_perso div.content > div:nth-child(1) > span:nth-child(1) {
    background-color: #FF7700;
}

div.tarifs div.content > div:nth-child(1) > span:nth-child(2) {
    font-family: 'agency_regular';
    font-size: 24px;
    margin-left: 24px;
}

div.tarifs div.content > div:last-child {
    padding-top: 40px;
}

div.tarifs.jeu_de_piste div.content > div:nth-child(2) {
    background-color: #E6F0F7;
    padding: 24px 48px 24px 48px;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.tarifs.parcours_perso div.content > div:nth-child(2),
div.tarifs.escape_mobile div.content > div:nth-child(2) {
    font-family: 'agency_regular';
    font-size: 18px;
    margin-left: 20px;
    margin-top: 20px;
}


div.tarifs div.content { 
    position: relative;
}

div.tarifs.jeu_de_piste div.content div.teams {
    height: 87px;
    margin-top: 26px;
    background: url(/img/tarifs-cartouche-equipes.png) no-repeat;
    background-position: center;
}

div.tarifs div.content > a {
    text-decoration: none;
    width: 256px;
    height: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    font-family: agency_bold;
    font-size: 24px;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 6px;
    box-shadow: 0 0px 18px rgba(0,0,0,0.75);
    margin: 30px auto 20px auto;
}

div.tarifs.jeu_de_piste div.content > a {
    background-color: #00CC00;
}

div.tarifs.escape_mobile div.content > a {
    background-color: #009CFF;
}

div.tarifs.parcours_perso div.content > a {
    background-color: #FF7700;
}

div.tarifs div.content > div:nth-child(2) > span {
    font-family: 'agency_regular';
}

div.tarifs div.content > div:nth-child(2) > span.bold {
    font-family: 'agency_bold';
}

div.tarifs div.content > div:nth-child(2) > span.underline {
    text-decoration: underline;
}

div.tarifs div.content > div:nth-child(2) > a {
    font-family: 'agency_bold';
    color: initial;
}

div.tarifs.jeu_de_piste div.tarif-details > span.tarif {
    font-family: 'agency_bold';
    font-size: 24px;
    display: inline-block;
}

div.tarifs.jeu_de_piste div.tarif-details.decouverte > span.tarif {
    color: #79C942;
    width: 128px;
}

div.tarifs.jeu_de_piste div.tarif-details.aventure > span.tarif {
    color: #FBB03B;
    width: 130px;
}

div.tarifs.jeu_de_piste div.tarif-details.epopee > span.tarif {
    color: #FF1E26;
    width: 128px;
}

div.tarifs.jeu_de_piste div.tarif-details > span.duree {
    font-family: 'agency_regular';
    font-size: 18px;
    color: #6D6E70;
    display: inline-block;
}

div.tarifs.jeu_de_piste div.tarif-details.decouverte > span.duree {
    width: 431px;
}

div.tarifs.jeu_de_piste div.tarif-details.aventure > span.duree {
    width: 429px;
}

div.tarifs.jeu_de_piste div.tarif-details.epopee > span.duree {
    width: 431px;
}

div.tarifs.jeu_de_piste div.tarif-details > span.planning {
    font-family: 'agency_regular';
    font-size: 24px;
    color: #000;
    display: inline-block;
}

div.tarifs.jeu_de_piste div.tarif-details.decouverte > span.planning {
    width: 209px;
}

div.tarifs.jeu_de_piste div.tarif-details.aventure > span.planning {
    width: 209px;
}

div.tarifs.jeu_de_piste div.tarif-details.epopee > span.planning {
    width: 209px;
}

div.tarifs.jeu_de_piste div.tarif-details > span.prix {
    font-family: 'agency_bold';
    font-size: 24px;
    color: #009CFF;
}

div.tarifs.jeu_de_piste div.tarif-details > span.prix > span {
    font-family: inherit;
    font-size: 14px;
}

div.tarifs.jeu_de_piste div.tarif-more > span {
    font-family: 'agency_regular';
    font-size: 30px;
    margin-left: 20px;
}

div.tarifs.jeu_de_piste div.tarif-more > span > span {
    font-family: 'agency_regular';
    font-size: 18px;
}

div.tarifs.jeu_de_piste div.tarif-more > span.prix {
    font-family: 'agency_bold';
    font-size: 24px;
    color: #009CFF;
    margin-left: 10px;
}

div.tarifs.jeu_de_piste div.tarif-more.acompte > span.prix {
    margin-left: 415px;
}

div.tarifs.jeu_de_piste div.tarif-more.supplement > span.prix {
    margin-left: 263px;
}

div.tarifs > div.bottom {
    height: 106px;
    background: url(/img/background-bloc-bottom.png) no-repeat;
    background-position-y: bottom;
}

#tarifs-footer {
    background-color: #F7F7F7;
    height: 187px;
    position: relative;
}

#tarifs-footer > div > span {
    font-family: 'agency_regular';
    font-size: 18px;
    display: block;
    margin-left: 34px;
    color: #6D6E70;
    margin-top: 16px;
}

#tarifs-footer > div.legals {
    width:64%;
    position: absolute;
    left: 0;
}

#tarifs-footer > div.image {
    position: absolute;
    right: 0;
    width: 300px;
    height: 100%;
    background: url(/img/background-bloc-tarifs-footer.png) no-repeat 106px 0px;
}

#tarifs-footer > div.legals > span.bold {
    font-family: 'agency_bold';
}

#tarifs-footer > div.legals > span > span.bold {
    font-family: 'agency_bold';
}

#tarifs-footer > div.legals > span.italic {
    font-style: italic;
}

#tarifs-footer > div.image > div {
    text-align: center;
    display: inline-block;
    margin-top: 30px;
}

#tarifs-footer > div.image > div > span {
    font-family: 'agency_regular';
    color: #BEB5A1;
    text-transform: uppercase;
    display: block;
}

#tarifs-footer > div.image > div > span:nth-child(1) {
    font-size: 30px;
}

#tarifs-footer > div.image > div > span:nth-child(2) {
    font-size: 75px;
}

#tarifs-footer > div.image > div > span:nth-child(3) {
    font-size: 25px;
}

#faq-reponses div.reponse {
    font-family: 'agency_regular';
    font-size: 18px;
    color: #000;
    line-height: 20px;
}

#faq-reponses .tag {
    border-radius: 4px;
    color: #FFF;
    font-family: 'agency_bold';
    font-size: 14px;
    padding: 1px 22px 1px 22px;
    margin-left: 6px;
    margin-right: 6px;
    text-align: center;
    background-color: #009CFF;
}

#erreur-container {
    padding-top: 65px;
}

#erreur-container > div.erreur {
    background: url(/img/erreur-logo.png) no-repeat;
    height: 118px;
    margin: auto;
    width: 50%;
    display: table;
}

#erreur-container > div.erreur span {
    display: block;
}

#erreur-container > div.erreur > div {
    padding-left: 161px;
    display: table-cell;
    vertical-align: middle;
}

#erreur-container > div.erreur span:first-child {
    font-family: 'agency_bold';
    font-size: 24px;
    text-transform: uppercase;
    line-height: 30px;
}

#erreur-container > div.erreur span:last-child {
    font-family: 'agency_regular';
    font-size: 18px;
    line-height: 24px;
}

#concours {
    margin-right: 20px;
    padding: 23px 65px 0px 65px;
    background: url(/img/background-concours.png) no-repeat right 90px;
}

#concours a {
    text-decoration: underline;
}

#concours > div:not(:last-child) {
    margin-bottom: 19px;
}

#concours > div:first-child {
    width: 470px;
}

#concours div.emphasis {
    font-family: 'agency_bold';
    font-size: 30px;
    padding-top: 24px;
}

#concours div.description {
    font-family: 'agency_bold';
    font-size: 18px;
    text-align: center;
    padding-top: 24px;
}

#concours div.wording {
    font-family: 'agency_regular';
    font-size: 18px;
    padding-top: 24px;
}

#concours div.footer {
    font-family: 'agency_regular';
    font-size: 18px;
    padding-top: 24px;
    font-style: italic;
    color: #6D6E70;
}

#contact {
    width: 969px;
    margin: auto;
}

#contact > div.top {
    height: 50px;
    background: url(/img/background-bloc-top.png) no-repeat;
}

#contact > div.middle {
    padding: 20px 0px 20px 160px;
    background: url(/img/background-bloc-content.png) repeat-y;
}

#contact > div.middle > div.content {
    background: url(/img/contact-background-logo.png) no-repeat;
    padding-left: 120px;
}

#contact > div.bottom {
    height: 138px;
    background: url(/img/background-bloc-bottom.png) no-repeat;
}

#quest-type-description {
    margin: 45px 120px;
}

#quest-type-description > span {
    display: block;
    font-family: 'agency_regular';
    font-size: 24px;
    text-align: justify;
}

#quest-type-description > span:first-of-type {
    font-family: 'agency_bold';
    font-size: 32px;
    margin-bottom: 20px;
}

#quest-type-description.escape-mobile > span:first-of-type {
    color: #009CFF;
}

#quest-type-description.jeu-de-piste > span:first-of-type {
    color: #00CC00;
}

#quest-type-description.parcours-perso > span:first-of-type {
    color: #FF7700;
}

#quests {
    text-align: center;
    font-family: 'agency_regular';
    font-size: 20px;
    margin-top: 45px;
}

#quests > div.reservation {
    display: none;
    position: relative;
}

#quests > div.reservation > div.arrow {
    border-style: solid;
    border-width: 0 15px 15px 15px;
    width: 0;
    height: 0;
    margin-left: 816px;
}

#quests > div.reservation.telephone > div.banner {
    height: 61px;
    font-family: 'agency_regular';
    font-size: 24px;
    line-height: 61px;
    text-align: center;
}

#quests > div.reservation.online > div.banner {
    font-size: 18px;
    font-family: 'agency_bold';
    height: 42px;
    line-height: 42px;
    padding-left: 46px;
    text-align: left;
}

#quests > div.reservation > div.banner {
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    color: #fff;
}

#quests > div.reservation.telephone > div.banner > .fa {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 32px;
}

#quests > div.reservation.telephone > div.banner > span {
    margin-left: 10px;
    margin-right: 10px;
    font-family: 'agency_regular';
    font-size: 30px;
}

#quests > div.reservation.online > div.banner > span {
    font-family: 'agency_regular';
    font-size: 18px;
    position: absolute;
    right: 46px;
}

#quests > div.reservation.online > div.container {
    background-color: #F5FEF5;
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

#quests > div.reservation.online.escape_mobile > div.container {
    border-bottom-color: #009CFF;
}

#quests > div.reservation.online.parcours_perso > div.container {
    border-bottom-color: #FF7700;
}

#quests > div.reservation.online.jeu_de_piste > div.container {
    border-bottom-color: #00CC00;
}

#quests > div.reservation.online > div.container > img {
    padding-top: 50px;
    padding-bottom: 50px;
}

#quests > div.quest {
    position: relative;
    height: 255px;
    text-align: left;
    margin-bottom: 52px;
}

#quests > div.pub_lockquest {
    margin-bottom: 52px;
}

#quests > div.quest.reservation-displayed {
    margin-bottom: 0;
}

#quests > div.quest > div.miniature {
    width: 342px;
    height: 255px;
    position: absolute;
    top: 0;
    left: 0;
}

#quests > div.quest > div.miniature > img {
    width: 342px;
    height: 255px;
}

#quests > div.quest > div.details {
    position: absolute;
    top: 0;
    left: 342px;
    width: 575px;
    height: 253px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    z-index: 1;
}

#quests > div.quest > div.details-scores {
    position: absolute;
    top: 0;
    height: 253px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 682px;
    background-color: #fff;
    left: 1024px;
    opacity: 0;
    transition: all 0.1s ease-in-out;
    background-repeat: no-repeat;
    background-position-x: 107px;
    z-index: 3;
}

#quests > div.quest.escape_mobile > div.details-scores {
    background-image: url(/img/background-bloc-scores-details-escape-mobile.png);
}

#quests > div.quest.parcours_perso > div.details-scores {
    background-image: url(/img/background-bloc-scores-details-parcours-perso.png);
}

#quests > div.quest.jeu_de_piste > div.details-scores {
    background-image: url(/img/background-bloc-scores-details-jeu-de-piste.png);
}

#quests > div.quest > div.details-scores.displayed {
    left: 342px;
    opacity: 1;
    transition: all 0.1s ease-in-out;
}

#quests > div.quest > div.details-scores > div.metadatas > div.button-back {
    cursor: pointer;
    font-family: 'agency_bold';
    font-size: 18px;
    text-align: center;
    width: 43px;
    height: 18px;
    margin-top: 60px;
    margin-left: 30px;
    padding-top: 45px;
    transition: margin-left 0.1s ease-in-out;
}

#quests > div.quest > div.details-scores > div.metadatas > div.button-back:hover {
    margin-left: 40px;
    transition: margin-left 0.1s ease-in-out;
}

#quests > div.quest.escape_mobile > div.details-scores > div.metadatas > div.button-back {
    background: url(/img/icon-bloc-details-scores-retour-escape-mobile.png) no-repeat;
    color: #009CFF;
}

#quests > div.quest.parcours_perso > div.details-scores > div.metadatas > div.button-back {
    background: url(/img/icon-bloc-details-scores-retour-parcours-perso.png) no-repeat;
    color: #FF7700;
}

#quests > div.quest.jeu_de_piste > div.details-scores > div.metadatas > div.button-back {
    background: url(/img/icon-bloc-details-scores-retour-jeu-de-piste.png) no-repeat;
    color: #00CC00;
}
 
#quests > div.quest > div.inscription {
    position: absolute;
    left: 342px;
    bottom: 8px;
    width: 550px;
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    z-index: 2;
}

#quests > div.reservation.reservation-displayed {
    margin-bottom: 30px;
    display: block;
}

#quests > div.quest > div.inscription > div.button {
    position: absolute;
    top: 0;
    right: -10px;
    background-color: #00cc00;
    color: #fff;
    width: 164px;
    height: 34px;
    font-size: 24px;
    font-family: 'agency_regular';
    cursor: pointer;
    transition: padding-right 0.1s ease-in-out;
}

#quests > div.quest > div.inscription > div.button:hover {
    padding-right: 10px;
    transition: padding-right 0.1s ease-in-out;
}

#quests > div.quest.escape_mobile > div.inscription > div.button {
    background-color: #009cff;
}

#quests > div.quest.parcours_perso > div.inscription > div.button {
    background-color: #ff7700;
}

#quests > div.quest.jeu_de_piste > div.inscription > div.button {
    background-color: #00cc00;
}

#quests > div.quest > div.inscription > div.button > .fa {
    padding-left: 15px;
    padding-right: 15px;
}

#quests > div.quest.escape_mobile > div.inscription {
    background-color: #e4f5ff;
}

#quests > div.quest.parcours_perso > div.inscription {
    background-color: #ffedde;
}

#quests > div.quest.jeu_de_piste > div.inscription {
    background-color: #e3ffe3;
}

#quests > div.quest > div.inscription > span {
    font-family: 'agency_bold';
    font-size: 18px;
}

#quests > div.quest > div.inscription > span:first-of-type {
    color: #6d6e70;
}

#quests > div.quest > div.inscription > span:last-of-type > span {
    font-family: 'agency_regular';
    font-size: 18px;
}

#quests > div.quest > div.inscription > span:last-of-type > span.decouverte {
    color: #79C942;
}

#quests > div.quest > div.inscription > span:last-of-type > span.aventure {
    color: #FBB03B;
}

#quests > div.quest > div.inscription > span:last-of-type > span.epopee {
    color: #FF1E26;
}

#quests > div.quest > div.details > div.metadatas,
#quests > div.quest > div.details-scores > div.metadatas {
    float: left;
    margin-top: 15px;
}

#quests > div.quest > div.details > div.metadatas > span.scenario_mode,
#quests > div.quest > div.details-scores > div.metadatas > span.scenario_mode {
    display: block;
    font-size: 16px;
    width: 107px;
    height: 29px;
    color: #fff;
    text-align: center;
    font-family: 'agency_bold';
    text-transform: uppercase;
    line-height: 29px;
}

#quests > div.quest.escape_mobile > div.details > div.metadatas > span.scenario_mode,
#quests > div.quest.escape_mobile > div.details-scores > div.metadatas > span.scenario_mode {
    background-color: #009cff;
}

#quests > div.quest.parcours_perso > div.details > div.metadatas > span.scenario_mode,
#quests > div.quest.parcours_perso > div.details-scores > div.metadatas > span.scenario_mode {
    background-color: #ff7700;
}

#quests > div.quest.jeu_de_piste > div.details > div.metadatas > span.scenario_mode,
#quests > div.quest.jeu_de_piste > div.details-scores > div.metadatas > span.scenario_mode {
    background-color: #00cc00;
}

#quests > div.quest > div.details > div.description,
#quests > div.quest > div.details-scores > div.description {
    float: left;
    margin-top: 15px;
    margin-left: 15px;
}

#quests > div.quest > div.details-scores > div.description {
    width: 560px;
}

#quests > div.quest > div.details > div.description > span.nom,
#quests > div.quest > div.details-scores > div.description > span.nom {
    display: block;
    font-family: 'agency_regular';
    font-size: 24px;
    line-height: 30px;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement {
    width: 44%;
    float: left;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement > div.wording {
    height: 178px;
    margin-top: 58px;
    overflow-y: hidden;
    font-family: 'agency_regular';
    font-size: 18px;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement > div.nano {
    height: 178px;
    margin-top: 2px;
    overflow-y: hidden;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement ul {
    font-family: 'agency_regular';
    font-size: 18px;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement ul > li {
    position: relative;
    font-family: 'agency_regular';
    font-size: 18px;
    line-height: 25px;
    cursor: pointer;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement ul > li > span {
    position: absolute;
    font-family: 'agency_regular';
    font-size: 18px;
    right: 32px;
    text-align: left;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement ul > li.active,
#quests > div.quest > div.details-scores > div.description > div.scores > div.classement ul > li.active > span,
#quests > div.quest > div.details-scores > div.description > div.scores > div.classement ul > li:hover,
#quests > div.quest > div.details-scores > div.description > div.scores > div.classement ul > li:hover > span {
    font-family: 'agency_bold';
}

#quests > div.quest.escape_mobile > div.details-scores > div.description > div.scores > div.classement ul > li.active {
    color: #009CFF;
}

#quests > div.quest.parcours_perso > div.details-scores > div.description > div.scores > div.classement ul > li.active {
    color: #FF7700;
}

#quests > div.quest.jeu_de_piste > div.details-scores > div.description > div.scores > div.classement ul > li.active {
    color: #00CC00;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.classement > span.wording {
    display: block;
    height: 28px;
    font-family: 'agency_bold';
    font-size: 24px;
    background-color: #fff;
    margin-left: -15px;
    line-height: 30px;
    background-repeat: no-repeat;
    padding-left: 37px;
    background-position: 12px 5px;
}

#quests > div.quest.escape_mobile > div.details-scores > div.description > div.scores > div.classement > span.wording {
    color: #009CFF;
    background-image: url(/img/icon-coupe-classement-escape-mobile.png);
}

#quests > div.quest.parcours_perso > div.details-scores > div.description > div.scores > div.classement > span.wording {
    color: #FF7700;
    background-image: url(/img/icon-coupe-classement-parcours-perso.png);
}

#quests > div.quest.jeu_de_piste > div.details-scores > div.description > div.scores > div.classement > span.wording {
    color: #00CC00;
    background-image: url(/img/icon-coupe-classement-jeu-de-piste.png);
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques {
    width: 54%;
    float: left;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats {
    position: absolute;
    display: none;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats.active {
    display: block;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > span.score_total {
    display: block;
    height: 28px;
    font-family: 'agency_bold';
    font-size: 24px;
    background-color: #fff;
    line-height: 30px;
}

#quests > div.quest.escape_mobile > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > span.score_total {
    color: #009CFF;
}

#quests > div.quest.parcours_perso > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > span.score_total {
    color: #FF7700;
}

#quests > div.quest.jeu_de_piste > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > span.score_total {
    color: #00CC00;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats {
    height: 172px;
    padding: 4px 0;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat {
    height: 46px;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > span.nom_stat {
    font-family: 'agency_bold';
    font-size: 14px;
    width: 70px;
    float: left;
    line-height: 46px;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > span.valeur_stat {
    font-family: 'agency_regular';
    font-size: 14px;
    line-height: 46px;
    width: 60px;
    float: left;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > div.stat_bar {
    float: left;
    width: 165px;
    height: 20px;
    border-radius: 5px;
    background-color: lightgray;
    margin-top: 14px;
    position: relative;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > div.stat_bar > div.score_bar {
    width: 4px;
    height: 20px;
    border-radius: 5px;
    position: absolute;
}

#quests > div.quest.escape_mobile > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > div.stat_bar > div.score_bar {
    background-color: #009CFF;
}

#quests > div.quest.parcours_perso > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > div.stat_bar > div.score_bar {
    background-color: #FF7700;
}

#quests > div.quest.jeu_de_piste > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > div.stat_bar > div.score_bar {
    background-color: #00CC00;
}

#quests > div.quest > div.details-scores > div.description > div.scores > div.statistiques > div.team_stats > div.stats > div.stat > div.stat_bar > div.average_bar {
    width: 4px;
    height: 20px;
    border-radius: 5px;
    background-color: #A7A7A7;
    position: absolute;
}

#quests > div.quest > div.details-scores .nano-pane {
    width: 6px;
    right: 14px;
    background: #dadada;
    border-radius: 0;
}

#quests > div.quest > div.details-scores .nano-pane > .nano-slider {
    margin: 0;
    border-radius: 0;
}

#quests > div.quest.escape- > div.details-scores .nano-pane > .nano-slider {
    background: #009CFF;
}

#quests > div.quest.parcours_perso > div.details-scores .nano-pane > .nano-slider {
    background: #FF7700;
}

#quests > div.quest.jeu_de_piste > div.details-scores .nano-pane > .nano-slider {
    background: #00CC00;
}

#quests > div.quest > div.details > div.description > span.lieu_rdv {
    display: block;
    font-family: 'agency_regular';
    font-size: 18px;
    line-height: 44px;
    color: #6d6e70;
}

#quests > div.quest > div.details > div.description > span.accroche {
    display: block;
    font-family: 'agency_regular';
    font-size: 18px;
    width: 425px;
}

#quests > div.quest > div.scores {
    float: right;
    width: 107px;
    height: 254px;
    cursor: pointer;
}

#quests > div.quest > div.scores > span {
    display: block;
    font-family: 'agency_bold';
    font-size: 18px;
    margin-top: 184px;
    text-align: center;
}

#quests > div.quest.escape_mobile > div.scores {
    background: url(/img/background-bloc-scores-escape-mobile.png) no-repeat;
}

#quests > div.quest.escape_mobile > div.scores:hover {
    background: url(/img/background-bloc-scores-escape-mobile-hover.png) no-repeat;
}

#quests > div.quest.parcours_perso > div.scores {
    background: url(/img/background-bloc-scores-parcours-perso.png) no-repeat;
}

#quests > div.quest.parcours_perso > div.scores:hover {
    background: url(/img/background-bloc-scores-parcours-perso-hover.png) no-repeat;
}

#quests > div.quest.jeu_de_piste > div.scores {
    background: url(/img/background-bloc-scores-jeu-de-piste.png) no-repeat;
}

#quests > div.quest.jeu_de_piste > div.scores:hover {
    background: url(/img/background-bloc-scores-jeu-de-piste-hover.png) no-repeat;
}

#quests > div.quest.escape_mobile > div.scores > span {
    color: #009CFF;
}

#quests > div.quest.parcours_perso > div.scores > span {
    color: #FF7700;
}

#quests > div.quest.jeu_de_piste > div.scores > span {
    color: #00CC00;
}

#quests > div.quest > div.scores:hover > span {
    color: #fff;
}

#quests > div.quest.escape_mobile > div.details,
#quests > div.reservation.escape_mobile > div.banner {
    background-color: #f4fbff;
}

#quests > div.quest.parcours_perso > div.details,
#quests > div.reservation.parcours_perso > div.banner {
    background-color: #fff8f1;
}

#quests > div.quest.jeu_de_piste > div.details,
#quests > div.reservation.jeu_de_piste > div.banner {
    background-color: #f5fef5;
}

#quests > div.reservation.escape_mobile > div.arrow {
    border-color: transparent transparent #009CFF transparent;
}

#quests > div.reservation.parcours_perso > div.arrow {
    border-color: transparent transparent #FF7700 transparent;
}

#quests > div.reservation.jeu_de_piste > div.arrow {
    border-color: transparent transparent #00CC00 transparent;
}

#quests > div.reservation.escape_mobile > div.banner {
    border-bottom-color: #009CFF;
    border-top-color: #009CFF;
    background-color: #009CFF;
}

#quests > div.reservation.parcours_perso > div.banner {
    border-bottom-color: #FF7700;
    border-top-color: #FF7700;
    background-color: #FF7700;
}

#quests > div.reservation.jeu_de_piste > div.banner {
    border-bottom-color: #00CC00;
    border-top-color: #00CC00;
    background-color: #00CC00;
}

#quests .tag {
    display: block;
    border-radius: 4px;
    color: #FFF;
    font-family: 'agency_bold';
    font-size: 14px;
    line-height: 17px;
    padding: 3px 0px 3px 0px;
    text-align: center;
    width: 78px;
    height: 17px;
    margin-top: 14px;
    margin-left: 16px;
}

#formFilterListQuests {
    position: relative;
    width: 100%;
    height: 174px;
    background-color: #F0F0F0;
    margin-top: 80px;
    margin-bottom: 45px;
}

#formFilterListQuests div.floatInput > label {
    width: auto;
}

#formFilterListQuests > div.recherche-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

#formFilterListQuests > div.pad-image {
    position: absolute;
    top: -38px;
    left: 26px;
    width: 337px;
    height: 259px;
    background: url(/img/background-bloc-recherche.png) no-repeat;
}

#formFilterListQuests > div.recherche-container div.formWrap:not(.floatInput) {
    padding-left: 20px;
}

#formFilterListQuests > div.recherche-container > div:first-child {
    width: 100%;
    height: 37px;
    margin-top: 24px;
    background-color: #D3E3ED;
}

#formFilterListQuests > div.recherche-container > div:first-child > span:first-child {
    font-family: 'agency_bold';
    font-size: 24px;
    margin-left: 374px;
    line-height: 36px;
    float: left;
}

#formFilterListQuests > div.recherche-container > div:first-child > span:last-child {
    margin-right: 50px;
    float: right;
}

#formFilterListQuests > div.recherche-container > div:last-child {
    width: 100%;
    margin-left: 352px;
}

#formFilterListQuests > div.recherche-container > div:last-child > div {
    float: left;
    margin-top: 10px;
}

#formFilterListQuests > div.recherche-container > div:last-child > div > span {
    font-family: 'agency_bold';
    font-size: 18px;
    padding-left: 21px;
}

#formFilterListQuests > div.recherche-container > div:last-child > div:first-child > span {
    padding-left: 22px;
}

#formFilterListQuests > div.recherche-container > div:last-child > div:not(:last-child) div.floatCheck {
    border-right: 2px solid #C1C1C1;
    padding-right: 16px;
}

#formFilterListQuests > div.recherche-container > div:last-child > div:not(:first-child) div.floatCheck {
    padding-left: 16px;
    border-left: 2px solid #FFF;
}

#formFilterListQuests > div.recherche-container > div:last-child > div div.floatCheck {
    padding-top: 3px;
    padding-bottom: 0px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck label {
    padding-bottom: 0;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.scenario_mode label {
    font-size: 20px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.escape_mobile label {
    color: #009cff;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.parcours_perso label {
    color: #ff7700;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.jeu_de_piste label {
    color: #00cc00;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.quest_tarif label {
    font-size: 19px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.decouverte label {
    color: #79C942;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.aventure label {
    color: #FBB03B;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.epopee label {
    color: #FF1E26;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.quest_tarif label > span {
    color: #6D6E70;
    font-family: 'agency_regular';
    font-size: 19px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.decouverte label > span {
    margin-left: 47px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.aventure label > span {
    margin-left: 62px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.epopee label > span {
    margin-left: 75px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.quest_tag label {
    font-family: 'agency_regular';
    font-size: 19px;
}

#formFilterListQuests > div.recherche-container > div:last-child div.floatCheck.quest_tag label {
    color: #6D6E70;
    font-family: 'agency_regular';
    font-size: 19px;
}

div.calendrier {
    position: relative;
    background-color: #f5fef5;
    padding-top: 3px;
    padding-bottom: 2px;
    width: 1024px;
}

div.calendrier.padquest {
    background-color: #E6E6E6;
}

div.calendrier.planning,
div.calendrier.padquest {
    display: none;
}

div.calendrier.general,
div.calendrier.disabled {
    margin-top: 12px;
    visibility: hidden;
}

div.calendrier.padquest {
    margin-top: 12px;
}

div.calendrier > div.calendrier-row {
    padding-left: 36px;
    overflow: hidden;
}

div.calendrier > div.calendrier-row > div.slot {
    width: 132px;
    height: 36px;
    background-color: #E6E6E6;
    border-radius: 4px;
    font-family: 'agency_regular';
    font-size: 16px;
    line-height: 17px;
    visibility: hidden;
    float: left;
    margin: 3px 2px 3px 2px;
    text-align: center;
}

div.calendrier > div.calendrier-row > div.slot > span {
    font-family: 'agency_bold';
    display: block;
}

div.calendrier > div.date-row > div.slot {
    background-color: #FFF;
}

div.calendrier.general > div.date-row > div.slot {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    font-family: 'agency_bold';
}

div.calendrier > div.slot-row > div.slot {
    cursor: not-allowed;
    color: #fff;
    line-height: 36px;
    font-family: 'agency_bold';
}

div.calendrier > div.slot-row > div.slot.available {
    background-color: #00CC00;
    cursor: pointer;
    line-height: 17px;
    font-family: 'agency_regular';
}

div.calendrier > div.slot-row > div.slot.promo {
    background-color: #009CFF;
    cursor: pointer;
    line-height: 17px;
    font-family: 'agency_regular';
}

div.calendrier > div.slot-row > div.slot.last {
    background-color: #FF7700;
    cursor: pointer;
    line-height: 17px;
    font-family: 'agency_regular';
}

div.calendrier > div.slot-row > div.slot.on {
    background-color: #00CC00;
    cursor: pointer;
    line-height: 17px;
    font-family: 'agency_regular';
}

div.calendrier > div.slot-row > div.slot.off {
    background-color: #FF7700;
    cursor: pointer;
    line-height: 17px;
    font-family: 'agency_regular';
}

div.calendrier > div.slot-row > div.slot.reserved {
    background-color: #009CFF;
    cursor: not-allowed;
    line-height: 17px;
    font-family: 'agency_regular';
}

div.calendrier > div.arrow-left {
    position: absolute;
    left: 0;
    width: 21px;
    height: 21px;
    left: 8px;
    top: 14px;
    background: url(/img/icon-calendrier-arrow-left.png) no-repeat;
    cursor: pointer;
}

div.calendrier > div.arrow-right {
    position: absolute;
    right: 0;
    width: 21px;
    height: 21px;
    right: 8px;
    top: 14px;
    background: url(/img/icon-calendrier-arrow-right.png) no-repeat;
    cursor: pointer;
}

div.calendrier > div.arrow-left:hover {
    background: url(/img/icon-calendrier-arrow-left-hover.png) no-repeat;
}

div.calendrier > div.arrow-right:hover {
    background: url(/img/icon-calendrier-arrow-right-hover.png) no-repeat;
}

#parcours_reservation {
    position: relative;
    width: 100%;
    height: 371px;
}

#parcours_reservation > div.carte {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 371px;
    background: url(/img/parcours-reservation-background.png) no-repeat;
}

#parcours_reservation > div.parcours {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 371px;
}

#parcours_reservation > div.etape_1 {
    background: url(/img/parcours-reservation-etape_1.png) no-repeat;
}

#parcours_reservation > div.etape_2 {
    background: url(/img/parcours-reservation-etape_2.png) no-repeat;
}

#parcours_reservation > div.etape_3 {
    background: url(/img/parcours-reservation-etape_3.png) no-repeat;
}

#parcours_reservation > div.etape_4 {
    background: url(/img/parcours-reservation-etape_4.png) no-repeat;
}

#parcours_reservation > div.etape_5 {
    background: url(/img/parcours-reservation-etape_5.png) no-repeat;
}

#etapes {
    overflow: hidden;
}

#etapes > div {
    margin-left: 40px;
    margin-right: 40px;
}

#etapes > div > div.header {
    position: relative;
    margin-bottom: 36px;
}

#etapes > div > div.header > a {
    position: absolute;
    right: 0;
}

#etapes > div > div.header > span.etape {
    font-size: 28px;
    padding-left: 50px;
    font-family: 'agency_bold';
    line-height: 36px;
}

#etapes > div > div.header > span.title {
    font-family: 'agency_bold';
    font-size: 30px;
    padding-left: 50px;
}

#etapes > div > div.content {
    font-family: 'agency_regular';
    font-size: 18px;
    text-align: left;
    padding-left: 50px;
}

#etapes > div > div.content > span {
    font-family: inherit;
}

#etapes > div > div.content > p {
    margin-top: 30px;
    text-align: center;
}

#etapes > div > div.content > div.banner {
    background-color: #F9F9F9;
    margin: 20px -40px 20px -90px;
    padding: 20px;
    font-family: 'agency_regular';
    font-size: 18px;
    text-align: center;
    overflow: hidden;
}

#etapes > div > div.content > div.banner > div.panel {
    font-family: inherit;
    font-size: inherit;
    margin-right: 40px;
    margin-left: 40px;
    float: left;
    text-align: right;
}

#etapes > div > div.content > div.banner > div.panel > div {
    font-family: inherit;
    font-size: inherit;
    margin: 4px;
}

#etapes > div > div.content > div.banner > div.panel:first-child {
    text-align: left;
    margin-left: 70px;
}

#etapes > div > div.content span.bold {
    font-family: 'agency_bold';
}

#etapes > div > div.content span.italic {
    font-style: italic;
}

#etapes > div.in_progress > div.header > span.etape {
    background: url(/img/icon-reservation-etape-in_progress.png) no-repeat;
    color: #009CFF;
}

#etapes > div.done > div.header > span.etape {
    background: url(/img/icon-reservation-etape-done.png) no-repeat;
    color: #00CC00;
}

#etapes > div.error > div.header > span.etape {
    background: url(/img/icon-reservation-etape-error.png) no-repeat;
    color: #FF1E26;
}

#etapes > div > div.header > span.summary {
    font-family: 'agency_regular';
    font-size: 18px;
}

#etape_1-done > div.header > span.summary {
    padding-left: 40px;
}

#etape_2-done > div.header > span.summary {
    padding-left: 88px;
}

#etape_3-done > div.header > span.summary {
    padding-left: 74px;
}

#etape_4-done > div.header > span.summary {
    padding-left: 114px;
}

#etape_4-error > div.header > span.summary {
    padding-left: 114px;
}

#etape_6-in_progress > div.header > span.summary {
    padding-left: 112px;
}

#etapes > div > div.header > span.summary > span {
    font-family: 'agency_regular';
    font-size: 18px;
}

#etapes > div > div.header > span.summary > span.decouverte {
    color: #79C942;
}

#etapes > div > div.header > span.summary > span.aventure {
    color: #FBB03B;
}

#etapes > div > div.header > span.summary > span.epopee {
    color: #FF1E26;
}

#etapes div.pads {
    margin: 20px;
}

#etapes div.pads > div.pad {
    width: 83px;
    height: 58px;
    display: inline-block;
    margin: 12px;
    color: #FFF;
    line-height: 60px;
    font-family: 'agency_bold';
    font-size: 14px;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#etapes div.pads > div.pad.active {
    opacity: 1;
    filter: alpha(opacity=100);
}

#etapes div.pads > div.pad:nth-child(-1n + 3) {
    background: url(/img/icon-reservation-pad-default.png) no-repeat;
}

#etapes div.pads > div.pad:nth-last-child(-n + 3) {
    background: url(/img/icon-reservation-pad-reduc.png) no-repeat;
}

#etapes div.pads > div.pad.reserved {
    background: url(/img/icon-reservation-pad-reserved.png) no-repeat;
    color: #A7A7A7;
}

#etapes div.recap_teams {
    font-family: 'agency_regular';
    font-size: 18px;
    color: #009CFF;
    margin-top: 20px;
}

#etapes div.recap_teams > span {
    font-family: 'agency_bold';
}

#etapes > div > div.content > div.team_ack {
    margin-left: 150px;
    margin-right: 150px;
}

#etape_4-in_progress > div.content > div.floatRow > fieldset > span {
    font-family: 'agency_bold';
    font-size: inherit;
}

#etapes div.confirm_cgv {
    font-family: 'agency_regular';
    font-size: 18px;
    color: #000;
    text-align: center;
}

#etapes div.request_adv {
    font-family: 'agency_regular';
    font-size: 18px;
    color: #000;
    text-align: center;
}

#paypal-button {
    padding-top: 20px;
    text-align: center;
}

/*#etape_4-in_progress div.banner, #etape_6-in_progress div.banner  {
    background-image: url(/img/reservation-paypal-logo.png);
    background-repeat: no-repeat;
    background-position-x: 660px;
    min-height: 130px;
    background-position-y: center;
}*/

#etape_4-in_progress #paypal-button {
    display: none;
}

#etapes div.acompte_disclaimer {
    font-family: 'agency_regular';
    font-style: italic;
    margin-top: 16px;
}

#etape_5-done div.lieu_rdv {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#etape_5-done div.lieu_rdv > div {
    display: inline-block;
    text-align: left;
    background-image: url(/img/icon-reservation-lieu_rdv.png);
    background-repeat: no-repeat;
    padding-left: 100px;
    font-family: 'agency_regular';
    height: 72px;
    padding-top: 6px;
}

#etape_5-done div.lieu_rdv span.bold {
    font-size: 24px;
}

#etape_6-in_progress > div.header {
    margin-top: 36px;
}

#reservation-erreur-booking {
    background-image: url(/img/erreur-logo.png);
    background-repeat: no-repeat;
    height: 230px;
    background-position-x: 20px;
    padding-left: 170px;
    background-position-y: 50px;
    max-width: 800px;
}

#reservation-payment-waiting {
    background-image: url(/img/reservation-waiting-logo.png);
    background-repeat: no-repeat;
    height: 208px;
    background-position-x: 20px;
    padding-left: 170px;
    padding-top: 50px;
    background-position-y: 12px;
    max-width: 600px;
}

#reservation-erreur-billing {
    background-image: url(/img/erreur-logo.png);
    background-repeat: no-repeat;
    height: 208px;
    background-position-x: 20px;
    padding-left: 170px;
    background-position-y: 50px;
    max-width: 600px;
}

#planning > div.creneau {
    width: 100%;
    height: 37px;
    margin-top: 24px;
    line-height: 36px;
    background-color: #E6E6E6;
    position: relative;
}

#planning > div.creneau > span.scenario_mode {
    font-size: 24px;
    margin-left: 20px;
}

#planning > div.creneau > span.scenario_mode.escape_mobile {
    color: #009CFF;
}

#planning > div.creneau > span.scenario_mode.parcours_perso {
    color: #FF7700;
}

#planning > div.creneau > span.scenario_mode.jeu_de_piste {
    color: #00CC00;
}

#planning > div.creneau > span.reservation_day,
#planning > div.creneau > span.slot_label {
    font-family: 'agency_bold';
    font-size: 24px;
}

#planning > div.creneau > span.reservation_day {
    margin-left: 20px;
}

#planning > div.creneau > span.quest_nom {
    margin-left: 20px;
}

#planning > div.creneau > span.quest_nom,
#planning > div.creneau > span.quest_lieu_rdv,
#planning > div.creneau > span.quest_ville_nom {
    font-family: 'agency_regular';
    font-size: 18px;
    font-style: italic;
}

#planning > div.creneau > span.reservation_status {
    width: 17px;
    height: 16px;
    position: absolute;
    top: 11px;
    right: 164px;
}

#planning > div.creneau > span.reservation_status.acompte {
    background: url(/img/planning-acompte-icon.png) no-repeat;
}

#planning > div.creneau > span.nb_teams {
    width: 32px;
    background: url(/img/planning-nb_teams-icon.png) no-repeat;
    background-position-x: right;
    background-position-y: 8px;
    font-family: 'agency_bold';
    color: #009CFF;
    position: absolute;
    top: 2px;
    right: 102px;
}

#planning > div.creneau > span.nb_more {
    width: 28px;
    background: url(/img/planning-nb_more-icon.png) no-repeat;
    background-position-x: right;
    background-position-y: 8px;
    font-family: 'agency_bold';
    color: #009CFF;
    position: absolute;
    top: 2px;
    right: 64px;
}

#planning > div.creneau > span.toggle_btn {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    right: 20px;
    cursor: pointer;
}

#planning > div.creneau > span.toggle_btn.up {
    background: url(/img/planning-toggle_up-icon.png) no-repeat;
}

#planning > div.creneau > span.toggle_btn.down {
    background: url(/img/planning-toggle_down-icon.png) no-repeat;
}

#planning > div.no_reservations {
    margin-top: 20px;
	font-size: 18px;
    margin-left: 30px;
    font-family: 'agency_regular';
    font-size: 18px;
}

#planning > div.reservations {
    margin-top: 10px;
    display: none;
}

#planning > div.reservations.toggled {
	display: block;
}

#planning > div.reservations > div.reservation {
    height: 30px;
    line-height: 30px;
    padding-left: 61px;
    position: relative;
}

#planning > div.reservations > div.reservation > span {
    font-family: 'agency_regular';
    font-size: 18px;
    display: inline-block;
}

#planning > div.reservations > div.reservation > span.full_name {
    width: 140px;
}

#planning > div.reservations > div.reservation > span.email {
    width: 180px;
}

#planning > div.reservations > div.reservation > span.mobile_phone {
    width: 100px;
}

#planning > div.reservations > div.reservation > span.full_name {
    width: 140px;
}

#planning > div.reservations > div.reservation > span.reservation_status {
    width: 17px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 164px;
}

#planning > div.reservations > div.reservation > span.reservation_status.acompte {
    background: url(/img/planning-acompte-icon.png) no-repeat;
}

#planning > div.reservations > div.reservation > span.nb_teams {
    width: 32px;
    background: url(/img/planning-nb_teams-icon.png) no-repeat;
    background-position-x: right;
    background-position-y: 6px;
    font-family: 'agency_bold';
    color: #009CFF;
    position: absolute;
    top: 0;
    right: 102px;
}

#planning > div.reservations > div.reservation > span.nb_more {
    width: 28px;
    background: url(/img/planning-nb_more-icon.png) no-repeat;
    background-position-x: right;
    background-position-y: 6px;
    font-family: 'agency_bold';
    color: #009CFF;
    position: absolute;
    top: 0;
    right: 64px;
}

#planning > div.reservations > div.reservation > span.delete_btn {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 20px;
    background: url(/img/planning-delete-icon.png) no-repeat;
    cursor: pointer;
}

#cgv {
    width: 967px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#cgv > div.wording {
	font-family: 'agency_regular';
    font-size: 18px;
    color: #000;
    line-height: 20px;
    padding-bottom: 32px;
}

#cgv > div.heading {
	font-family: 'agency_bold';
    font-size: 24px;
    color: #009CFF;
    line-height: 26px;
}

#admin-application-index p {
    padding-left: 30px;
    margin-top: 4px;
    font-family: 'agency_regular';
    font-size: 17px;
    margin-bottom: 20px;
}

#admin-application-index div.ios-version,
#admin-application-index div.app-version {
    padding-left: 30px;
    margin-bottom: 10px;
}

#admin-application-index div.title {
    font-family: 'agency_bold';
    font-size: 24px;
    display: inline-block;
}

#admin-application-index div.ios-version > div.title {
    width: 74px;
    text-align: right;
    margin-right: 8px;
    vertical-align: middle;
}

#admin-application-index div.app-version > div.details {
    font-family: 'agency_regular';
    font-size: 17px;
    display: inline-block;
}

#admin-application-index div.ios-version > span {
    font-family: 'agency_regular';
    font-size: 17px;
    display: inline-block;
    vertical-align: middle;
}

#admin-application-index p > span {
    font-style: italic;
    display: block;
    margin-top: 16px;
    font-family: 'agency_regular';
    font-size: 17px;
}

#admin-application-index a.download-app {
    background-color: #009CFF;
    text-decoration: none;
    width: 140px;
    height: 32px;
    display: block;
    text-align: center;
    line-height: 32px;
    font-family: agency_bold;
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 6px;
    display: inline-block;
}