/* Elements de base */
#garde-net input, #garde-net select{ color: #006F28;} /*# #017B2B; }*/
#garde-net hr{ border-color: #00AF3F;}
#garde-net table,#garde-net thead{ border-color: #00AF3F;}
#garde-net thead{ color: #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');}
#garde-net .titre h2{color: #006F28; } /* #019938;}*/

/* Formulaire d'entrée des données */
#garde-net .entree{
	color: #006F28; /*#017B2B;*/
	border-style: solid;
	border-color: #00AF3F;
	border-width: 0 0 2px 0;
}
	
#garde-net .entree button{
	color: white; 
	border-style: groove;
	cursor      : pointer;
	background-color: #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.pointhypo {
	font-size:12px;
	padding-left:20px;
}
 
 
#garde-net .row-header input {
	font-weight: bold;
}

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

#garde-net .resultat input, #garde-net .resultat label {
	font-weight: bold;
	color: white;
	background-color: #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: #00AF3F;}
#garde-net .sortie .details>.content{margin-left: 2em; bottom: 2em;}



.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: #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 #00AF3F; /*#26B7FF; #496EC8;*/
	box-shadow: 5px 5px 5px #888888;
}

.infobulletextefin {
    visibility: hidden;
    width: 700px;
    
	background-color: #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;
	left:37px;
    z-index: 2000;
	
	border:1px solid #00AF3F; /* #26B7FF; /*#496EC8;*/
	box-shadow: 5px 5px 5px #888888;
}

.infobulletextefinen {
    visibility: hidden;
    width: 700px;
    
	background-color: #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;
	left:37px;
    z-index: 2000;
	
	border:1px solid #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;
	
}


@media (max-width: 768px) {		
	#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: 9px; width:100px;}
	#garde-net .entree label {font-size: 9px;}
	#garde-net .sortie .form p span input {	width: 5em; font-size:9px;}
	#garde-net .entree *, #garde-net .sortie * { font-size: 9px;}
	
	#img_tarif-brut {	width:19px !important;}
	#img_alloc-trav {	width:19px !important;}
	
	#img_tarif { width:19px !important;}
	#aide-tarif-brut { width:350px !important;}
	
	.infobulletextefin { width:350px;}
	.infobullefin { width:100%; }
    .infobulletexte { width:350px !important;}
}