/** GENERALITES **/

/* Police BebasNeue pour le titre */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {width:100%; margin:0; padding:0; background:#FAFAFA;}

section, article, main, header, footer {display:block;}

/* Rajout non présent dans pure.css */
.button-small {padding: .35em 2em .40em; font-size:85%;}
.pure-button-cancel-red {background:#8E191B; color:white;}

a {color:black;}

.toast-item a {color:white;}

form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #white !important;
}

input[type=submit], input[type=button], button {-webkit-appearance:none;}


/* étiquettes informatives */
.stick {display:inline-block; background:#E0E0E0; box-sizing:border-box; padding:4px 6px; border-radius:4px; margin-bottom:6px; font-size:14px; min-width:290px;}
.stick.green {background:#2AB34A; color:white;}
.stick.red {background:#8E191B; color:white;}


/* Empêcher la sélection texte */
.disableTextSelection {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

/* Outils */
.table {display:table; width:100%; height:100%;}
.cell {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.vcenter {vertical-align:middle;}

/* Formulaires */
.mandatory label {background:url(../img/mandatory.png) top right no-repeat;}
.error .champ, .error.champ {border:2px solid #8E191B !important;}
.error label {color:rgb(202, 60, 60); font-weight:bold;}
form.pure-form-aligned em {display:block; font-size:14px; color:#858585;}
form.pure-form-aligned input.price {text-align:right;}

/** WAITING **/
.jcdev-overlay {position:fixed; z-index:100001; top:0; left:0; right:0; bottom:0; background:white center center no-repeat; background-color:rgba(255,255,255,0.2); text-align:center;}
.jcdev-overlay.displayLoader {background-image: url(../img/loader.gif);}

/** INFOBULLE **/
#jcdev-infobulle {position:absolute; z-index:99999; background:#FEF8B5; padding:3px; box-shadow:0 0 5px rgba(0,0,0,0.5); font-size:12px; font-weight:bold;}

/** DIALOG **/
div.dialogWrapper {position:fixed; z-index:10; top:0; left:0; right:0; bottom:0; background:black; background:rgba(0,0,0,0.5); overflow:auto;}
div.dialogWrapper .dialogTable {display:table; width:100%; height:80%;}
div.dialogWrapper .dialogCell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
div.dialogWrapper .dialogBox {background:#FAFAFA; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.3); margin:0 auto;}
div.dialogWrapper .dialogBox header {background:#292828; color:white; font-family: "bebas_neueregular"; padding:0 20px; font-size:24px; line-height:41px; vertical-align:middle; border-top-left-radius: 6px; border-top-right-radius: 6px;}
div.dialogWrapper .dialogBox header .close {float:right; color:white; text-decoration:none;}
div.dialogWrapper .dialogBox .content {padding:20px; padding-bottom:7px;}
div.dialogWrapper .dialogBox .content .buttons {text-align:right; margin-top:18px;}


/** PAGES **/
section.page {background:#FAFAFA;}
body.FRIENDSAPPROVED section.page {background:white;}
section.page > header {background:#E0E0E0; border-bottom:1px solid #171516;}
section.page .breadcrumb {color:#8E191B; font-size:21px;}
section.page .breadcrumb .right {float:right; font-size:16px; }
section.page .breadcrumb-complement {color:black;}
section.page .breadcrumb-complement:before {content:'|'; color:black; display:inline-block; margin-left:14px; margin-right:8px;}
section.page > footer {background:#E0E0E0; border-top:1px solid #171516; text-align:right;}
section.page > footer .left {float:left;}



/* M-E-P PAGES */
section.page h2 {font-size:18px; text-transform:uppercase; color:#323232;}
section.page h2 em {font-weight:normal; font-style:normal; text-transform:none;}
section.page h2 em.red {color:#8E191B;}
section.page h3 {font-size:18px; color:#8E191B;}
section.page.editUser h2 {background:#F0F0F0; padding:.5em; margin:.5em 0; text-align:center;}


/** LOGIN **/
section.page.login {position:absolute; top:0; left:0; width:100%; height:100%;}
section.page.login img.logo {margin:20px 0 30px 0;}
section.page.login .table {height:85%; min-height:360px;}
section.page.login #loginForm {display:block; width:320px; margin:0 auto; visibility:hidden;}
section.page.login #loginForm .links {line-height:2em;}
section.page.login #loginForm .links a {color:#707070; font-size:85%;}
#unsupportedBrowser {display:none; position:absolute; width:100%; text-align:center; top:40%; font-weight:bold; line-height:2.5em;}
#lostPasswordEmailSent {display:none; text-align:center; width:100%; max-width:380px; margin:0 auto; line-height:1.5em; font-size:18px;}
#lostPasswordEmailSent .red {color:#8E191B;}
#lostPasswordEmailSent .close {font-size:14px; color:#707070;}
#newPasswordForm {display:none; width:320px; margin:0 auto;}

/** LOGIN ALPES **/
body.ALPES section.page.login #loginForm {display:flex; width:420px; padding-right:190px;}
body.ALPES section.page.login #loginForm .logo {margin-right:30px;}
body.ALPES section.page.login #loginForm .inner-form {padding-top:15px;}
body.ALPES section.page.login #loginForm .inner-form label {font-size:14px; font-weight:500; color:#808080; margin-top:12px;}

/** LOGIN GENERATION AIR COOLED **/
body.GENERATIONAIRCOOLED {margin:0; padding:0; background:white;}
body.GENERATIONAIRCOOLED section.page.login {background:white; margin:0; padding:0;}
body.GENERATIONAIRCOOLED section.page.login img.logo {display:block; margin:20px auto;}
body.GENERATIONAIRCOOLED section.page.login #loginForm .inner-form {padding-top:15px;}
body.GENERATIONAIRCOOLED section.page.login #loginForm .inner-form label {
    font-size:14px; font-weight:500; color:#8F1B34; margin-top:12px;
}
body.GENERATIONAIRCOOLED section.page.login #loginForm input.champ {
    border-color:#8F1B34 !important;
}
body.GENERATIONAIRCOOLED section.page.login #loginForm .pure-button[type="submit"] {
    background:#8F1B34 !important; color:white !important;
}
body.GENERATIONAIRCOOLED section.page.login #loginForm .pure-button[type="submit"]:hover:not(:active) {
    background:black !important;
}
body.GENERATIONAIRCOOLED section.page.login #loginForm .links a:hover {color:black;}


/** LOGIN FRIENDS APPROVED **/
body.FRIENDSAPPROVED section.page.login #loginForm .logo {padding:20px auto 0; display:block; background:white;}
body.FRIENDSAPPROVED section.page.login #loginForm .inner-form {padding-top:15px;}
body.FRIENDSAPPROVED section.page.login #loginForm .inner-form label {font-size:14px; font-weight:500; color:#808080; margin-top:12px;}

/** MENU **/
nav#mainMenu {background:#191818;}
nav#mainMenu h1 {font-family: 'bebas_neueregular'; font-weight:normal; color:white; text-transform:uppercase; text-align:center; margin-bottom:0;}
nav#mainMenu h1 .ligne1 {display:block; font-size:44px;}
nav#mainMenu h1 .ligne2 {display:block; font-size:30px; line-height:1.3em;}
nav#mainMenu .blocLogout {background:#323232; margin:0 33px; color:white; text-align:center; margin-bottom:30px;}
nav#mainMenu .blocLogout h2 {background:#8E191B; text-transform:uppercase; font-size:13px; padding:5px 0;}
nav#mainMenu .blocLogout .user {font-size:12px;}
nav#mainMenu .blocLogout .user .pseudo.editable {cursor:pointer; text-decoration:underline;}
nav#mainMenu .blocLogout .user .fa {font-size:18px; vertical-align:bottom; margin-right:4px;}
nav#mainMenu .blocLogout .user .historique {display:block; padding-top:8px; color:#B9B9B9;}
nav#mainMenu .blocLogout .btnLogout {margin:12px 0 10px;}
nav#mainMenu ul.menuItems {list-style:none; margin:0; padding:0;}
nav#mainMenu ul.menuItems li {display:inline;}
nav#mainMenu ul.menuItems li a {display:block; text-decoration:none; color:#777777; padding:11px 0 11px 33px; font-size:16px;}
nav#mainMenu ul.menuItems li a:hover {color:white; }
nav#mainMenu ul.menuItems li a.selected {color:white; background:#323232;}

div#burgerMenuBtn {text-align:center; background:#8E191B; color:white; cursor:pointer; font-size:18px; font-weight:bold;}
div#burgerMenuBtn .fa-sort-asc {position:relative; top:-4px;}
div#burgerMenuBtn .fa-sort-desc {display:none;}


/** MENU ALPES **/
body.ALPES nav#mainMenu a.logo {display:block; text-decoration:none; border:0; margin:20px 0 15px; text-align:center;}
body.ALPES nav#mainMenu .blocLogout {background:none;}

/** MENU FRIENDS APPROVED **/
body.FRIENDSAPPROVED nav#mainMenu {background:black; border-right:1px solid #505050;}
body.FRIENDSAPPROVED nav#mainMenu a.logo {
    display:block; text-decoration:none; padding:25px 0; text-align:center;
    border:0; background:white;
}
body.FRIENDSAPPROVED nav#mainMenu .blocLogout {
    background:white; color:black; margin:0; padding-bottom:15px; margin-bottom:20px;
}
body.FRIENDSAPPROVED nav#mainMenu .menuItems {background:black; color:white;}

/** TROMBI **/
section.page.trombinoscope header input.btnAddMember,
section.page.trombinoscope header input.btnCancel {float:right; margin:0 0 8px 15px;}
section.page.trombinoscope.userSelector header input.btnAddMember,
section.page.trombinoscope.modal header input.btnAddMember {display:none;}
section.page.trombinoscope header input.btnCancel {display:none;}
section.page.trombinoscope.userSelector header input.btnCancel,
section.page.trombinoscope.modal header input.btnCancel {display:inline-block;}
section.page.trombinoscope header .filterByGroup,
section.page.trombinoscope header .lightOrFullView {display:inline-block; margin:0 15px 8px 0;}
section.page.trombinoscope header .freeSearch,
section.page.trombinoscope header .filterByRegion,
section.page.trombinoscope header .filterByTrip {display:inline-block;}
section.page.trombinoscope header .filterByRegion,
section.page.trombinoscope header .filterByTrip {margin-right:13px;}
section.page.trombinoscope header .freeSearch input {max-width:200px;}
section.page.trombinoscope header .freeSearch label {display:inline-block; font-size:12px; margin-top:5px;}
section.page.trombinoscope header .freeSearch label del {display:none; text-decoration:none;}
section.page.trombinoscope header .freeSearch label.pluriel del {display:inline;}
section.page.trombinoscope header select.highlight {background:#D4A34A !important;}
section.page.trombinoscope .userItem.notMatching {display:none;}
section.page.trombinoscope .userItem.notTripMatching {display:none;}
section.page.trombinoscope .userItem.notRegionMatching {display:none;}
section.page.trombinoscope .userItem.notCurrentType {display:none;}
section.page.trombinoscope .content article {position:relative; padding:18px; padding-bottom:10px; border-bottom:1px solid #E9E9E9;}
section.page.trombinoscope .content article .editBtn {display:none; position:absolute; top:15px; right:15px; cursor:pointer;}
section.page.trombinoscope .content article:hover .editBtn {display:block;}
section.page.trombinoscope .table {display:table; width:100%;}
section.page.trombinoscope .table .col {display:table-cell; vertical-align:top;}
section.page.trombinoscope .table .col.photos {width:360px;}
section.page.trombinoscope .table .col.photos a {display:inline-block; text-decoration:none; overflow:hidden; text-align:center; border-radius:5px;}
section.page.trombinoscope .table .col.photos .fake {display:inline-block; background:#E9E9E9; border-radius:5px;}
section.page.trombinoscope .table .col.photos a img {width:auto; height:100%;}
section.page.trombinoscope .table .col.photos .personne {width:100px; height:100px;}
section.page.trombinoscope .table .col.photos .voiture {width:125px; height:100px;}
section.page.trombinoscope .table .col .bloc {display:inline-block; width:320px; overflow-x:hidden;  vertical-align:top;}
section.page.trombinoscope .table .col .bloc.main {cursor:pointer;}
section.page.trombinoscope .userItem .col:last-child {cursor:pointer;}
section.page.trombinoscope .userItem.selected {background: #FFFCED url(../img/check-v2.png) no-repeat right bottom; border-bottom:1px solid #D9D9D9;}
section.page.trombinoscope .table .col .bloc.main h3 {margin:0; margin-bottom:8px;}
section.page.trombinoscope .table .col .bloc.main h4 {margin:0; margin-bottom:13px; font-size:16px; font-weight:bold;}
section.page.trombinoscope .table .col .bloc.main .field {font-size:15px; margin-bottom:8px; cursor:default;}
section.page.trombinoscope .table .col .bloc.extra {border-left:1px solid #E0E0E0; padding-left:15px; width:auto;}
section.page.trombinoscope .table .col .bloc.extra .field {font-size:14px; margin-bottom:2px; color:#656565; cursor:default; }
section.page.trombinoscope .table .col .bloc.extra .field.bold {font-weight:bold; text-transform:uppercase;}
section.page.trombinoscope .table .col .bloc.extra .field:hover {color:black;}
section.page.trombinoscope .table .col .bloc.extra .field.file a {color:#656565; text-decoration:underline; cursor:pointer;}
section.page.trombinoscope footer {text-align:right;}
section.page.trombinoscope footer .bloc {display:inline-block; vertical-align:bottom;}
section.page.trombinoscope footer .bloc.selection {margin-right:24px; margin-bottom:6px;}
section.page.trombinoscope footer .bloc.selection .nbUsersSelected {font-size:14px; font-weight:bold; color:#8E191B; margin-bottom:3px;}
section.page.trombinoscope footer .bloc.actions input {margin-bottom:6px;}

section.page.trombinoscope footer .bloc.actions input.btnMultipleSelectSubmit {display:none;}
section.page.trombinoscope.multipleUsersSelector footer .bloc.actions input {display:none;}
section.page.trombinoscope.multipleUsersSelector footer .bloc.actions input.btnMultipleSelectSubmit {display:inline-block;}

.multipleUsersSelector .clean {display:inline-block; margin-left:6px; text-transform:lowercase; font-weight:normal; font-size:12px; text-decoration:underline; cursor:pointer;}
.multipleUsersSelector ul {list-style:square outside;}
.multipleUsersSelector ul li {font-size:16px; cursor:pointer; padding:2px; position:relative;}
.multipleUsersSelector ul li:hover {background:white;}
.multipleUsersSelector ul li:hover:after {content:'cliquer pour supprimer'; position:absolute; right:0; color:red; background:white;}




/** EDIT USER **/
section.page.editUser .rgpd-infos {
    padding:10px 20px 12px; margin-bottom:-12px; background:#F0F0F0;
}
section.page.editUser .rgpd-infos p {margin:0; padding:0;}
section.page.editUser .grid {display:block; width:100%; font-size:0;}
section.page.editUser div.bloc {
	padding:20px; border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; overflow-x:hidden;
	box-sizing:border-box; width:50%; display:inline-block; vertical-align:top; font-size:16px;;
}
section.page.editUser div.bloc input.withSuggestions {margin-left:11.3em;}
section.page.editUser form.privilegesForm label {cursor:pointer; padding:8px;}
section.page.editUser form.privilegesForm label:hover {background:#F0F0F0;}
.pure-control-group.hidden {display:none;}
section.page.editUser input.champ {width:calc(100% - 14em);}


/** MESSAGERIE **/
section.page.messagerie > header .btn {float:right; margin-left:15px;}
section.page.messagerie > header .switcher {display:inline-block; margin-right:15px;}
section.page.messagerie article.messageTitle {padding-left:60%; padding-top:4px; padding-bottom:4px; text-transform:uppercase; font-size:18px; background:#444444; color:white;}
section.page.messagerie article.messageItem {position:relative; padding:15px 22px; border-bottom:1px solid #E9E9E9; cursor:pointer;}
section.page.messagerie article.messageItem .table {display:table; width:100%;}
section.page.messagerie article.messageItem .table > * {display:table-cell; vertical-align:top; box-sizing:border-box; padding-right:25px;}
section.page.messagerie article.messageItem .sender {width:20%; font-size:15px;}
section.page.messagerie article.messageItem .title {width:40%; font-size:15px; font-weight:bold; color:#8E191B;}
section.page.messagerie article.messageItem .date {width:20%; font-size:15px; font-weight:bold;}
section.page.messagerie article.messageItem .infos {width:20%;}
section.page.messagerie article.messageItem .infos span {font-size:17px;  padding:3px 6px; margin-right:5px;}
section.page.messagerie article.messageItem.notMatching {display:none;}
section.page.messagerie article.messageItem.mailboxesFilterNOK {display:none;}

section.page.messagerieSubPage .bloc {padding:20px; color:#404040;}
section.page.messagerieSubPage .bloc .fieldset {margin-bottom:40px;}
section.page.messagerieSubPage .bloc:last-child {border-left:1px solid #ddd;}
section.page.messagerieSubPage ul.attachments {list-style:none; margin:0; padding:0;}
section.page.messagerieSubPage ul.attachments li.template {display:none;}
section.page.messagerieSubPage ul.attachments li {position:relative; border-bottom:1px solid #E9E9E9; padding-bottom:5px; margin-bottom:5px;}
section.page.messagerieSubPage ul.attachments li:last-child {border-bottom:none;}
section.page.messagerieSubPage ul.attachments li .delete {display:none;}
section.page.messagerieSubPage ul.attachments li:hover .delete {display:inline-block; position:absolute; right:0; padding:5px 10px; color:red; text-decoration:underline; cursor:pointer; font-size:14px;}
section.page.messagerieSubPage .fileControl {background:none;}
section.page.messagerieSubPage .fileControl .controls .link {margin-right:5px;}
section.page.messagerieSubPage div.fileControl:hover {background:white;}
section.page.messagerieSubPage .fileControl .controls .linkDelete {display:none !important;}

.message-pop-up .content {background:#F0F0F0; padding-bottom:15px !important;}
.message-pop-up .message-wrapper {background:white; padding:20px; margin-top:20px;}
.message-pop-up hr {margin:15px 0; height:0; border:none; border-bottom:1px solid #D9D9D9;}
.message-pop-up h1 {font-size:18px; color:#8E191B;}
.message-pop-up h2 {font-size:16px;}
.message-pop-up .error {color:#8E191B;}
.message-pop-up .delete-wrapper {text-align:right; padding-top:10px;}
.message-pop-up .delete-wrapper .delete {cursor:pointer; color:#8E191B; text-decoration:underline; font-size:14px; font-weight:bold;}
.message-pop-up .attachments a {text-decoration:none; color:black; font-size:16px; font-weight:bold; display:inline-block; margin-right:10px;}
.message-pop-up .attachments a span {text-decoration:underline; font-size:13px;}


/** SORTIES **/
section.page.sorties > header .btn {float:right;}
section.page.sorties > header .switcher {display:inline-block; margin-right:15px;}
section.page.sorties > header .filterByRegion {display:inline-block; margin-top:8px; margin-right:13px;}
section.page.sorties > header .filterByRegion select.highlight {background:#D4A34A !important;}
section.page.sorties > header .freeSearch {display:inline-block; margin-top:8px;}
section.page.sorties > header .freeSearch input {max-width:200px;}
section.page.sorties > header .freeSearch label {display:inline-block; font-size:12px; margin-top:5px;}
section.page.sorties > header .freeSearch label del {display:none; text-decoration:none;}
section.page.sorties > header .freeSearch label.pluriel del {display:inline;}
section.page.sorties article.tripTitle {padding-left:174px; padding-top:4px; padding-bottom:4px; font-size:26px; background:#8E191B; color:white;}
section.page.sorties article.tripItem {position:relative; padding:18px; padding-bottom:10px; border-bottom:1px solid #E9E9E9;}
section.page.sorties article.tripItem.notMatching {display:none;}
section.page.sorties article.tripItem.notRegionMatching {display:none;}
section.page.sorties article.tripItem.pastOrFutureNOK {display:none;}
section.page.sorties article.tripItem.mineNOK {display:none;}
section.page.sorties article.tripItem .editBtn {display:none; position:absolute; top:15px; right:15px; cursor:pointer;}
section.page.sorties article.tripItem:hover .editBtn {display:block;}
section.page.sorties article.tripItem .table {display:table; width:100%;}
section.page.sorties article.tripItem .table .col {display:table-cell; vertical-align:top;}
section.page.sorties article.tripItem .table .col.photo {width:155px;}
section.page.sorties article.tripItem .table .col.photo a {display:inline-block; text-decoration:none; overflow:hidden; text-align:center; border-radius:5px; width:125px; height:100px;}
section.page.sorties article.tripItem .table .col.photo .fake {display:inline-block; background:#E9E9E9; border-radius:5px; width:125px; height:100px;}
section.page.sorties article.tripItem .table .col.photo a img {width:auto; height:100%;}
section.page.sorties article.tripItem .table .col .bloc {display:inline-block; width:49%; font-size:0;}
section.page.sorties article.tripItem .table .col .bloc.main {width:60%; cursor:pointer;}
section.page.sorties article.tripItem .table .col .bloc.extra {width:38%; cursor:pointer;}
section.page.sorties article.tripItem .table .col .bloc > div {font-size:16px;}
section.page.sorties article.tripItem .table .col .bloc.main aside {float:right; border-radius:5px; font-size:14px; text-align:center; margin-right:25px; padding:10px; height:100px; box-sizing:border-box; border:1px solid #444444; }
section.page.sorties article.tripItem .table .col .bloc.main aside strong.red {color:#8E191B;}
section.page.sorties article.tripItem .table .col .bloc.main aside strong.green {color:#2AB34A;}
section.page.sorties article.tripItem .table .col .bloc.main h3 {margin:0; margin-bottom:5px;}
section.page.sorties article.tripItem .table .col .bloc.main h4 {margin:10px 0 18px 0; font-size:16px; font-weight:bold;}
section.page.sorties article.tripItem .table .col .bloc.main p {margin:0; font-size:15px; font-style:italic;}
section.page.sorties article.tripItem .table .col .bloc.extra {vertical-align:top; padding-top:12px;}
section.page.sorties article.tripItem .table .col .bloc.extra .fa {width:19px;}



/** UNE SORTIE **/
.page.sortie .btnBack {float:right;}
.page.sortie aside.sidebar {position:fixed; left:0; top:59px; bottom:0; width:260px; background:#191818; border-right:1px solid #B0B0B0;}
.page.sortie aside.sidebar a.main-photo {max-height:260px; overflow:hidden; display:block;}
.page.sortie aside.sidebar .wrap {color:white; font-size:14px; padding:20px;}
.page.sortie aside.sidebar .wrap .bloc {margin-bottom:30px;}
.page.sortie aside.sidebar .wrap label {display:block; margin-bottom:3px;}
.page.sortie aside.sidebar .wrap label.manager {line-height:24px;}
.page.sortie aside.sidebar .wrap .pure-button {width:100%; padding-left:0; padding-right:0;}
.page.sortie aside.sidebar .wrap .stick {min-width:10px; width:100%;}
.page.sortie article.content-with-sidebar {margin-left:260px;}
.page.sortie article.content-with-sidebar .bloc {padding:15px 22px; border-bottom:1px solid #B0B0B0; max-width:1200px;}
.page.sortie .acompte {border-top:2px solid #8E191B !important; border-bottom:2px solid #8E191B !important; margin-top:-1px;}
.page.sortie .acompte h2 {color:#8E191B;}
.page.sortie ul.bdc-items {list-style:none; padding-left:0;}
.page.sortie ul.bdc-items .pure-form {white-space:nowrap;}
.page.sortie ul.bdc-items li {border-bottom:1px solid #E9E9E9; padding:10px 0; line-height:1.5em;}
.page.sortie ul.bdc-items li input.number {width:70px;}
.page.sortie ul.bdc-items li .title {font-weight:bold;}
.page.sortie ul.bdc-items li.bdcTEXT {background:#EAEAEA;}
.page.sortie ul.bdc-items li.bdcTEXT .title {color:#8E191B; font-size:18px;}
.page.sortie .cancelSubscription {margin-top:10px;}


.page.sortie ul.bdc-items li .description {color:#808080;}
.page.sortie ul.bdc-items li p {margin:0 !important;}
.page.sortie .rgpd-consent-warning {margin:2em 0; padding:.5em .9em; border:1px solid black; font-weight:600;}
.page.sortie .rgpd-consent-warning .action {text-align:right;}
.page.sortie .bdc-disabled {position:relative; padding:1em;}
.page.sortie .bdc-disabled:after {
    content:""; background:url(../img/stripes.png) repeat; opacity:.2;
    position:absolute; top:0; left:0; width:100%; height:100%;
}
.page.sortie .total {color:#8E191B; font-weight:bold;}
.page.sortie .price {text-align:right;}
.page.sortie .actions {text-align:right; padding:20px 0 12px;}
.page.sortie .acompte .actions {float:right; vertical-align:top;}
.page.sortie .acompte .actions img {margin-right:10px; margin-top:-3px; vertical-align:top;}
.page.sortie .state-on-right {float:right;}
.page.sortie .payments ul {list-style:none; padding-left:0; width:450px; max-width:100%;}
.page.sortie .payments ul li {border-bottom:1px solid #E9E9E9; padding:10px 0; line-height:1.5em;}
.page.sortie .payments ul li.head {font-weight:bold;}
.page.sortie .payments ul li.foot {font-weight:bold; color:#8E191B;}
.page.sortie .payments .actions {float:right; margin-top:-80px; vertical-align:top;}
.page.sortie .payments .actions img {vertical-align:top; margin-right:10px; margin-top:-3px;}
.page.sortie .payments .actions.partial-payment-enabled {float:none; margin-top:0;}
.page.sortie .payments .partial-payment-wrapper {padding-top:20px;}
.page.sortie .payments .partial-payment-wrapper button {margin-bottom:2px;}
.page.sortie .send-photos .add-btn {float:right; margin-top:12px;}
.page.sortie .thumb {
    display:inline-block; width:116px; height:130px; padding:8px 8px 0 8px; box-sizing:border-box;
    background:#EBEBEB; text-align:center; margin-left:8px; margin-bottom:8px; line-height:14px;
}
.page.sortie .thumb a {font-size:0; line-height:0; text-decoration:none; display:inline-block;}
.page.sortie .thumb .delete {text-decoration:underline; cursor:pointer; color:#8E191B; font-size:10px;}
.page.sortie .thumb .delete:hover {color:red;}
.page.sortie .bloc.photos .wrap {font-size:0;}
.page.sortie .bloc.photos.can-moderate .thumb {height:140px; line-height:7px;}
.page.sortie .bloc.photos.can-moderate .ui-sortable-placeholder {height:100px !important;}
.page.sortie .bloc.photos:not(.can-moderate) .thumb {height:130px; line-height:0;}
.page.sortie .bloc.photos:not(.can-moderate) .thumb > .actions {display:none;}
.page.sortie .thumb.moderation-PENDING {background:orange;}
.page.sortie .thumb.moderation-PENDING .actions .delay {display:none;}
.page.sortie .thumb.moderation-NOK {background:#8E191B;}
.page.sortie .thumb.moderation-NOK a img {opacity:.6;}
.page.sortie .thumb.moderation-NOK .actions .reject {display:none;}
.page.sortie .thumb.moderation-OK .actions .accept {display:none;}
.page.sortie .thumb:not(.moderation-PENDING) .actions {visibility:hidden;}
.page.sortie .thumb:not(.moderation-PENDING):hover .actions {visibility:visible;}
.page.sortie .thumb.moderation-OK .actions > * {color:black;}
.page.sortie .thumb .actions {padding:0; text-align:center;}
.page.sortie .thumb .actions > * {display:inline-block; color:white; font-size:18px; cursor:pointer; padding:5px; margin:0 2px;}
.page.sortie .thumb .actions > *:hover {background:rgba(0,0,0,.2);}

.page.sortie .thumb .download-wrapper {text-align:center; padding:12px 0 0;}
.page.sortie .thumb .download-wrapper a {color:black; font-size:10px; text-decoration:underline;}

.page.sortie .moderation-tools {margin-bottom:20px;}
.page.sortie .moderation-tools .display-mode {font-size:0;}
.page.sortie .moderation-tools .display-mode > * {font-size:12px;}
.page.sortie .accept-all-wrapper {text-align:right;}

.page.sortie .bloc.photos.display-as-member .thumb:not(.moderation-OK) {display:none !important;}
.page.sortie .bloc.photos.display-as-member .thumb .actions {display:none !important;}
.page.sortie .bloc.photos.can-moderate:not(.display-as-member) .thumb .download-wrapper {display:none !important;}
.page.sortie .bloc.photos.display-as-member .moderation-tools .infos {display:none;}


/** EDIT SORTIE **/
section.page.editSortie > header .breadcrumb {display:inline-block; color:#8E191B; font-size:21px;}
section.page.editSortie > header .onglets {display:inline-block; margin-left:40px; position:relative; top:-1px;}
section.page.editSortie .ongletContent {display:none;}
section.page.editSortie .ongletContent.active {display:block;}
section.page.editSortie .ongletPresentation .bloc {padding:20px; color:#404040;}
section.page.editSortie .ongletPresentation .bloc:first-child {border-right:1px solid #ddd;}

section.page.editSortie .ongletBonDeCommande .template {display:none;}
section.page.editSortie .ongletBonDeCommande .actions {text-align:right; padding-right:20px; padding-bottom:20px;}
section.page.editSortie .ongletBonDeCommande ul.itemsList {list-style:none; padding:0; margin:0;}
section.page.editSortie .ongletBonDeCommande ul.itemsList > li {display:block; position:relative; border-bottom:1px solid #404040; padding-top:8px; padding-bottom:3px;}
section.page.editSortie .ongletBonDeCommande .pure-control-group input.champ {padding:0.3em 0.4em;}
section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group > label {width:20%;}
section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group input[type=text] {width:70%;}
section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group textarea {width:70%;}
section.page.editSortie .ongletBonDeCommande .col2 .pure-control-group > label {width:40%;}
section.page.editSortie .ongletBonDeCommande .col2 .pure-control-group textarea {width:45%;}
section.page.editSortie .ongletBonDeCommande .pure-control-group .champ.number {width:27%; text-align:right;}
section.page.editSortie .ongletBonDeCommande .pure-control-group .champ[name=choices] {width:45%;}
section.page.editSortie .ongletBonDeCommande .textareaWrapper {display:inline-block; width:70%; vertical-align:top;}
section.page.editSortie .ongletBonDeCommande .textareaWrapper .redactor-box {margin-bottom:0;}
section.page.editSortie .ongletBonDeCommande .textareaWrapper .redactor-editor {padding:5px; border:1px solid #D0D0D0; border-top:0;}
section.page.editSortie .ongletBonDeCommande .textareaWrapper .insertControl {padding:0; padding-top:5px; border-bottom:none;}
section.page.editSortie .ongletBonDeCommande .textareaWrapper .insertControl label {width:auto; font-weight:normal;}
section.page.editSortie .ongletBonDeCommande .textareaWrapper .insertControl .fileControl {position:static; margin-left:0;}
section.page.editSortie .ongletBonDeCommande .btnDelete {position:absolute; right:10px; top:10px; cursor:pointer;}
section.page.editSortie .ongletBonDeCommande .btnMove {position:absolute; right:8px; top:35px; cursor:pointer;}


section.page.editSortie .ongletInscriptions table.inscriptions-table {margin:30px;}
section.page.editSortie .ongletInscriptions table.inscriptions-table tr:hover td {background:#EFEBD6;}
section.page.editSortie .ongletInscriptions thead th {color:#8E191B;}
section.page.editSortie .ongletInscriptions .second th,
section.page.editSortie .ongletInscriptions .foot td {background:#C0C0C0; font-weight:bold; color:black;}
section.page.editSortie .ongletInscriptions th {text-align:center; vertical-align:middle;}
section.page.editSortie .ongletInscriptions td {text-align:center; vertical-align:middle;}
section.page.editSortie .ongletInscriptions tr td:first-child {text-align:left;}
section.page.editSortie .ongletInscriptions .actions button {margin-left:30px;}
section.page.editSortie .ongletInscriptions .remove-subscriber {cursor:pointer;}
section.page.editSortie .ongletInscriptions td.clickable {cursor:pointer;}
section.page.editSortie .ongletInscriptions td.clickable:hover {background:yellow !important;}
section.page.editSortie .ongletInscriptions .actions {margin-bottom:30px;}


.popupOnTheFlyOrderEditing .champ {width:100%;}
.popupOnTheFlyOrderEditing .actionsPopup {text-align:right; margin:15px 0;}

.popupOnTheFlyPaymentsEditing table {width:100%;}
.popupOnTheFlyPaymentsEditing table td {vertical-align:top;}
.popupOnTheFlyPaymentsEditing .price {text-align:right;}
.popupOnTheFlyPaymentsEditing .delete {cursor:pointer;}
.popupOnTheFlyPaymentsEditing em {display:block; font-size:12px;}



/** POPUP Paiements **/
.payment-popup .content {text-align:center; padding-bottom:32px !important;}
.payment-popup .amount {color:#8E191B; font-size:18px;}



/** FILE MANAGER (standalone) **/
form .fileControl {position:relative; margin-left:11.3em; top:-1.5em; margin-bottom:-1em;}
form .fileControl .controls .link {margin-top:0.3em;}
.fileControl .controls {display:table; width:100%;}
.fileControl .controls > * {display:table-cell;}
.fileControl .controls > .gutter {width:.2em;}
.fileControl .controls > * > .link {
    display:block; font-size:65%; font-weight:600; padding:.5em !important; margin-right:0 !important;
}


/** APERCU D'UN FICHIER (commun à toutes les pages) **/
div.fileControl {background:#F4F4F4;}
div.fileControl .preview a {display:table; width:100%; text-decoration:none; color:#323232;}
div.fileControl .preview a .thumb {display:table-cell; vertical-align:top; width:56px;}
div.fileControl .preview a .thumb img {box-shadow:0 0 3px rgba(0,0,0,0.3);}
div.fileControl .preview a .fileInfos {display:table-cell; vertical-align:middle; font-size:16px;}
div.fileControl .preview a .fileInfos em {font-size:13px;}


/** EDITOR (commun à toutes les pages) **/
.textareaWrapper .insertControl {padding:10px 0; border-bottom:1px solid #ddd;}
.textareaWrapper .insertControl label {font-weight:bold; font-size:14px; display:inline-block; text-align:right; width:142px;}
.textareaWrapper .insertControl .linkDelete {display:none;}
.textareaWrapper .insertControl .preview {display:none;}
.textareaWrapper .insertControl .fileControl {display:inline-block; background:none;}
.textareaWrapper .insertControl .controls {display:inline-block;}
.textareaWrapper .insertControl .controls .link {margin-left:10px;}
.textareaWrapper .insertControl .controls br {display:none;}


/** CHAMP "User Selector" commun à toutes les pages **/
.userSelector {display:inline-block; background:#F4F4F4; vertical-align:top; margin-bottom:0.5em;}
.userSelector .displayName {display:block; font-weight:bold;}


/** AJAX UPLOAD **/
section.page.uploadPage section.content #uploader_div {display:table; width:100%;}
section.page.uploadPage section.content #uploader_div .ax-main-container {display:table-cell; text-align:center; vertical-align:middle; padding-bottom:4%;}
section.page.uploadPage section.content #uploader_div ul.ax-file-list {width:auto; padding:20px 50px;}


/** HISTORIQUE CB **/
section.cblogs .wrap {padding:25px;}
section.cblogs .log-items {margin-top:30px;}
section.cblogs .log-items table {width:100%; border-collapse:collapse;}
section.cblogs .log-items table .price {text-align:right;}
section.cblogs .log-items table .green .price {font-weight:bold;}
section.cblogs .log-items table .green td {background: rgb(28, 184, 65);}
section.cblogs .log-items table .orange td {background: rgb(223, 117, 20);}
section.cblogs .log-items table tr.head td {background:black; font-weight:bold; color:white;}
section.cblogs .cblogs-export-wrapper {text-align:right;}


/** DOCUMENTS DU CLUB **/
.edit-documents-page .wrap,
section.documents .wrap {padding:25px;}
section.documents header .config {float:right; font-size:16px;}
.edit-documents-page .cke_contents {min-height:360px;}

/* Page PARTENAIRES */
.edit-partners-page .wrap,
section.partners .wrap {padding:25px;}
section.partners header .config {float:right; font-size:16px;}
.edit-partners-page .cke_contents {min-height:360px;}

/** SAVOIE-X **/
iframe.savoie-x {
	border:0px solid white;
	padding:0;
	margin:0;
	width:100%;
	min-width:768px;
	overflow-x:hidden;
}


/** BOUTIQUE **/
.page.shop:not(.shop-pane-enabled) .shop-pane {display:none;}
.page.shop:not(.shop-pane-enabled) footer {display:none;}
.page.shop:not(.history-pane-enabled) .history-pane {display:none;}


.page.shop.shop-pane-enabled header .switcher > [data-pane="shop"],
.page.shop.history-pane-enabled header .switcher > [data-pane="history"] {background:#8E191B;}

.page.shop > header .btn {float:right; margin-left:15px;}
.page.shop .shop-article {border-bottom:1px solid #E9E9E9; padding:18px; position:relative;}
.page.shop .shop-article .edit {display:none; position:absolute; top:15px; right:15px; cursor:pointer;}
.page.shop .shop-article:hover .edit {display:block;}
.page.shop .shop-article .thumb {
    display:inline-block; width:100px; height:100px; background:no-repeat center center #F0F0F0;
    background-size:contain; border:1px solid #E0E0E0; outline:none; text-decoration:none; vertical-align:top;
}
.page.shop .shop-article .infos {display:inline-block; vertical-align:top; margin-left:15px; width:calc(100% - 340px);}
.page.shop .shop-article .infos h3 {margin:.4em 0 .4em 0;}
.page.shop .shop-article .infos .description {margin:0 0 .7em 0; font-size:14px;}
.page.shop .shop-article .infos table {font-size:90%; border:1px solid #E0E0E0;}
.page.shop .shop-article .infos table td {background:#F5F5F5; padding:3px 10px;}
.page.shop .shop-article .infos table td.qtt {width:65px;}
.page.shop .shop-article .infos table td.price {text-align:right; font-size:110%; color:#8E191B; font-weight:bold;}
.page.shop .shop-article .infos table td input,
.page.shop .shop-article .infos table td select {width:100%; box-sizing:border-box;}

.page.shop .shop-order {border-bottom:1px solid #E9E9E9; padding:18px;}
.page.shop .shop-order h3 {margin:0 0 .5em;}
.page.shop .shop-order .order-status-info {padding-left:8px;}
.page.shop .shop-order ul.items {margin:0 0 .5em; list-style:none; padding:0;}
.page.shop .shop-order ul.items .qtt {
    display:inline-block; background:#444444; color:white; padding:2px 4px; font-size:80%; font-weight:bold;
}
.page.shop .shop-order ul.items .article-desc strong {font-weight:normal;}
.page.shop .shop-order ul.items .unit-price {display:inline-block; color:#909090; font-size:80%; font-style:italic; margin-left:6px;}

.page.shop footer {transition:background .2s ease-in-out;}
.page.shop footer.highlight {background:#8E191B;}
.page.shop footer.highlight > * {visibility:hidden;}
.page.shop footer .cols {font-size:0; line-height:0;}
.page.shop footer .cols > * {display:inline-block; width:50%; font-size:16px; line-height:20px;}
.page.shop footer .details {text-align:left;}
.page.shop footer .details > div {display:inline-block; margin-right:30px;}
.page.shop footer .actions {text-align:right;}
.page.shop footer .empty-cart {margin:0; text-align:left;}



/** PANIER **/
.page.shop-cart-page header .close {float:right;}
.page.shop-cart-page .content > .wrap {padding:20px;}
.page.shop-cart-page table.order-details {width:calc(100% - 30px);}
.page.shop-cart-page table.order-details td {vertical-align:top;}
.page.shop-cart-page table.order-details h3 {margin:0 0 .7em 0;}
.page.shop-cart-page table.order-details td.description {padding-bottom:30px;}
.page.shop-cart-page table.order-details input.qtt {width:55px; text-align:center;}
.page.shop-cart-page table.order-details td.qtt-wrapper,
.page.shop-cart-page table.order-details tr.shipping td,
.page.shop-cart-page table.order-details tr.total td {text-align:right; white-space: nowrap;}
.page.shop-cart-page table.order-details td.price {text-align:right; font-weight:bold; white-space:nowrap;}
.page.shop-cart-page table.order-details td.delete span {text-decoration:underline; cursor:pointer; font-size:90%; color:#8E191B;}
.page.shop-cart-page table.order-details tfoot tr td {background:#e0e0e0; font-weight:bold;}
.page.shop-cart-page .shipping-address textarea {display:block; width:100%;}



/** CONFIG BOUTIQUE **/
.page.shop-config-page .pure-form-aligned .pure-control-group label {width:16em; vertical-align:top;}
.page.shop-config-page .content > .wrap {padding:20px;}
.page.shop-config-page .shipping-price-mode-wrapper {display:inline-block;}
.page.shop-config-page .shipping-price-mode-wrapper ul {list-style:none; margin:12px 0; padding:0;}
.page.shop-config-page .pure-control-group {margin-bottom:1.7em;}
.page.shop-config-page ul li {display:block; padding:5px 0;}
.page.shop-config-page ul li.template {display:none;}
.page.shop-config-page ul li input[type="number"] {width:75px;}
.page.shop-config-page ul li .delete-rule {
    text-decoration:underline; cursor:pointer; color:#8E191B; margin-left:12px; font-size:80%; font-weight:bold;
}
.page.shop-config-page .shipping-price-mode-wrapper:not(.by-amount) .if-by-amount {display:none;}
.page.shop-config-page .shipping-price-mode-wrapper:not(.by-quantity) .if-by-quantity {display:none;}
.page.shop-config-page .shipping-price-mode-wrapper:not(.by-weight) .if-by-weight {display:none;}


/** ARTICLE BOUTIQUE **/
.page.shop-article-page .content .wrap {padding:20px;}
.page.shop-article-page input[type="text"] {width:100%;  max-width:280px;}
.page.shop-article-page input[type="number"] {width:80px;}
.page.shop-article-page form .fileControl {margin-top:-1.5em; top:0; margin-bottom:1em;}
.page.shop-article-page .pure-form-aligned .pure-control-group {margin-bottom:1em;}
.page.shop-article-page textarea {width:100%; max-width:280px; box-sizing:border-box;}
.page.shop-article-page ul.options {list-style:none; margin:0; padding:0;}
.page.shop-article-page ul.options li {display:block; margin:10px 0;}
.page.shop-article-page ul.options li.template {display:none;}
.page.shop-article-page ul.options li table {border-collapse:collapse;}
.page.shop-article-page ul.options li table tr td {border:1px solid #606060; padding:0;}
.page.shop-article-page ul.options li table tr td input {
    padding:5px 6px; border:none; display:block; width:100%; box-shadow:none;
}
.page.shop-article-page ul.options li table tr td.col-1 {width:130px;}
.page.shop-article-page ul.options li table tr td.col-1,
.page.shop-article-page ul.options li table tr td.col-1 input {font-weight:bold;}
.page.shop-article-page ul.options li table tr.costs td.col-1 {padding:5px;}
.page.shop-article-page ul.options li table tr td:not(.col-1) input {text-align:center;}
.page.shop-article-page ul.options li .delete-wrapper {text-align:right;}
.page.shop-article-page ul.options li .delete {
    text-decoration:underline; cursor:pointer; color:#8E191B; margin-left:12px; font-size:80%; font-weight:bold;
}


/** Page de téléchargement de fichiers **/
#download-files-page {display:block; max-width:320px; margin:100px auto;}
#download-files-page h1 {
    font-size:1em; line-height:1em; text-align:center; box-shadow:1px 2px 5px rgba(0,0,0,.2); padding:20px 0;
    margin-top:20px; margin-bottom:20px;
}
#download-files-page .error {color:red; font-size:.8em;}
#download-files-page ul {list-style:none; margin:0; margin-bottom:2em; padding:0; text-align:center;}
#download-files-page ul li a {display:block; text-decoration:underline; font-size:.75em; margin-top:2em;}
#download-files-page ul li a:hover {color:#C6424F;}


#rgpd_popup h3 {margin-top:0 !important; margin-bottom:40px !important;}
#rgpd_popup .consent-wrapper {text-align:center;}
#rgpd_popup .consent-wrapper label {display:inline-block; font-weight:bold; font-size:105%; cursor:pointer;}
#rgpd_popup .actions {margin:1em 0;}
#rgpd_popup .actions .pure-button {display:block; width:100% !important; box-sizing:border-box;}
#rgpd_popup .option {margin-bottom:40px;}
#rgpd_popup .option > label,
#rgpd_popup .show-if-checked,
#rgpd_popup .consent-wrapper {
    display:block; background:white; padding:7px 12px; margin-bottom:5px;
    border:1px dotted #606060;
}
#rgpd_popup .option > label {cursor:pointer;}
#rgpd_popup .option > label:hover {
    border:1px solid black
}
#rgpd_popup .show-if-checked {padding-top:12px; padding-left:20px;}
#rgpd_popup .show-if-checked label {display:block;}
#rgpd_popup p.small {font-size:14px; color:#707070;}
#rgpd_popup h4 {
    position:relative; padding-left:40px;
}
#rgpd_popup h4 strong {
    position:absolute; left:0; font-size:32px; font-weight:normal;
    opacity:.5;
}
#rgpd_popup .mediums {
    display:flex; justify-content:flex-end;
}
#rgpd_popup .mediums > * {
    margin-left:30px;
}
#rgpd_popup .mediums input[type="checkbox"] {
    display:none;
}
#rgpd_popup .mediums .switcher {
    display:inline-block; font-size:0; margin-left:8px;
}
#rgpd_popup .mediums .switcher > * {
    display:inline-block; padding:5px 10px;
    cursor:pointer; background:#D9D9D9;
    font-size:12px; font-weight:bold;
}
#rgpd_popup .mediums .switcher > *:not(.checked):hover {
    background:#C0C0C0;
}
#rgpd_popup .mediums .switcher > *:first-child {
    border-top-left-radius:10px; border-bottom-left-radius:10px;
}
#rgpd_popup .mediums .switcher > *:last-child {
    border-top-right-radius:10px; border-bottom-right-radius:10px;
}
#rgpd_popup .mediums .switcher > *:not(.checked) {opacity:.4;}
#rgpd_popup .mediums em {
    display:inline-block; font-size:.7em; max-width:200px;
}



/** Page de gestion des adhésions **/
.page.memberships .wrap {
    padding:5px 20px 15px; border-bottom:1px solid #C0C0C0;
}
.page.memberships .config-form {
    display:flex; justify-content:flex-start; align-items:baseline;
}
.page.memberships .config-form .champ {min-width:320px;}
.page.memberships .config-form > * {margin-right:15px;}
.page.memberships .config-form .userSelector {
    border:1px solid #E0E0E0; background:#F3F3F3; padding:10px 15px;
}
.page.memberships .info {font-size:90%; margin-top:-.3em; margin-bottom:.6em; color:#909090;}
.page.memberships table {width:100%;}
.page.memberships .settings table tr > * {text-align:center;}
.page.memberships .settings table tbody tr {cursor:pointer;}
.page.memberships .settings table tbody tr:hover td {
    background:#8E191B; color:white;
}
.page.memberships .settings .actions {text-align:right; margin-top:12px;}
.membership-config-popup .pure-form-aligned .pure-control-group label {width:19em;}
.membership-config-popup .actions {text-align:right;}
.page.memberships .open-membership-pdf {
    cursor:pointer; display:inline-block; margin:.5em 1em;
}
.page.memberships .open-membership-pdf:hover {color:#8E191B;}
.page.memberships table tr.head td {
    background:#E0E0E0; font-weight:bold;
}
.page.memberships table tr > td.year {
    text-align:center; background:#606060; color:white;
}



/** Page d'inscription d'un nouvel adhérent **/
#memberships-subscribe-form {
    position:absolute; top:0; left:0; width:100%; height:100%;
    display:table;
}
#memberships-subscribe-form > .inner {
    display:table-cell; vertical-align:middle; padding-bottom:50px;
}
#memberships-subscribe-form > .inner > .form {
    margin:30px auto; width:90%; max-width:640px;
}
#memberships-subscribe-form .logo {max-width:100%; height:auto;}
#memberships-subscribe-form header {text-align:center; margin-bottom:2em;}
@media (min-width:768px) {
    #memberships-subscribe-form .pure-g {
        margin-left:-1em; margin-right:-1em;
    }
    #memberships-subscribe-form .pure-g > * {
        padding-left:1em; padding-right:1em; box-sizing:border-box;
    }
}
#memberships-subscribe-form footer {text-align:center;}
#memberships-subscribe-form footer .rgpd {font-style:italic; color:#909090;}
#memberships-subscribe-form .on-success {
    margin:30px; text-align:center; display:none;
}
#memberships-subscribe-form .on-success p {
    color:#2AB34A; font-size:18px; font-weight:bold;
}



/** Page d'accueil extranet **/
.page.dashboard .wrap {margin:30px;}
.page.dashboard .edit-profile {
    text-decoration:underline; cursor:pointer; color:#8E191B;
}
.page.dashboard .years {
    display:flex; flex-direction:column;
}
.page.dashboard .years > * {
    border-top:1px solid #C0C0C0; padding-bottom:10px;
}
.page.dashboard .membership-status.green {color:#2AB34A;}
.page.dashboard .membership-status.orange {color:orange;}
.page.dashboard .membership-status.red {color:#8E191B;}
.page.dashboard .trips h2 {font-size:14px; margin:0 0 6px;}
.page.dashboard .trips ul {list-style:square; padding:0 0 0 16px; margin:0 0 6px;}
.page.dashboard .trips ul li {font-size:14px; margin-bottom:.4em;}
.page.dashboard .trips ul li .link {display:inline-block; cursor:pointer;}
.page.dashboard .trips ul li .link:hover {color:#8E191B;}
.page.dashboard .trips ul li .link:hover .name {text-decoration:underline;}
.page.dashboard .trips ul li .info {
    position:relative; top:-.1em;
    display:inline-block; font-size:11px; font-weight:bold;
    line-height:1em; padding:.2em .5em; margin-right:.4em;
    background:#D0D0D0; color:#404040; border-radius:.5em;
}
.page.dashboard .membership-management {margin-bottom:.4em;}
.page.dashboard .steps {display:flex; flex-direction:row;}
.page.dashboard .step:not(:last-child) {margin-right:20px;}
.page.dashboard .step {
    flex:1; padding:12px 16px; background:#E0E0E0;
}
.page.dashboard .step.done {background:#2AB34A; color:white;}
.page.dashboard .step.locked {cursor:not-allowed; opacity:.3;}
.page.dashboard .step:not(.locked) {cursor:pointer;}
.page.dashboard .step:not(.locked):not(.done):hover {color:#8E191B;}
.page.dashboard .step .title {font-weight:bold; text-transform:uppercase; margin-bottom:.2em;}
.page.dashboard .membership-management .documents {display:flex;}
.page.dashboard .membership-management .documents > * {margin-right:1em;}
.page.dashboard .membership-management .documents span {cursor:pointer;}
.page.dashboard .membership-management .documents span:hover {color:#8E191B;}


/* Popup de signature d'un document d'adhésion */
#sign-membership-document-popup .open-membership-pdf {
    display:block; width:100%; font-weight:bold;
}
#sign-membership-document-popup .actions {text-align:right;}
#sign-membership-document-popup .sign-wrapper {
    display:block; text-align:center; padding:1em 0;
}


/* Popup de rédaction de la lettre d'intention */
#letter_of_intent_popup .champ {width:100%;}
#letter_of_intent_popup .actions {text-align:right;}


/* Champ texte */
.page.newSMS .counter.length-warning {color:#A00000;}
.page.newSMS textarea.length-warning {border:2px solid #A00000 !important;}



.page.cblogs .actions {
    display:flex; justify-content:space-between; margin-bottom:20px;
}
.page.cblogs .actions div .pure-button {
    margin-left:14px;
}
.page.cblogs table {
    width:100%;
}
.page.cblogs table thead tr th {
    padding-top:1em; padding-bottom:1em;
}
.page.cblogs table .price {
    text-align:right; white-space:nowrap;
}
.page.cblogs table .price.negative {
    background-color:#A00000; color:white;
}
.page.cblogs table tr.total {
    background:black; color:white;
}


.ebp-extract-popup .actions {
    margin-top:20px; margin-bottom:12px;
    display:flex; justify-content:flex-end;
}


.edit-partners-page .partner {
    position:relative; border-bottom: 1px solid black;
}
.edit-partners-page .partner .actions {
    position:absolute; right:0; top:10px; bottom:10px;
    display:flex; flex-direction:column; justify-content:space-between;
}
.edit-partners-page .partner .actions .down {
    transform:scaleY(-1);
}
.edit-partners-page .partner .champ {
    width:calc(100% - 22em);
}
.edit-partners-page .partner .fileControl {
    max-width:320px;
}
.edit-partners-page .add-partner {
    margin-top:20px;
}


.partners.page .partners {
    display:grid; gap:30px;
    grid-template-columns: repeat(auto-fit, minmax(270px, 370px));
}
.partners.page .partner {
    background:white; box-shadow:-2px 2px 6px rgba(0,0,0,.33);
    border:1px solid #C0C0C0;
}
.partners.page .partner .logo {
    display:flex; justify-content:center; align-items:center; overflow:hidden;
    width:100%; aspect-ratio: 1 / 1; background:#F0F0F0;
}
.partners.page .partner .logo img {
    object-fit:contain; max-width:100%; max-height:100%;
}
.partners.page .partner .body {
    padding:0 15px 15px 15px;
}
.partners.page .partner .body h3 {
    font-size:17px; margin-bottom:4px;
}
.partners.page .partner .body p {
    font-size:15px;
}
.partners.page .partner .body .actions > * {
    margin-right:8px; margin-bottom:4px;
}