#viewProj{
	/*display : none;*/
}

.effiDebug,
.formEcoMob .effiDebug{
	display:none;
}

/**********************
* DIALOG
************************/

#loading {
    position: fixed;
    background-color: #000a;
    width: 100vw;
    height: 100vh;
    z-index: 1000;	
}

#loading:before {
    content: '';
    background-image: url(../img/350.png);
    background-repeat: no-repeat;
    background-position: center;
    animation: rotation 1.5s infinite linear;
    position: fixed;
    width: 100vw;
    height: 100vh;
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/**********************
* TIRROIRS
************************/
.titreTiroir {
	position: relative;
    padding: 13px 30px;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0;
	background-color: #41a2ce;
    text-transform: uppercase;
}

.lotContent.nTirroir2 > .titreTiroir {
	background-color:#2680aa;
}
.lotContent.nTirroir3 > .titreTiroir {
	background-color:#2172ba;
}
.lotContent.nTirroir4 > .titreTiroir {
	background-color:#2e344b;
}
.lotContent.nTirroir5 > .titreTiroir {
	background-color:#181f38;
}



.lotContent .titreTiroir:before{
	position : absolute;
	right : 20px;
	top:10px;
	/*background: rgb(57,57,57);
	background: linear-gradient(180deg, rgba(57,57,57,1) 0%, rgba(179,224,233,1) 100%);
	border-radius: 20px;*/
	/*padding: 5px;
	width:17px;
	height:17px;*/
	overflow : hidden;
	/*border: 1px solid #555;*/
	text-align:center;
	/*font-size:18px;
	color : #333;*/
	/*transform: rotate(0deg);
	transition: all 0.5s ease;
	content:"▲";*/
	font-size:25px;
	content:"+";
	z-index:1;
	position:absolute;
	width: 20px;
}

.lotContent.opened .titreTiroir:before{
	/*transform: rotate(-180deg);*/
	content:"-";
}


.grpBouton button,
.nextStep {
    background-color: #41a2ce;    
    padding: 10px 20px;
    font-weight: bold;   
    cursor: pointer;
	color:#fff;
}

.grpBouton,
.nextStep {
	display: table;
	margin-left: auto;	
}



.notifError {
	border: #F00 solid 2px; 
	display:none;
    border-radius: 4px;
    /* background: rgba(255, 0, 0, .3); */
    background: #ffb2b2;
    padding: 20px 40px;
    margin: 0px 0 20px 0;
    color: #fff;
}

.tiroirContent{
	padding:30px;
	display:none;
}

/**********************
* Résultats détaillés
************************/
.blockResDet{
	padding: 5px;
	display:none;
}

.blockResDet .titreChamp{
	border:none;
	color:#3a69af;
}

.titreResDet{
	border-bottom:2px dashed #ecf1e6;
	padding: 5px;
    color: #666;
	position: relative;
	font-weight: bold;
}

.titreResDet:before{
	position : absolute;
	right : 5px;
	top:5px;
	border-radius: 20px;
	padding: 5px;
	width:17px;
	height:17px;
	line-height: 17px;
	text-align:center;
	font-size:22px;
	color : #777;
	content:"\276F";
	/*z-index:10;*/
	position:absol*ute;
	transform: rotate(0deg);
	transition: all 0.5s ease;
	box-sizing: content-box;
}

.opened.titreResDet:before{
	transform: rotate(90deg);	
}


.blockResDet #nb_occupants {
    max-width: 600px;
}


.graphContainer{
	width:600px;
	height:400px;
	margin: auto;
}

.twoGraphs{
	display:flex;
}
.titreGraph{
	margin:auto;
	display: table;
}

/**********************
* CHAMPS
************************/

.titreChamp {
    font-weight: bold;
    color: #2d6307;
    border-top: 2px dashed #ecf1e6;
    padding: 5px 0;
	font-size: 18px;
	
}

.titreChamp:nth-child(2) {
	border:none;
}

.headDblInput,
.champ {
    display: flex;
	margin-bottom: 20px;
}

.headDblInput .label,
.labelTitre,
.champ .label {
	width:50%;
	color: #747170;
	font-style: italic;
}

.champ.puce .label:before {
    content: '>';
    background-color: #1c609d;
    border-radius: 20px;
    width: 15px;
    line-height: 15px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    color: white;
    font-size: 14px;
    position: relative;
    top: -3px;
}

.labelTitre{
	margin-bottom:5px;
	font-weight:initial;
}

.champ > input,
.champ > select
 {
	width:50%;
	border: 1px solid #ccc;
	padding: 5px;		
}

.champ > input,
.champ > select{
	text-align: center;
}

.headDblInput .libCol,
.champ.doubleInput > input{
	width:20%;
	margin-right:10px;
}

.headDblInput .libCol{
	text-align: center;
    background-color: #74a7d5;
    padding: 10px;
    color: white;
}

.champ.doubleInput {
	margin-bottom : 10px;
}

.champ.error >.radioElt input,
.champ.error > input,
.champ.error > select{
	box-shadow: 0px 0px 7px red;
}


.oStar,
.legendOblig{
	color:red;
	font-style: italic;
}



.champ.radioList{
	display: block;
}

.radioElt {
    display: flex;
}

.ui-autocomplete {
    border: 1px solid #ccc;
    padding-right: 50px;
	background-color:white;
	list-style-type: none; /* Remove bullets */
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
	width: fit-content;
}

li.ui-menu-item:hover {
    background-color: #ccc;
	cursor: pointer;
}

li.ui-menu-item {
    padding: 2px 10px;
}



#libcommuneAdresse{
    width: 50%;
    /* float: right; */
    text-align: center;
    margin-left: 50%;
}

.helpMethodo{
    text-decoration: none;
    /* float: right; */
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #8eb5c6;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    background-color: #cbfbfb;
    display: inline-block;
    margin-left: 10px;
}


/**********************
* DESTINATION
************************/
#destMap {
	display : flex;
	column-gap: 20px;
}

#destList{
	flex: 1 1 30%;
}

#destList .labelTitre{
	width:100%;
}

#google_map{
	width:500px;
	height:500px;
	flex: 1 1 70%;
}

/*btn fermer infowindow*/
#google_map .gm-style-iw-chr button{
	outline: none;
	background:none;
	height: 35px !important;
}
.icoDest{
	float: left;
    margin-right: 5px;
    margin-top: -5px;
	cursor:pointer;
}
/*
.icoDest#ecole{
	margin-top: 5px;	
}*/
#champ_distEcole{
	margin-top:-10px;
}

#txtChoixDest{
	box-shadow: 0 0 10px #000;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    background-color: #fff;
    width: 30%;
	display:none;
}


/************************
* Liste des projets
*************************/
.menuProjetsB2C2 a{
	border: 1px solid #ccc;
	padding:5px;
	background-color:#DDD;
	border-radius:5px;
	margin:5px;
}

.menuProjetsB2C2{
	margin : auto;
	margin-bottom:20px;
	text-align: center;
}

.listeProjet *{
	box-sizing: content-box;
}

.listeProjet{
	margin: auto;
    width: fit-content;
}

.listeProjet .entete{
	background-color:#CCC;	
}

.listeProjet .lgn{
	display: table-row;	
}

.listeProjet .col{
	display: table-cell;
	border: 1px solid #ccc;
	padding: 5px;
}


.listeProjet .col.id{
	display:none;
}
.listeProjet .dateModif{
	color:#aaa;
	font-style:italic;
}
.listeProjet .copie{
	background-image:url('../img/copie.png');
	background-position: center;
	background-repeat: no-repeat;
	width:50px;
	height:40px;
}
.listeProjet .delete{
	background-image:url('../img/delete.png');
	background-position: center;
	background-repeat: no-repeat;
	width:50px;
	height:40px;
}

.listeProjet .modif{
	background-image:url('../img/view.png');
	background-position: center;
	background-repeat: no-repeat;
	width:50px;	
}


.listeProjet .pagination .page {
    padding: 10px;
}


/************************
* Dilaog
*************************/


#bkgDialog{
	background-color: rgba(10,10,10,0.4);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index:10;
	display:none;
}



#bkgDialog{
	display:flex;
	justify-content: center;
    align-items: center;
}

#bkgDialog #dialogWindow{
	background-color: #fff;
	height: fit-content;
	padding:20px;
	border: 1px solid #555;
    border-radius: 20px;
	max-width: 500px;
}

#bkgDialog #dialogText{
	margin-bottom: 20px;
}

/*debug*/

#debugTrace .hl{
	font-weight:bold;
	background-color:lightblue;
}


/***************************/        
/*    Tables résultats   */ 
/***************************/


.table_results{
	border-collapse: separate;
	width : 100%;
	margin : 40px auto;
	max-width:1000px;
}

.table_results th{
    background-color:#131623;	
	color : #fff;
}


.table_results th,
.table_results td{
	border:1px solid #131623;
	width: 200px;
	padding : 10px;
}

.table_results td{
	text-align:center
}

.table_results td.titreVertical{
	background-color:#ddd;
}

.res_comparatif{
        margin: 60px 0 0;  
        position:relative;
        max-width:1000px;
		margin: auto;
}

.res_comparatif > .labelTitre{
    margin-top: 5px;
    width: 100%;
}      
        
.res_comparatif > #comparatif_echelle{
        border: 1px solid #222222;
        height:30px;
        overflow: hidden;
        width:100%;
		background: #92D050;
		background: linear-gradient(90deg,rgba(146, 208, 80, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(252, 10, 1, 1) 100%);
}


.res_comparatif > #comparatif_curseur{
        background:url(../img/cursor_min_max.png) no-repeat 0 0;
        height:46px;
        width:40px;
        position: absolute;
        top: -10px;
        border: none;
		margin-left: -20px;
}


#libelle_min{       
        font-size:16px;     
		line-height: 18px;		
        position: absolute;
        left: 5px;
        top: -40px;
        text-align: center;
        font-weight: bold;
        color:#000000;
}

#libelle_max{
   
    font-size:16px;
	line-height: 18px;
    position: absolute;
    right: 5px;
    top: -40px;
    text-align: center;
    font-weight: bold;
    color:#fc0a01;
}

*:has(> .bulle_content){
	position : relative;
}

.bulle_content {
    border: 1px solid;
    position: absolute;
	bottom: 110%;
    width: max-content;
	left: 50%;
    transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.5s ease;
	pointer-events: none; 
	padding: 5px;
    background-color: #aaa;
    color: #fff;
    font-size: 16px;
    box-shadow: 0px 0px 5px #0008;
}


*:has(> .bulle_content):hover .bulle_content {
	opacity: 1;
}