@charset "utf-8";
/*
Theme Name: Portail Thème enfant
Theme URI:  https://www.proxiel.com/
Author:     Yoann de Proxiel
Author URI: https://www.proxiel.com/
Template:   portail-theme
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* https://them.es/starter-bootstrap/ */

@font-face {
    font-family: 'perow01-light';
    src: url('fonts/pero_w01_light/pero_w01_light-webfont.eot');
    src: url('fonts/pero_w01_light/pero_w01_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pero_w01_light/pero_w01_light-webfont.woff2') format('woff2'),
         url('fonts/pero_w01_light/pero_w01_light-webfont.woff') format('woff'),
         url('fonts/pero_w01_light/pero_w01_light-webfont.ttf') format('truetype'),
         url('fonts/pero_w01_light/pero_w01_light-webfont.svg#perow01-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'perow01-semilight';
    src: url('fonts/pero_w01_semilight/pero_w01_semilight-webfont.eot');
    src: url('fonts/pero_w01_semilight/pero_w01_semilight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pero_w01_semilight/pero_w01_semilight-webfont.woff2') format('woff2'),
         url('fonts/pero_w01_semilight/pero_w01_semilight-webfont.woff') format('woff'),
         url('fonts/pero_w01_semilight/pero_w01_semilight-webfont.ttf') format('truetype'),
         url('fonts/pero_w01_semilight/pero_w01_semilight-webfont.svg#perow01-semilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'perow01-bold';
    src: url('fonts/pero_w01_bold/pero_w01_bold-webfont.eot');
    src: url('fonts/pero_w01_bold/pero_w01_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pero_w01_bold/pero_w01_bold-webfont.woff2') format('woff2'),
         url('fonts/pero_w01_bold/pero_w01_bold-webfont.woff') format('woff'),
         url('fonts/pero_w01_bold/pero_w01_bold-webfont.ttf') format('truetype'),
         url('fonts/pero_w01_bold/pero_w01_bold-webfont.svg#perow01-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
html body {
    font-family: 'perow01-semilight';
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
    font-family: 'perow01-bold';
}

body *:not(.ow-icon-placement-left):not(.btn):not(.dropdown-item)  {
	color: #3b3b3b;
}

html a {
	transition: all 0.3s ease-in-out 0s;
}

html a:not(.ow-icon-placement-left):not(.btn):not(.dropdown-item)  {
	color: #a5be19;
}
html body div#wrapper a.ow-icon-placement-left span {
	color: inherit;
}
main#main,
main#main > div {
    padding-left: 0;
    padding-right: 0;
}
main#main {
    /*min-height: calc( 100vh - 16rem);*/
    min-height: calc( 100vh - 5rem);
}

html body .my-d-none {
	display: none;
}

#user_switching_switch_on a {
    text-shadow: 0px 0px 6px white;
    color: black;
}

.bg-blue {
	background: #A5BE19;
}
.bg-bluelight {
	background: #a5be191a;
}
.radius-1 {
    border-radius: 1rem;
}
.color-blue {
	color: #A5BE19 !important;
}
.color-blue,
table th *,
table th {
	color: #A5BE19;
}
table td {
	vertical-align: middle;
}
#spinner_batiment {
	display: none;
}
@media (max-width: 768px) {
	
	main#main {
    	padding-top: 35px !important;
	}
}

html body .lettrine {
    line-height: 1.5rem;
    margin-top: 0.8rem;
}
html body .lettrine:first-letter {
	font-family: Times New Roman, Times, serif;
    font-size: 2rem;
    color: #A5BE19;
    padding: 0 0.1rem 0 0;
}
select#batiment {
    max-width: 100%;
}

/* Personnalisations WooCommerce */
.order-again {
    display: none !important;
}

.wc-block-components-button__text,
.woocommerce-checkout .entry-title,
.wc-block-components-checkbox__label,
.wc-block-components-totals-discount .wc-block-components-totals-item__label,
.wc-block-components-order-summary__button-text {
    font-size: 0;
}
.woocommerce-cart .wc-block-components-button__text::before { /* Panier : Bouton */
    content: "Valider";
    font-size: x-large;
}
.woocommerce-checkout .wc-block-components-button__text::before { /* Validation de commande : Bouton */
    content: "Validation du paiement";
    font-size: x-large;
}
.woocommerce-checkout .entry-title::before { /* Validation de commande : Titre */
    content: "Validation du paiement";
    font-size: 2.5rem;
}
.wc-block-components-checkbox__label::before { /* Validation de commande : Ajouter une note */
    content: "Ajouter une note";
    font-size: 1rem;
    line-height: normal;
}
.wc-block-components-order-summary__button-text::before { /* Validation de commande : Résumé */
    content: "Résumé";
    font-size: 1rem;
}

.wc-block-components-totals-item__label::after {
    content: " TTC";
}
.wc-block-components-product-name {
    pointer-events: none;
}
.wc-block-components-totals-discount .wc-block-components-totals-item__label::after {
    content: "AVOIR(S)";
    font-size: 1rem;
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    /*display: none;*/
}
html body .wc-block-components-totals-discount__coupon-list-item {
    background: #a7bd037d !important;
    text-transform: uppercase;
    font-size: 1.3rem !important;
}
.wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove {
    background: #aaa !important;
}
.wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove:hover {
    background: #e9616e !important;
}
.woocommerce-checkout .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove,
.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
    display: none !important;
}
.modal_trop_coupons {
    background: #0009;
}
.woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    display: none;
}
/* Personnalisations WooCommerce - Fin */


/* Panier */
/*.wc-block-components-product-badge,
.wc-block-components-product-low-stock-badge,
.wc-block-components-quantity-selector {
    display: none !important;
}*/
.is-large.wc-block-cart .wc-block-cart-items th.wc-block-cart-items__header-image {
    padding: 8px 0px 8px 16px;
}
.wc-block-cart__submit-button {
    background: #E97239;
    color:white;
    border-radius: 1rem;
    padding: 0.1rem 1.3rem;
    border: none;
    font-size: 1.3rem;
}
/* Panier - Fin */

/* Carte interactive */
html .layout-left .hotspots-interaction {
    flex-direction: column-reverse;
}
html .layout-left .hotspots-interaction .hotspots-placeholder {
    max-width: 100%;
}
html .layout-left .hotspots-interaction .hotspots-placeholder .hotspot-thumb {
    margin-bottom: 2rem;
}
html .page-template-default #the_content .layout-left .hotspots-interaction .hotspots-placeholder  h2:after {
    left: calc(50% - 3rem);
}
.so-widget-sow-image h3.widget-title {
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}
.description-zone-template-default #ancre {
    position: absolute;
    top: -5rem;
}
/* Carte interactive - fin */

/* Formulaire de contact */
.input-none input {
	display: none !important;
}
/* Formulaire de contact - fin */

/* Arrière-plan */
body {
	background-image: url("images/bg-2.jpg");
	background-color: transparent;
    background-size: cover;
    background-attachment: fixed;
}
#wrapper {
	background-color: #ffffff3b !important;
    min-height: calc(100vh - 1rem);
}
.logged-in #wrapper {
	background-color: #ffffffcc !important;
}
/* Arrière-plan - fin */

/* Pages */
.page-template-default .entry-title {
    margin-bottom: 2rem;
}
.single #the_content,
.description-zone-template-default #the_content,
.page-template-default #the_content {
    background: white;
    padding: 1rem 2rem;
    border-radius: 0.6rem;
    box-shadow: 0rem 0rem 0.2rem #9f9f9f;
    margin-bottom: 2rem;
}
.description-zone-template-default #the_content h2,
.page-template-default #the_content h2 {
    font-size: 1.5rem;
    position: relative;
    margin: 1.5rem 0rem 1.5rem 0rem;
}
.description-zone-template-default #the_content h2:after,
.page-template-default #the_content h2:after {
	content: '';
    background: red;
    height: 0.1rem;
    position: absolute;
    width: 6rem;
    bottom: -0.5rem;
    left: 0;
}
.page-template-default #the_content img {
    max-width: 100%;
    height: auto;
}
/* Pages - fin */

/* Consommations */
html table .thgrey {
	background-color: #f0f0f0;
}
html table .chaud {
	background-color: #ffebe5;
}
html table th.chaud {
	background-color: #fddcd2;
}
html table .froid {
	background-color: #d8eeff;
}
html table th.froid {
	background-color: #c5e6ff;
}
html table.tableconso td {
    padding: 0.75rem;
}
body *.title-chaud:not(.ow-icon-placement-left):not(.btn):not(.dropdown-item) {
	color: #fc5b2b;
	font-weight: bold;
}
body *.title-froid:not(.ow-icon-placement-left):not(.btn):not(.dropdown-item) {
	color: #35a5fc;
	font-weight: bold;
}
html .tableconso th strong {
    
}
/* Consommations - fin */

/* Formulaire d'authentification */
.container-auth {
    
}
#authcode_zone {
	text-align: center;
    overflow: hidden;
}
#authcode_zone #authcode {
    letter-spacing: 1.8rem;
    width: 17rem;
    font-size: 2.5rem;
    padding: 0.5rem 0rem 0.5rem 1rem;
    margin-left: 0.8rem;
    background: url("images/authcode.png"), transparent;
	background-size: 89%;
    background-repeat: no-repeat;
    background-position: 25% 50%;
    border: none;
}
#authcode_zone #authcode:focus {
    border: none;
    outline: none;
}
#resend {
	background: transparent;
	border: none;
	color: #A5BE19;
    font-weight: 400;
    font-size: 14px;
}
.icon_login {
    background: center center / 80% 80% no-repeat url("images/geomy_neutre.png"), white;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid #E97239 0.2rem;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
}
/* Formulaire d'authentification - fin */

/* Pages Connectées */
.my-container {
    /*min-height: 70vh;*/
    min-height: 60vh;
}
.my-section-transparent {
    padding: 0.8rem;
    border-radius: 0.7rem;
    margin: 1rem 0;
    box-shadow: 0rem 0rem 0.2rem #9f9f9f, inset 0rem 0rem 0.2rem #9f9f9f;
    border: solid 1px grey;
}
.my-section {
    background: white;
    border-radius: 0.7rem;
    margin: 1rem 0;
	overflow: hidden;
    box-shadow: 0rem 0rem 0.2rem #9f9f9f;
}
.my-s-head {
    padding: 0.8rem;
    box-shadow: 0rem 0rem 0.2rem #d3d3d3;
}
.my-s-head h2 {
    font-size: 1.5rem;
	margin: 0;
}
.my-s-body {
    padding: 1.8rem;
}
#grille-tarifaire {
    background-image: url("images/vue-de-montpellier.jpg");
	background-position: center;
    background-size: cover;
}
.gtsection {
    background: white;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 0 2rem 0 0;
}
.gtsection-title {
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    font-weight: 500;
}
.gtsection-body {
    padding: 1rem;
    border-radius: 0 2rem 0 0;
}
html body div#wrapper .gtsection-body * {
	color: white;
}
.gtsection-body.gtsection-green {
    background: #30aa5c;
}
.gtsection-body.gtsection-blue {
    background: #009ee2;
}
.consulter {
	text-align: right;
}
.consulter a {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    border-radius: 50%;
    line-height: 1.2rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
	color: white;
	transition: all 0.2s ease-in-out 0s;
}
.consulter a:hover {
	color: white;
	transform: scale(1.1);
}
.consulter.c-white a {
	background: #ffffff69;
}
html body .consulter.c-green a {
	background: #30aa5c;
	color: white !important;
}
.next-mensual {
	border: solid #A5BE19;
    padding: 1.5rem;
}
/* Pages Connectées - fin */

/* Actualité */
.actualite .my-s-body {
	background: #FAB91F;
}
.ecogestes .my-s-body {
    
}
.actualite .my-s-img {
    background-size: cover;
    background-position: center;
    padding: 3rem 0;
}
.actualite h1 {
	
}
.actualite .actudate {
    bottom: 1rem;
    right: 1rem;
}
html body div#wrapper .ecogestes p {
    
}
html body div#wrapper .actualite p {
	color: #fbe6b3;
}
html body div#wrapper .actualite a {
	colo: #e50051;
}
/* Actualité */

/* Rapport */
.rapport-title img {
    max-width: 3rem;
    height: auto;
}
.rapport-title h3 {
	color: #A5BE19;
}
.rapport-numbers img {
    margin-left: 4rem;
    max-width: 3rem;
    height: auto;
    border-radius: 50%;
    padding: 0.5rem;
}
.rapport-numbers.rapport-numbers-up img {
	background: #ee7d00;
}
.rapport-numbers.rapport-numbers-down img {
	background: #34ac5e;
}
.rapport-numbers.rapport-numbers-middle img {
	background: #ded3c7;
}
.rapport-numbers span {
	font-size: 3rem;
    margin-bottom: 0.5rem;
}
.rapport-label p {
    margin-left: 4rem;
    /*font-size: 1.2rem;*/
}
.rapport-little .rapport-title h3 {
    font-size: 1.4rem;
}
.rapport-little .rapport-title img {
    max-width: 3rem;
}
.rapport-little .rapport-numbers img {
    margin-left: 4rem;
    max-width: 3rem;
    padding: 0.4rem;
}
.rapport-little .rapport-numbers span {
	font-size: 2.5rem;
}
.rapport-little .rapport-label p {
    margin-left: 3rem;
}
@media (max-width: 768px) {
	.rapport-numbers img,
	.rapport-label p {
		margin-left: 0;
	}
}
/* Rapport - fin */

/* Eléments divers */
.my-s-head .current_month {
    font-size: 1.5rem;
    font-weight: 500;
    border: solid 2px;
    padding: 0.2rem 1.5rem;
	display: inline-block;
}
.my-s-head img.green {
	background: #FAB91F;
    max-width: 4rem;
    border-radius: 50%;
    padding: 0.3rem;
}
.my-s-head img.blue {
	/*background: #A5BE19;*/
	background: #FAB91F;
    max-width: 3rem;
    border-radius: 50%;
    padding: 0.2rem;
}
.b-radius-1 {
    border-radius : 0.3rem;
}
.b-radius-2 {
    border-radius : 0.5rem;
}
.b-radius-3 {
    border-radius : 0.75rem;
}
.b-radius-4 {
    border-radius : 1rem;
}
.flip-mirror img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/* Eléments divers - fin */

/* Barre TOP */
.navbar.navbar-light.bg-light {
	background: white;
}
nav#header .navbar-brand {
    padding: 0;
}
nav#header .navbar-brand img {
    height: 70px;
}
#navbar .navbar-nav a .menu-image-title {
	color: #525151;
    position: relative;
	padding-left: 0;
    font-weight: bolder;
}
#navbar .navbar-nav .current-menu-item a .menu-image-title {
	color: #A5BE19;
}
#navbar .navbar-nav a .menu-image {
	width: 2rem;
    height: auto;
    filter: grayscale(1);
}
#navbar .navbar-nav .current-menu-item  a .menu-image {
    filter: grayscale(0);
}
#navbar .navbar-nav a .menu-image-title:after {
	content: '';
    background: #818181;
    height: 0.08rem;
    position: absolute;
    width: 80%;
    bottom: -0.2rem;
    left: 10%;
    border: none;
	transition: all 0.3s ease-in-out 0s;
}
#navbar .navbar-nav .current-menu-item a .menu-image-title:after {
    background: #A5BE19;
}
#navbar .navbar-nav a:hover .menu-image-title:after {
    width: 50%;
    left: 25%;
}
#navbar ul.navbar-nav > li {
    display: flex;
    align-items: center;
}
#navbar ul.navbar-nav > li a {
	padding: 0.5rem 1.3rem;
    display: flex;
    align-items: center;
}
.my-account-menu .dropdown-toggle:after {
	display: none;
}
#navbar ul.navbar-nav > li.menu-item-has-children .dropdown-menu a {
	position: relative;
}
.single h1 {
    position: relative;
}
.single h1:after {
	content: '';
    position: absolute;
    background: #A5BE19;
    width: 25%;
    height: 2px;
    bottom: -7px;
    left: 0;
}
#navbar ul.navbar-nav > li.menu-item-has-children .dropdown-menu a:after {
	content: '';
    position: absolute;
    background: #A5BE19;
    width: 25%;
    height: 2px;
    bottom: 4px;
}
#navbar ul.navbar-nav .dropdown-item.active,
#navbar ul.navbar-nav .dropdown-item:active {
    background-color: #A5BE19;
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
}
@media (max-width: 768px) {
	#navbar ul.navbar-nav > li {
		margin-bottom: 1.3rem;
	}
	#navbar {
    	padding-top: 2rem;
    	padding-bottom: 1rem;
    	max-width: 100%;
	}
	#navbar ul.navbar-nav > li.menu-item-has-children {
    	display: block;
	}
	#navbar ul.navbar-nav > li.menu-item-has-children .dropdown-menu a {
    	white-space: normal;
	}
	#navbar ul.dropdown-menu.show {
    	margin-bottom: 0.5rem;
	}
	ul#menu-menu-principal-connecte {
		margin-bottom: 2rem;
	}
}
/* Barre TOP - fin */

/* Barre TOP Mobile - fin */
button.navbar-toggler {
	border: none;
}
button.navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.my-navbar-toggler-icon {
    height: 0.4rem;
    display: block;
    width: 2.5rem;
    border-radius: 0.3rem;
    margin-bottom: 0.3rem;
    margin-top: 0.3rem;
}
/* Barre TOP Mobile - fin */

/* Menu de compte */
ul.my-account-menu {
    margin-bottom: 0;
    list-style-type: none;
}
/* Menu de compte - fin */

/* Formulaire */
input[type="text"],
input[type="password"] {
    /*border: solid 2px grey;*/
    border-radius: 0.25rem;
    padding: 0.3rem 0.7rem;
}
.wpforms-container.demande-inscription {
    margin: 0;
}
/* Formulaires - fin */

/* Boutons */
.btn.btn-primary {
    background: #E97239;
    color: #fff;
    border-radius: 1rem;
    padding: 0.1rem 1.3rem;
    border: none;
    font-size: 1.3rem;
}
.btn.btn-primary * {
    color: #fff !important;
}
.btn.btn-primary:hover {
	background: #bd501b;
}
.btn.btn-secondary {
    border-radius: 0;
    padding: 0.6rem 1.3rem;
    border: none;
}
/* Boutons - fin */

/* Tenants */
.encart-tenant {
    background: white;
    border-radius: 0.7rem;
    padding: 0.5rem 1rem;
    overflow: hidden;
    box-shadow: 0rem 0rem 0.2rem #9f9f9f;
    height: 100%;
}

.encart-tenant span {
    margin-right: 6px;
}

@media print {
    .encart-tenant {
        display: none;
    }
}
/* Tenants - fin */

/* Footer */
footer#footer {
    background-color: #A5BE19;
	position: relative;
    padding: 2rem 3vw;
	z-index: 1;
}
footer#footer * {
	color: white;
	list-style-type: none;
}
footer#footer .menu {
    display: flex;
    margin: 0;
}
footer#footer #menu-pied-de-page {
    display: block;
}
footer#footer #menu-reseaux-sociaux.menu li {
    background: white;
    margin: 0.5rem;
    padding: 0.3rem 0.3rem 0.05rem 0.3rem;
    border-radius: 50%;
}
footer#footer #menu-reseaux-sociaux.menu li span.dashicons {
    color: #A5BE19;
}
footer#footer #menu-pied-de-page.menu li {
    font-size: 0.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
footer#footer #menu-pied-de-page.menu li.current-menu-item a {
    color: white;
	font-weight: bold;
}
footer#footer #menu-pied-de-page.menu li:hover a {
	text-decoration: underline;
}
footer#footer #menu-pied-de-page.menu li:last-child {
    border-right: none;
}
@media (max-width: 768px) {
	footer#footer #menu-reseaux-sociaux.menu {
		display: flex;
		justify-content: center;
		padding: 0;
	}
}
/* Footer - fin */