@media (max-width:1200px) {
	section.page.trombinoscope .table .col.photos {width:288px;}
	section.page.trombinoscope .table .col.photos .personne {width:100px; height:100px;}
	section.page.trombinoscope .table .col.photos .voiture {width:125px; height:100px;}
}

@media (max-width:1150px) {
	nav#mainMenu ul.menuItems li a {font-size:22px; text-align:center; padding:16px;}
	body.mobileDevelopped nav#mainMenu {display:block; padding-bottom:70px;}
	body.mobileDevelopped div#burgerMenuBtn {top:auto; bottom:0;}
	body.mobileDevelopped div#burgerMenuBtn .fa-sort-asc {display:none;}
	body.mobileDevelopped div#burgerMenuBtn .fa-sort-desc {display:inline;}
	nav#mainMenu .blocLogout h2 {font-size:18px;}
	nav#mainMenu .blocLogout .btnLogout {font-size:18px;}
	nav#mainMenu .blocLogout .user .pseudo.editable {font-size:18px;}
	div.dialogWrapper .dialogTable {height:100%;}
	.page.sortie .btnBack {margin-top:-5px;}
	.page.sortie aside.sidebar {position:static; width:100%; font-size:16px; box-sizing:border-box;}
	.page.sortie aside.sidebar a.main-photo {float:left; margin-right:25px; margin-bottom:20px;}
	.page.sortie article.content-with-sidebar {margin-left:0;}
	.page.sortie aside.sidebar a.main-photo {float:left; margin-right:20px;}
	.page.sortie aside.sidebar a.main-photo img {max-height:257px;}
}

@media (max-width:1024px) {
	section.page.sorties article.tripItem .table .col .bloc {display:block; width:auto;}

	.page.sortie aside.sidebar .wrap label br {display:none;}
	.page.sortie aside.sidebar .wrap .pure-button,
	.page.sortie aside.sidebar .wrap .stick {display:block; width:100%; min-width:200px;}

	section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group > label {width:40%;}
	section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group input[type=text] {width:45%;}
	section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group textarea {width:45%;}
	section.page.editSortie .ongletBonDeCommande .textareaWrapper {width:45%;}
}


@media (max-width:990px) {
	section.page.trombinoscope .table {display:block;}
	section.page.trombinoscope .table .col {display:inline-block;}
	section.page.trombinoscope .table .col.photos {margin-bottom:8px;}
	section.page.trombinoscope .table .col .bloc {width:auto; margin-right:20px;}
	section.page.trombinoscope .table .col .bloc.main {width:auto;}

	section.page.trombinoscope footer .bloc.selection {display:block; margin:0; text-align:center; margin-bottom:12px;}
	section.page.trombinoscope footer .bloc.selection .nbUsersSelected {display:inline-block; font-size:18px; margin-right:20px;}
	section.page.trombinoscope footer .bloc.selection .pure-button {font-size:16px;}

	section.page.trombinoscope footer .bloc.actions {display:block; font-size:0;}
	section.page.trombinoscope footer .bloc.actions input {width:33%; margin:0 .15%; font-size:18px; box-sizing:border-box;}

	section.page.sorties > header .btnAddSortie  {float:none; width:100%; margin-bottom:10px; font-size:16px; padding:8px 0;}
	section.page.sorties > header .switcher {display:block; margin:0 0 10px 0;}
	section.page.sorties > header .switcher .pure-button {width:49.5%; margin-right:.5%; font-size:16px; padding:8px 0;}
	section.page.sorties > header .freeSearch input {display:block; width:100%; max-width:100%; font-size:16px; padding:8px;}
	section.page.sorties > header .freeSearch label {display:none;}

	section.page.sorties article.tripItem .table .col .bloc.main {width:100%;}
	section.page.sorties article.tripItem .table .col .bloc.main aside {height:auto; margin-right:40px; margin-top:-10px;}
	section.page.sorties article.tripItem .table .col .bloc.main aside br {display:none;}
	section.page.sorties article.tripItem .table .col .bloc.main aside strong {display:block;}
	section.page.sorties article.tripItem .table .col .bloc.extra {width:100%;}
	section.page.sorties article.tripItem .table .col .bloc.extra br {display:none;}
	section.page.sorties .stick {min-width:0;}
	section.page.sorties article.tripItem .editBtn {font-size:30px; display:block;}
}

@media (max-width:959px) {
	.tablet-hidden {display:none !important;}

	div.dialogWrapper .dialogCell {vertical-align:top;}
	div.dialogWrapper .dialogCell .dialogBox {min-height:100%;}

	section.page.editUser div.bloc input.withSuggestions {margin-left:0; margin-top:6px;}
	form .fileControl {position:static; margin-left:0; top:0; margin-bottom:10px;}
	form .fileControl .controls .link {width:100%; display:block; box-sizing:border-box; padding:9px 0;}
	form .fileControl .controls br {display:none;}
    .page.shop-article-page form .fileControl {margin-top:0;}

	section.page.trombinoscope header input.btnAddMember {display:none;}
	section.page.trombinoscope header .lightOrFullView {display:none;}
	section.page.trombinoscope header .freeSearch label {display:none;}
	section.page.trombinoscope header .filterByTrip {display:block; margin-bottom:13px; margin-right:0;}
	section.page.trombinoscope header .filterByTrip select {width:100%; padding:8px; font-size:16px;}
	section.page.trombinoscope header .freeSearch {display:block; width:100%;}
	section.page.trombinoscope header .freeSearch input {display:block; width:100%; max-width:100%; padding:8px; font-size:16px;}
	section.page.trombinoscope header .filterByGroup {display:block; margin:10px 0 0;}
	section.page.trombinoscope header .filterByGroup .pure-button {width:33.3%; font-size:16px; padding:8px 0;}
	section.page.trombinoscope .table .col .bloc.extra {display:none !important;}
	section.page.trombinoscope .table .col.photos {float:right; width:auto;}
	section.page.trombinoscope .content article .editBtn {display:none !important;}

	section.page.messagerie > header .btn {float:left; width:49.5%; margin:0 .5% 0 0; font-size:16px;}
	section.page.messagerie .mailboxesFilter {display:block; clear:left; padding-top:10px;}
	section.page.messagerie .mailboxesFilter .pure-button {width:49.5%; margin:0 .5% 0 0; font-size:16px; padding:8px 0;}

	section.page.sorties article.tripTitle {padding-left:25px;}
	section.page.sorties article.tripItem .table .col.photo {display:none;}
	section.page.sorties article.tripItem .table .col .bloc.main aside {display:none;}
	.page.sortie .btnBack {float:none; width:100%; margin-bottom:10px; margin-top:0;}

	section.page.editSortie > header .onglets {display:block; margin:0; padding-top:10px;}
	section.page.editSortie > header .onglets .pure-button {width:33%; margin-right:.1%; font-size:16px; padding:8px 0;}

	section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group > label {text-align:left;}
	section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group > * {width:100%; display:block;}
	section.page.editSortie .ongletBonDeCommande .col1 .pure-control-group input[type=text] {width:100%; display:block;}
	section.page.editSortie .ongletBonDeCommande .pure-control-group .champ.number {width:100%; display:block;}

	section.page.editSortie .bloc {padding:25px;}

	.pure-form-aligned .pure-control-group label {display:block; width:auto; text-align:left; font-weight:bold; margin:16px 0 8px;}
	.pure-form input:not([type]), .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form label {width:100%;}
	.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-aligned .pure-help-inline, .pure-form-message-inline {width:100%;}

	.page.sortie aside.sidebar .wrap {padding:0;}
	.page.sortie aside.sidebar {padding:25px;}
	.page.sortie aside.sidebar a.main-photo {float:none; margin:0;}

	.page.sortie .payments ul {display:block; width:100%;}
	.page.sortie .payments .actions {float:none; margin:0; text-align:right;}

    .page.shop .shop-article .infos {display:block; margin-left:0; width:initial;}
}

@media (max-width:700px) {
	.mobile-hidden {display:none !important;}

	section.page.editUser div.bloc {width:100%; border-top:1px solid #E9E9E9;}
	section.page h2 {font-size:22px;}

	section.page.trombinoscope .table .col.photos {float:none; width:100%; display:block;}
	section.page.trombinoscope header .filterByGroup .pure-button {width:100%; font-size:18px; padding:10px 0; margin-bottom:1px;}
	section.page.trombinoscope footer .bloc.selection .nbUsersSelected {display:block; margin:0; margin-bottom:10px; text-align:center;}
	section.page.trombinoscope footer .bloc.actions input {width:100%; margin:0 0 1px;}
	section.page.messagerie article.messageItem .table {display:block; position:relative;}
	section.page.messagerie article.messageItem .table > div {display:block; width:auto !important; margin-bottom:5px;}
	section.page.messagerie article.messageItem .table .date {position:absolute; top:0; right:0; padding-right:0;}
	section.page.messagerie article.messageTitle {padding-left:0; text-align:right; padding-right:25px;}
	section.page.cblogs .content .date {width:100%; margin-bottom:8px;}

	.actions .pure-button {display:block; width:100%; max-width:100%; box-sizing:border-box;}
	footer .pure-button {display:block; width:100%; max-width:100%; box-sizing:border-box; margin:4px 0;}
	.stick {display:block; width:100%; max-width:100%; box-sizing:border-box;}
	.page.sortie .state-on-right {float:none; text-align:center;}
	.page.sortie ul.bdc-items li.bdc-item .pure-g > * {display:block; width:100%;}
	.page.sortie .payments .actions img {margin-bottom:10px;}
	.page.sortie .bloc.bdc .stick {margin-bottom:20px;}
	.page.sortie .actions {text-align:left;}
	.page.sortie .acompte .actions {float:none;}
	.page.sortie .acompte .actions img {margin-bottom:10px;}
	.page.sortie .acompte .cancelSubscription {font-size:16px;}
	section.page.trombinoscope.userSelector header input.btnCancel, section.page.trombinoscope.modal header input.btnCancel {display:block; width:100%; margin-bottom:8px;}

	.page.dashboard .steps {flex-wrap:wrap;}
	.page.dashboard .steps > * {
		flex:none; width:calc(50% - 20px); box-sizing:border-box;
		margin-bottom:15px;
	}
}

@media (max-width:640px) {
	body.ALPES section.page.login #loginForm {flex-direction:column; align-items:center; width:240px; padding-right:0;}
	body.ALPES section.page.login #loginForm .logo {margin-right:0;}
	body.ALPES section.page.login #loginForm .inner-form {padding-top:0; width:100%;}

	body.GENERATIONAIRCOOLED section.page.login #loginForm {width:calc(100% - 40px);}
}

@media (max-width:500px) {
	section.page.trombinoscope footer .bloc.selection .pure-button {display:block; width:100%; padding:10px; font-size:18px; margin-bottom:1px;}
	section.page.editSortie > header .onglets .pure-button {width:100%; margin-right:0; margin-bottom:1px;}
}