/*
Theme Name: Altémed Thème enfant
Theme URI:  https://www.proxiel.com/
Author:     Yoann de Proxiel
Author URI: https://www.proxiel.com/
Template:   altemed-theme
Version:    1.0
License:    GNU General Public License v2 or later
*/

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

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: #1a3c8d;
}
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: #1a3c8d;
}
.bg-bluelight {
	background: #e5f5fc;
}
.radius-1 {
    border-radius: 1rem;
}
.color-blue,
table th *,
table th {
	color: #1a3c8d;
}
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: #1a3c8d;
    padding: 0 0.1rem 0 0;
}
select#batiment {
    max-width: 100%;
}
/* 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-1.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;
}
/* Consommations - fin */

/* Formulaire d'authentification */
#authcode_zone {
	text-align: center;
}
#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-image: url("images/authcode.png");
	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: #1a3c8d;
    font-weight: 400;
    font-size: 14px;
}
/* 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 #1a3c8d;
    padding: 1.5rem;
}
/* Pages Connectées - fin */

/* Actualité */
.ecogestes .my-s-body,
.actualite .my-s-body {
	background: #244697;
}
.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 {
	color: white;
}
html body div#wrapper .actualite p {
	color: #9cb6cd;
}
html body div#wrapper .actualite a {
	colo: #e50051;
}
/* Actualité */

/* Rapport */
.rapport-title img {
    max-width: 3rem;
    height: auto;
}
.rapport-title h3 {
	color: #1a3c8d;
}
.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: #32ac5d;
    max-width: 4rem;
    border-radius: 50%;
    padding: 0.3rem;
}
.my-s-head img.blue {
	background: #1a3c8d;
    max-width: 3rem;
    border-radius: 50%;
    padding: 0.2rem;
}
/* Eléments divers - fin */

/* Barre TOP */
.navbar.navbar-light.bg-light {
	background: white;
}
#navbar .navbar-nav a .menu-image-title {
	color: #818181;
    font-weight: 500;
    position: relative;
	padding-left: 0;
}
#navbar .navbar-nav .current-menu-item a .menu-image-title {
	color: #1a3c8d;
}
#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: #1a3c8d;
}
#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 2rem;
    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: #1a3c8d;
    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: #1a3c8d;
    width: 25%;
    height: 2px;
    bottom: 4px;
}
#navbar ul.navbar-nav .dropdown-item.active,
#navbar ul.navbar-nav .dropdown-item:active {
    background-color: #1a3c8d;
    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: #1a3c8d;
    border-radius: 0;
    padding: 0.6rem 1.3rem;
    border: none;
}
.btn.btn-secondary {
    border-radius: 0;
    padding: 0.6rem 1.3rem;
    border: none;
}
/* Boutons - fin */

/* Footer */
footer#footer {
    background-color: #1a3c8d;
	position: relative;
    padding: 2rem 3vw;
	z-index: 1;
}
footer#footer * {
	color: white;
	list-style-type: none;
}
footer#footer .menu {
    display: flex;
}
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: #1a3c8d;
}
footer#footer #menu-pied-de-page.menu li {
    font-size: 0.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-right: solid 2px;
}
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 */