/* Elements de base */
#garde-net input, #garde-net select{ color: #005da1;} /* vert fonce #006F28;} /*# #017B2B; }*/
#garde-net hr{ border-color: #005da1; } /* vert #00AF3F;}*/
#garde-net table,#garde-net thead{ border-color:  #005da1;} /* vert #00AF3F;}*/
#garde-net thead{ color:  #005da1;} /* vert fonce #006F28;} /* #017B2B;}*/

/* Titre du calculateur avec une image de fond, un titre et un sous-titre */

#garde-net .titre{ 
    background-image: url('../images/garde-net/banniere.jpg');
    background-repeat: no-repeat;
}
#garde-net .titre h2{
	color:  #005da1;
    margin-top: 10px;
} /* vert fonce #006F28; } /* #019938;}*/



samp.pasdesaut {
	white-space:nowrap;
	display: unset !important;
	font-size: inherit !important;
    font-weight: inherit !important;
	font-family: inherit !important;
    text-transform: inherit !important;
    line-height: inherit !important;
	
} 


.titre {
   
    min-height: 222px;
	max-height: 222px;
	background-size: auto;
	background-color: #F8FAF9;
	padding-left:none !important;
}	

/* Formulaire d'entrée des données */
#garde-net .entree{
	color:  #005da1; /* vert fonce #006F28; /*#017B2B;*/
	border-style: solid;
	border-color: #005da1; /* vert  #00AF3F;*/
	border-width: 0 0 3px 0;
}
	
#garde-net .entree button{
	color: white; 
	border-style: groove;
	cursor      : pointer;
	background-color: #005da1; /* vert #00AF3F;*/
	margin-left: 50%;
	width: 50%;
	padding-top: 4px; padding-bottom: 4px;
	margin-top: 0.75em;
}
#garde-net .entree button:active{border-style: ridge; padding-top: 5px; padding-bottom: 3px; padding-left:1px;}
#garde-net .entree button:disabled{background-color: silver;}
	
/* Formulaire de sortie des données */
#garde-net .sortie{
	padding-right: 0em;
}
#garde-net .sortie hr {
	margin-right: 0em;
}
#garde-net .sortie label {
	color: #5A5A5A;

}

#garde-net .sortie input {
	width: 6em;
	border: none;
	font-size: 15px;
	font-weight: normal;
	text-align: right;
}
#garde-net .sortie input:last-child {
	margin-right: 1em;
}


#garde-net .sortie a.dansinfobulle {
	padding-left: 0px;
 }
 
#garde-net .sortie a.pointaide {
	padding-left: 0px;
 }
 
#garde-net .sortie a {
	  padding-left: 0px;
}
 
#garde-net .sortie  a.pointhypo {
	font-size:12px;
	padding-left:20px;
}
 
 
#garde-net .row-header input {
	font-weight: bold;
}

#garde-net .resultat  {
	background-color: #005da1; /* vert fonce #00832F; /*#00AF3F;*/
	height: 52px;
}

#garde-net .resultat input, #garde-net .resultat label {
	font-weight: bold;
	color: white;
	background-color: #005da1; /* vert fonce #00832F; /*#00AF3F;*/
}

/* Détails pour les enfants */
#garde-net .enfants  label{
	font-style: italic;
	font-size: smaller;
	text-indent:4em;
	padding:0;
}
#garde-net .enfants  input{
	font-style: italic;
	font-size: smaller;
	padding:1px 4px !important;
	
	margin-right: 0px !important;
}


/* Pop up d'information */

#garde-net .details>.content{ border-color: #005da1;} /* vert #00AF3F;}*/
#garde-net .sortie .details>.content{margin-left: 2em; bottom: 2em;}


#aide-alloc {
	left:11px;
	
	}
	
#aide-exemple {
	left:11px;
	
	}	

.infobulle {
    position: relative;
    /*display: inline-block;*/
	margin-left:0px;
    
}

.infobullefin {
    position: relative;
   	margin-left:15px;
	height:30px;
	margin-top:5px;
	
    
}


.infobulletexte {
    visibility: hidden;
    width: 580px;
    background-color: #FFF; /*#EEE; /*#F8F8F9;*/
    color: #5a5a5a; /*#000;*/
	
    text-align: left;
    border-radius: 6px;
    padding: 12px;
	font-weight:normal;
    font-size:14px;
	
    /* Position the tooltip */
    position: absolute;
	left:51px;
	top:24px;
    z-index: 2000;
	border:1px solid #005da1; /* vert  #00AF3F; /*#26B7FF; #496EC8;*/
	box-shadow: 5px 5px 5px #888888;
}

.infobulletextefin {
    visibility: hidden;
    width: 700px;
    
	background-color: #FFF; /* #EEE; /*#F8F8F9;*/
    color: #5a5a5a; /*#000;*/
    text-align: left;
    border-radius: 6px;
    padding: 5px;
	font-weight:normal;
    font-size:14px;

    /* Position the tooltip */
    position: absolute;
	/*top:-336px;*/
	bottom:35px;
	left:37px;
    z-index: 2000;
	
	border:1px solid #005da1; /* vert  #00AF3F; /* #26B7FF; /*#496EC8;*/
	box-shadow: 5px 5px 5px #888888;
}

.infobulletextefinen {
    visibility: hidden;
    width: 700px;
    
	background-color: #FFF; /* #EEE; /*#F8F8F9;*/
    color: #5a5a5a; /*#000;*/
    text-align: left;
    border-radius: 6px;
    padding: 5px;
	font-weight:normal;
    font-size:14px;

    /* Position the tooltip */
    position: absolute;
	/*top:-318px;*/
	bottom:35px;
	left:37px;
    z-index: 2000;
	
	border:1px solid #005da1; /* vert  #00AF3F; /* #26B7FF; /*#496EC8;*/
	box-shadow: 5px 5px 5px #888888;
}



.visible	 {
    visibility: visible;
	
}


 a.pointhypo {
	font-size:12px;
	padding-left:10px;
}

.texte-petit {
	font-size:11px;
	
}

#garde-net .column-header label {
	white-space: nowrap;
} 

span.enum-trait2 {
    padding-left: 60px !important;
    display: block;
	font-size:15px;
}

span.enum-sanstrait {
    padding-left: 0px !important;
	padding-bottom: 10px !important;
    /*display: block;*/
	font-size:15px;
}


span.avecretrait {
 	padding-left: 2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

	

span.trait-retrait2 {
    margin-left: -25px;
    padding-right: 7px;
}


p.enum-trait3 {
    padding-left: 59px !important;
    display: block;

}

p.enum-trait3 a {
 
	font-size:1em;
}

span.trait-retrait3 {
    margin-left: -19px;
    padding-right: 7px;
}

sup.noteGros {
	font-size:12px;
}
	
sup.notePetit {
	font-size:10px;
}	

sup.notePetitGras {
	font-size:10px;
	font-weight:bold;
}	

.texteBonif {

   font-size:1.35em;
   color:#005da1; 
   background-color:#bde3f2;
   padding-left:36px; 
   padding-top:15px; 
   padding-bottom:10px; 
   border-bottom: solid 2px #005da1;
}

/*  zone plus */

.blocaideqc {
	display:none;
}

.blocaideca {
	display:none;
}

#img_alloc {
	margin-bottom:5px;
}	

#garde-net .sortie a {
    /*color: #5A5A5A;*/
    width: 100% !important;
    text-align: left;
}

.form >*>* {
    display: table-cell;
    text-align: left;
}

span.zoneplus {
    max-width: 36px !important;
    min-width: 36px !important;
    width: 36px !important;
	vertical-align: top;
}



.blocTitrePlus {
	border-top: solid 0px #006697;
	border-bottom: solid 0px #006697;
	border-left: solid 0px #006697;
	border-right: solid 0px #006697;

}

.blocTitrePlus span.zoneplus{
    padding-left:0px !important;
	/*border-top: solid 1px #006697;*/
	/*border-bottom: solid 1px #006697;*/

}

.blocTitrePlus label {
   /*font-weight:normal;*/
   font-size:1.2em;
   /*text-transform:uppercase;*/
   color:  #006697 !important;
   cursor: pointer;
   padding-top: 15px;
}	


	
.blocTitreCol {
	background-color:#f1f1f1;
}


#garde-net .blocTitrePlus, #garde-net .blocTitrePlus input {
	/*font-weight: bold;*/
	padding-left:0px;
}

.fondGris {
	background-color:#f1f1f1;
	border-top: solid 0px #006697;
}

.blocDetail {
	border-top: solid 0px #006697;
	border-bottom: solid 0px #006697;
	border-left: solid 0px #006697;
	border-right: solid 0px #006697;
	/*background-color:#f1f1f1;*/
}
.symbolPlus {
	font-size:26px !important;
	border:none !important;
	color: #006697 !important;
	/*width:30px !important;
	height:30px;*/
	padding:5px !important;
	margin:3px !important;
	border-radius: 0em !important;
	background-color:#fff;
	cursor: pointer;
}

.bouton-bloc {
    width: 30px !important;
}

/*  media mobile*/

@media (max-width: 768px) {		

   .titre {
	  padding-left:0.5em !important;
    }	
	
	.titre h1 {
		font-size:20px !important;
	}
	
	.titre  {
		min-height: 0px
	}

	#garde-net .titre{ background-image: inherit; background-color:#D0DBD7; padding-left: 5%;}	
	#garde-net .titre h3, #garde-net .titre h2, #garde-net.sortie input {font-size: 14px;}	
	#Annee, #Situation, #Revenu1, #Revenu2, #NbEnfants, #Garde_Privee, #garde-net .sortie .form p * { font-size: 10px; }
	#garde-net .entree label {font-size: 10px;}
	#garde-net .sortie .form p span input {	width: 5em; font-size:10px;}
	#garde-net .sortie .form div span input { width: 5em; font-size:10px;}
	#garde-net .entree *, #garde-net .sortie * { font-size: 10px;}
	
	#img_tarif-brut {	width:19px !important;}
	#img_alloc-trav {	width:19px !important;}
	
	#img_tarif { width:19px !important;}
	
	
	.infobulletextefin { 
	   width:250px; 
	   left:0px;
	   /* top:-420px;*/
	   bottom:35px;
	   }
	.infobullefin { 
	   width:250px; 
	   left:0px;
	   margin-left:0px;
	   }
    .infobulletexte { 
	   width:250px !important;
	   left:0px;
	   /*top: 43px;*/
	   }
	   
	.infobulletextefinen {   
	   width:250px; 
	   left:0px;
	   /*top:-380px;*/
	   bottom:35px;
	   }
	   
	#garde-net .sortie a.pointhypo {
      padding-left: 2px;
    }   
	   
	.sortie .column-header label, .column-header label {
      padding-left: 0.5em;   
	}
	  
	#garde-net .entree input, #garde-net .entree select {
      width:12em;
	  margin-left:5px;
    }	
	
	#garde-net .sortie a{
	  padding-left: 0px;
    }
	
	.entree {
       padding-right: 6px;
    }
	
	.form >*>*:first-child {
      padding-left: 4px;
	  /*width:36px;*/
    }
	
	
	.column-header label:first-child {
      padding-left:4px;
    }

	#garde-net .sortie input:last-child {
      margin-right: 2px;
    }
	
	.infobulle {
      margin-left: 2px;
    }

    .sortie p {
      padding-left: 6px;
      padding-right: 6px;
    }
	  
	   
	#garde-net .column-header label {
	  white-space: normal;
    }   
	   
	span.enum-trait2 {
      padding-left: 20px !important;
      display: block;
    }
	
	
	span.trait-retrait2 {
      margin-left: -14px;
      padding-right: 0px;
    }
	
	p.enum-trait3 {
      padding-left: 24px !important;
      display: block;
    }
	
	span.trait-retrait3 {
      margin-left: -10px;
      padding-right: 0px;
    }
	
	
    sup.noteGros {
	  font-size:9px !important;
    }
	
    sup.notePetit {
	  font-size:9px !important;
    }	

    sup.notePetitGras {
	  font-size:9px !important;
    }	

	
}