@media (min-width: 960px) {
	body {
		position: relative;
		width: 100%;
		margin: 0 auto 0 0;
		overflow: hidden;
		display: flex;
	}
	body.faq {
		overflow: auto;
	}
	#menu {
		/*position: relative;
		order: 1;*/
	}
	.home {
		width: 100%;
		/*order: 2;*/
	}
	.logged {
		margin-left: 270px;
	}
	.select-wrapper, #classement > .select-wrapper {
		width: 100%;
		margin: 10px 0;
	}
	#open-menu::after {
		left: 8px;
		top: 7px;
		background-size: 30px auto;
	}
    
    .lds-ring {
        margin-left: calc(50vw + 95px);
    }

	.column-to-line {
		display: flex;
	}
	
	#link-newaccount {
		text-align: right;
	}
	
	#link-forgot-password {
		text-align: center;
	}
	#link-demo-mode {
	    text-align: left;
    }
    .h-link {
        margin: 10px;
        padding-left: 20px;
    }
	.h-link > .arrow-right {
		background: none;
	}
	
	.field-input {
		padding: 5px 10px 5px 0;
	}
	.small-input {
		width: 100px;
		height: 33px;
	}
	.surface.small-input {
		border-radius: 25px;
		margin-right: 10px;
		padding-left: 15px;
		display: inline;
	}
	
	.line-container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.line-container > .field-label {
		width: 30%;
		padding: 5px 0 5px 0;
	}

	.select-people, .small-input {
		background-position: 87% center;
	}
	
	.text-left {
		padding: 0;
		text-align: center;
	}
	
	#partners_consents .text-left {
	    text-align: left;
	}
	
	#newaccount-step1 .line-container {
		flex-direction: column;
	}
	
	.missions-container {
		display: inline-block;
		text-align: center;
		max-width: 960px;
		overflow-y: initial;
		margin-bottom: 80px;
		height: auto !important;
	}

	.messages-container {
		width: 100%;
		display: inline-block;
		text-align: center;
		max-width: 960px;
	}
	.mission-line, .message-line {
        width: 450px;
		display: inline-block;
		vertical-align: top;
	}
    .mission-small {
        margin: 20px 0px -10px 10px;
    }
	.TROPHEE, .TROPHEE_NIV {
		width: 300px;
	}
	.mission-header, .mission-body, .mission-footer {
		text-align: left;
	}
	.records_container {
		max-width: 960px;
		margin-left: 0;
	}
	.record_msg {
		width: 90%;
	}
	.header_record span {
		width: 10%;
	}
	.record_div span {
		width: 10%;
		margin: 0;
	}
	.header_record {
		max-width: 960px;
		margin-left: 0;
	}
	#homepage-message-container {
		max-width: 960px;
		margin: 0 auto;
		text-align: center;
	}
	#larger-chart {
		max-width: 960px;
	}
	.chart-btn-container {
        left: 270px;
        width: calc(100% - 270px);
        max-width: calc(960px + 10%);
	}
	.detail-div {
		max-width: 960px;
		margin: 0 auto;
	}
	.container-echelle {
		max-width: 460px;
		margin: 20px auto;
	}
	/*.action-btn-container {
		position: relative;
		margin-top: 15px;
	}*/
	.field-label {
		float: initial;
		text-align: center;
	}

	#manage_account .field-label, #profil .field-label, #statement_list_page .field-label {
		float: left;
		text-align: left;
	}
	.previous-statement-line .field-label {
		float: right;
		text-align: right;
		padding-right: 25px;
	}
	.previous-statement-line {
		width: 567px;
	}
	.classement-div {
		max-width: 960px;
	}
	.classement-header-td {
		float: initial;
		width: 100%;
		padding: 0 30px;
		max-width: 960px;
		text-align: right;
	}
	.niveau-div {
		max-width: 960px;
	}
	.trophee-container {
		max-width: 960px;
	}
	.rn-div.TROPHEE {
		margin-top: 0;
	}
	.rn-container {
		max-width: 960px;
		background: #fff;
	}
	.rn-label {
		max-width: 960px;
	}
	.rn-div {
		display: block;
		margin: 0 auto;
	}
	.rn-div.TROPHEE > .etoiles {
		left: 35%;
	}
	.rn-desc {
		width: 360px;
	}
	.logged .menu-arrow {
		left: 230px;
	}
	.view-container {
		width: 100%;
		max-width: 960px;
	}
	#homepage > .view-container {
		height: 100vh;
	}
	#passChange {
		margin: 0;
		max-width: 960px;
	}
	.action-btn-container-relative, .logged .action-btn-container, .login-container, .logged .default-container,
	.block-title, #changepass-form, .installation-view, #meter-statement-energy, #firstatemetmsg, #producer-chart  {
		max-width: 960px;
	}
	.action-btn-container, .double-action-btn-container, .multiple-action-btn-container {
	    padding-bottom: 15px;
	}
	.action-btn-container-relative .single-action-btn {
        background: #ffffff;
        color: #1970A5;
	}
	.single-action-btn.disabled {
        background: #eceeef;
        color: #aaaaaa;
    }
	.login-container {
		height: auto !important;
		margin: 0 auto;
	}
	#login > .action-btn-container {
		margin: 0 auto;
		width: 100%;
		max-width: none;
	}
	.flex-div-line {
		max-width: 960px;
		margin: 0 auto;
		justify-content: center;
	}
	#manage_account .flex-div-line, #profil .flex-div-line {
	    justify-content: space-between;
    }
	.flex-line-column-1, .flex-line-column-2 {
		width: auto;
	}
	.flex-line-column-2 > .select-wrapper {
		width: 104px;
	}
	.flex-div-line.align-left > .flex-line-column-1, .flex-line-column-2 {
		width: 100%;
		max-width: 360px;
	}
	#notifications_center .flex-div-line > .flex-line-column-2 {
		width: auto;
		max-width: 360px;
	}
	.flex-line-column-2 .inner-select {
		padding-top: 3px;
	}
	.ui-mobile, .ui-mobile body {
		height: 100% !important;
	}
	#menu-blur {
		z-index: 997;
	}
	.chart-title {
		width: 500px;
		left: 230px;
	}

	#producer-chart {
		height: 250px;
	}
	.classement-issue {
		right: 35px;
	}
	.energy-time-input, .gaz-time-input {
		margin-left: inherit;
	}
	.flex-checkbox-line {
		width: 100%;
		max-width: 960px;
	}
	.text-left {
		max-width: 960px;
	}
	.text-center {
		margin: 0 auto;
	}
	.logged .text-center {
		max-width: 960px;
		margin: 0 10px;
	}
	.registration-img {
		height: 422px;
        max-width: 960px;
		background-position: center center;
	}
    .new-registration-content {
        text-align: center;
    }
	.appliance-arrow-container {
		position: fixed;
	}
	.flex-detail-btn-container, .appliance-arrow-container {
	    max-width: calc(100% - 270px);
	}
    #appliances-list-container, #appliances-pie-container, .classement-container, .appliance-select {
        max-width: 960px;
    }
    .btn-bottom-left {
        width: 50%;
    }
    .btn-bottom-right {
        left: 50%;
        width: 50%;
    }
    #available_missions, #missions, #linked_missions {
        height: calc(100vh - 60px);
        min-height: 0 !important;
    }
    .TROPHEE, .TROPHEE_NIV {
        height: 140px;
    }
    .arrow-right, .ui-datepicker-next {
        right: 20px;
    }
	.appliance-usage-detail {
		right: 0;
	}
    #web_logo {
        position: absolute;
        width: 100px;
        height: 100px;
        background: url('/img/logo/logo.svg') no-repeat;
        background-size: auto 100px;
        right: 50px;
    }
    .flex-c {
        align-items: center;
        justify-content: center;
    }
    .flex {
        max-width: 960px;    
    }
    .bienjoue-container {
        max-width: 800px;    
    }
    .appraisal-msg {
        font-size: 26px;
    }
    #setup2msg .action-btn-container, #assistant_success .action-btn-container, #capteur_installation_success .action-btn-container {
        margin-bottom: 8%;
        position: absolute;
        margin-left: 0;
        width: 800px;
    }
    .network-container {
        padding-bottom : 0;
        max-width: 960px;
    }
    #container-car-battery {
        width: 640px;
        height: 640px;
        margin-bottom: -160px;
    }
    #container-car-battery .highcharts-container {
        top: -110px !important;
    }
    .gw-car-action-status-container {
        max-width: 640px;
        width: 100%;
    }
    .gw-car-status-picto {
        background-position: 75% center;
    }
    .gw-car-refresh-time {
        margin-top: -15px;
        margin-bottom: 15px;
        font-size: 12px;
    }
    .solidgauge-txt {
        font-size: 15px;
        margin-top: -325px;
    }
    .solidgauge-title {
        font-size: 20px;
    }
    .solidgauge-subtitle {
        font-size: 18px;
    }
    .highcharts-solidgauge-series {
        top: 0 !important;
    }
	.gw-car-charge-line-container {
		margin: 0 auto;
	}
	.btn-ve-charges {
		background-position: center 2px;
	}
	.solidgauge-img {
        width: 384px;
        height: 216px;
    }
    .single-action-btn {
        min-width: 140px;
        background-color: #1970A5;
        color: #fff;
    }
	.monkey-video-container {
		max-width: 960px;
		height: 500px;
	}
    .flex-checkbox-line .flex-line-column-1,#house_heating_info .flex-line-column-1, #house_electric_device .flex-line-column-1, .flex-line-column-1, #three-phased-checkbox .flex-line-column-1, #hp-hc-checkbox .flex-line-column-1 {
        width: 450px;
    }
	.notification-group .flex-line-column-1 {
	    width: 850px;
	}
	.flex-div-line2 > .flex-line-column-1 {
		width: 450px;
		max-width: 450px;
	}
	.flex-div-line2 > .flex-line-column-2 {
		width: 100%;
		max-width: 360px;
	}
    #partners-consents-checkbox .flex-line-column-1 {
        width: auto;
        padding-right: 10px;
    }
    #partners-consents-checkbox .flex-checkbox-line {
        padding: 3px 10px 3px 0;
    }
	#notifications_center .flex-checkbox-line.header {
		padding: 0 10px 0 25px;
	}
    #house_info .flex-line-column-2, #equipement_detail .flex-line-column-2 {
        width: 140px;
    }
    #equipement_detail .flex-line-column-2 {
        text-align: center;
    }
    #equipement_temp_hum_temp .flex-line-column-2, #equipement_temp_hum_hum .flex-line-column-2 {
        width: 90px;
    }
    .logged .action-btn-container, .logged .double-action-btn-container, .logged .multiple-action-btn-container {
        width: calc(100% - 270px);
        margin-left: 270px;
        max-width: 960px;
    }
    .registration-content, .container-suppliers, .available-device-container, .available-partners-container {
        max-width: 960px;
    }
    
    .registration-content {
        text-align: center;
    }
    
    .registration-content ul {
        max-width: max-content;
        text-align: left;
        margin: 0 auto; 
    }

	.absolute-lg {
		position: fixed;
	}

	.usage-device-container {
		margin-bottom: 75px;
	}
	.usage-device {
	    margin: 20px 8px 0;
	}
	#usage-detail .flex-line-select-wrapper > .select-wrapper select {
		width: 105px;
	}
	.main-title {
    	width: calc(100% - 310px);
    }
    .multiple-action-btn-container.usage-detail-action-container {
        margin-left: 0;
        width: 100%
    }
    .btn-bottom-left {
        background-color: #00000008;
        /*border-left: 1px solid #00000010;*/
        border-right: 1px solid #00000010;
    }
    .btn-bottom-right {
        background-color: #00000008;
        border-left: 1px solid #00000010;
    }
    .btn-energy, .btn-temp, .btn-hum, .btn-energy, .btn-plug, .btn-heating  {
        background-color: #00000008;
        border-left: 1px solid #00000010;
        border-right: 1px solid #00000010;
    }
    .btn-picto:first-of-type {
        border-left: none;
    }
    .btn-picto:last-of-type {
        border-right: none;
    }
    .btn-selected {
        background-color: rgb(229,242,254);
        border-color: rgb(229,242,254);
    }
    .btn-bottom-left:not(.btn-selected):hover, .btn-bottom-right:not(.btn-selected):hover, .btn-temp:not(.btn-selected):hover, .btn-hum:not(.btn-selected):hover, .btn-energy:not(.btn-selected):hover, .btn-plug:not(.btn-selected):hover,
	.btn-heating:not(.btn-selected):hover {
        background-color: rgba(229, 242, 254, 0.5);    
        -webkit-filter: grayscale(0%);
    }
    #usage-detail .view-container {
        margin-bottom: 60px;
    }

	.flex-div-line.direction-column {
		flex-direction: row;
	}
	.flex-div-line.direction-column .flex-line-column-2 {
		max-width: 360px;
	}

	.single-action-btn-line-container {
		bottom: 62px;
		width: calc(100% - 270px);
		margin-left: 270px;
	}
	#meter-statement-energy .text-center {
		margin: 0 auto;
		width: 591px;
	}
    .appliance-div {
        width: 60%;
        margin: 0px auto;
    }
    #usage-detail .text-center{
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }
    .menu-ul > li  {
        height: 55px;
    }
    #menu a {
        padding: 0 0 0 75px;
        line-height: 55px;
    }
    .menu-picto {
        width: 40px;
        height: 40px;
        top: 9px;
        background-size: 60px 60px;
    }
    .arrow-right-div {
        min-height: 60px;
    }
    .arrow-right-div:before {
        min-height: 60px;
    }
    .equipement-div.arrow-right-div:before {
        top: 0;
    }
    .help-v2-cat {
        max-width: 500px;
        margin: 0 auto;
        text-align: left;
    }
    .kb-render img {
        max-width: 550px;
    }
}
@media screen and ( min-width: 450px )
{
    #equipement_temp_hum_temp.view-container {
        margin-bottom: 50px;
    }
}
@media screen and ( min-height: 530px ) and ( max-height: 580px )
{
	#homepage-message-container {
        margin-top: -30px;
    }
}

@media screen and ( min-height: 500px ) and ( max-height: 530px )
{
	#homepage-message-container {
        margin-top: -45px;
    }
}

@media screen and ( max-height: 500px )
{
	#homepage-message-container {
        margin-top: -55px;
        padding-bottom: 55px;
    }
    #homepage-item-container {
        height: 55px;
    }
}

@media screen and ( min-width: 960px ) and ( min-height: 768px )
{
    .homepage-item {
        font-size: 16px;
    }
    .homepage-item > span {
        font-size: 24px;
    }
    .classement-home {
        height: 40px;
        background-size: 40px;
    }
    #homepage-item-container {
        bottom: 20px;
    }
    #homepage-gauge {
        width: 540px;
        height: 540px;
        background-position: center center;
        background-size: 570px auto;
    }
    .homepage-display {
        width: 288px;
        height: 288px;
        top: 126px;
        left: 126px;
    }
	.homepage-screen-logo {
        padding-top: 195px;
        font-size: 20px;
        background-size: 100px auto;
        margin-top: -15px;
	}
    .screen-1 > .homepage-screen-logo, .screen-4 .homepage-screen-logo {
        background-size: 130px auto;
        margin-top: 25px;
	}
    .homepage-pointer {
        width: 288px;
        height: 288px;
        top: 126px;
        left: 126px;
    }
    .homepage-pointer::after {
        height: 15px;
        left: 112px;
        border-radius: 15px 0 0 15px;
        width: 63px;
        top: -20px;
    }
    .pointer-2 {
        top: -162px;
    }
    .homepage-header-text {
        font-size: 22px;
    }
    .homepage-header-text.cal_in_progress {
        font-size: 18px;
    }
    .savings-7j-label {
        line-height: 30px;
        font-size: 19px;
    }
    #homepage-gauge:before {
        background: url('/img/btn/btn_fleche_left.svg') no-repeat;
        background-size: auto 50px;
        width: 50px;
        height: 55px;
        position: absolute;
        top: 235px;
        left: -55px;
        content: '';
        cursor: pointer;
    }
    #homepage-gauge:after {
        background: url('/img/btn/btn_fleche_right.svg') no-repeat;
        background-size: auto 50px;
        width: 50px;
        height: 55px;
        position: absolute;
        top: 235px;
        right: -55px;
        content: '';
        cursor: pointer;
    }
    .homepage-body-text {
        font-size: 36px;
        padding-top: 3px;
    }
    .homepage-small-text {
        font-size: 16px;
        min-height: 10px;
    }
    .homepage-footer-text {
        font-size: 17px;
        padding-top: 5px;
        line-height: 22px;
    }
    #homepage-screen-2 {
        padding-top: 45px;
    }
    .homepage-screen {
        padding-top: 75px;
    }
    #homepage-screen-5 {
        padding-top: 60px;
    }
    .screen-3 {
        padding-top: 35px;
    }
    .screen-4 {
        padding-top: 60px;
    }
    .screen-1-pad1 {
        padding-top: 55px;
    }
    .screen-1-pad2 {
        padding-top: 60px;
    }
    .homepage-dot {
        width: 9px;
        height: 9px;
        margin-left: 3px;
    }
    .homepage-dots {
        bottom: 30px;
    }
    #homepage-conso-header {
        font-size: 34px;
        padding-top: 0;
    }
    #homepage-conso-header span {
        font-size: 22px;
    }
    #homepage-conso-chart {
        width: 150px;
        height: 90px;
        margin-bottom: 5px;
    }
    #homepage-power-chart {
        width: 150px;
        height: 55px;
    }
    #web_logo {
        position: absolute;
        width: 150px;
        height: 150px;
        background: url('/img/logo/logo.svg') no-repeat;
        background-size: auto 150px;
    }
	#homepage {
		overflow-y: hidden;
	}
    #homepage-message-container {
        padding-bottom: 94px;
    }

	#extract_data {
		background-size: 32px auto;
        width: 60px;
        right: 5px;
		font-size: 12px;
		padding-top: 40px;
		text-align: center;
		background-position: center center;
	}
	.monkey-info-div {
		background-size: 30px auto;
		width: 30px;
		height: 30px;
		right: 123px;
		top: 10px;
	}

	.registration-trouver-disjoncteur, .registration-prepare-pose-capteur, .registration-poser-capteur, .registration-poser-boitier-piles {
		background-size: contain;
	}
    .screen-1-waiting-mess > span {
        font-size: 16px;
    }
    .savings-7j-label > span {
        font-size: 16px;
    }
    .lds-ring {
        margin-left: calc(710px);
    }
    .small-info-btn {
        background-position: center -2px;
        width: 16px;
        height: 18px;
        margin-left: 8px;
    }
    #homepage-conso-chart .highcharts-container { 
        top: -10px !important;
    }
}
@media screen and ( min-width: 1280px ) and ( min-height: 768px )
{
    #web_logo {
        left: 760px;
    }
}
@media (min-width: 1460px) {
    .page-container, #brancher_mfp .registration-content {
        margin-left:10%;
        margin-right: 10%;
        width: 80% !important;
    }
    .lds-ring {
        margin-left: calc(680px + 10%);
    }
    .logged .action-btn-container, .logged .double-action-btn-container, .logged .multiple-action-btn-container {
        margin-left: calc(243px + 10%);
        width: 80%;
    }
    #appliances-list-container, #appliances-pie-container, .classement-container, .appliance-select, .appliances-container {
        width: 960px;
    }
	.flex-detail-btn-container, .appliance-arrow-container {
	    width: 960px;
	}
    .arrow-right, .ui-datepicker-next {
        right: 0px;
    }
    .monkey-video-container {
        width: 100%;
        margin: 0;
    }
    .multiple-action-btn-container.usage-detail-action-container {
        margin-left: 10%;
    }
    .chart-btn-container {
        left: calc(243px + 10%);
        width: 100%;
        max-width: 960px;
    }
}
@media (min-width: 350px) {
    .appliance-div {
        height: 60px;
    }
    .appliance-category-name {
        max-height: 50px;
		font-size: 14px;
    }
    .appliance-percent {
        left: 55px;
        top: 33px;
    }
}
@media (min-width: 460px) {
    .install-pad1 .registration-block-content {
        padding-bottom: 65px;
    }
    .gaz-meter-modeling {
        width: 400px;
        height: 270px;
    }
    .gaz-meter-indexes-container {
        margin: 116px auto 0;
        height: 32px;
        width: 206px;
    }
    .gaz-meter-first-digits {
        font-size: 24px;
        letter-spacing: 10px;
        padding-left: 7px;
        min-width: 127px;
    }
    .gaz-meter-last-digits {
        font-size: 24px;
        letter-spacing: 10px;
        padding-right: 15px;
        padding-left: 7px;
        min-width: 94px;
    }
}
@media (min-width: 410px) {
    .install-pad2 .registration-block-content {
        padding-bottom: 65px;
    }
}