/*********************************/
/* fait apparaître une bulle info dans un span    */
/*Voici un lien vers CCM<span>Communauté d'assistance et de conseils high tech</span></a>.    */
/*  td.info_chk_A  
{
    position:relative;
    z-index:24; 	
}

td.info_chk_A:hover {z-index:25; background-color:#ff0}

td.info_chk_A span{
	display: none
}

td.info_chk_A:hover span
{
    display:block;
    position:absolute;
    top:2em; left:2em; width:10em;
    border:1px solid #0cf;
    background-color:#555; color:#fff;
}
 */
 
 tr.ligne_impr
{
	border: 1px solid black !important;

}

 
.info_chk_A span {  display:none;}
.info_chk_A:hover {z-index:25; background-color:#ff0}
.info_chk_A {z-index:24;	position:relative;}
.info_chk_A:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

.info_chk_T1 span {  display:none;}
.info_chk_T1:hover {z-index:25; background-color:#ff0}
.info_chk_T1 {z-index:24;	position:relative;}
.info_chk_T1:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }
.info_chk_T2 span {  display:none;}
.info_chk_T2:hover {z-index:25; background-color:#ff0}
.info_chk_T2 {z-index:24;	position:relative;}
.info_chk_T2:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }
.info_chk_T3 span {  display:none;}
.info_chk_T3:hover {z-index:25; background-color:#ff0}
.info_chk_T3 {z-index:24;	position:relative;}
.info_chk_T3:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

.info_none span {  display:none;}

.info span {  display:none;}
.info:hover {z-index:25; background-color:#ff0}
.info {z-index:24;	position:relative;}
.info:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 } 

.info_radio_coupons span {  display:none;}
.info_radio_coupons:hover {z-index:25; background-color:#ff0}
.info_radio_coupons {z-index:24;	position:relative;}
.info_radio_coupons:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }
 
.info_none span {  display:none;}

.info span {  display:none;}
.info:hover {z-index:25; background-color:#ff0}
.info {z-index:24;	position:relative;}
.info:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 } 


.info_tarif_Seance span {  display:none;}
.info_tarif_Seance:hover {z-index:25; background-color:#ff0}
.info_tarif_Seance {z-index:24;	position:relative;}
.info_tarif_Seance:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

.info_upload_certificat span {  display:none;}
.info_upload_certificat:hover {z-index:25; background-color:#ff0}
.info_upload_certificat {z-index:24;	position:relative;}
.info_upload_certificat:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }



.info_nbreA span {  display:none;}
.info_nbreA:hover {z-index:25; background-color:#ff0}
.info_nbreA {z-index:24;	position:relative;}
.info_nbreA:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

#div_bouton_enregistrer span {  display:none;}
#div_bouton_enregistrer:hover {z-index:25; background-color:#ff0}
#div_bouton_enregistrer {z-index:24;	position:relative;}
#div_bouton_enregistrer:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:10em;
  border:1px solid black;
  background-color:#555; color:#fff;  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 }

#questionnaire_adherent /* dans questionnaire.php */
{
	 padding-left:5px;
}



#interieur_page{
	display: flex;
	flex-direction: column;
	border: 2px solid black ;
}

/*form qui contient les parties gauche pour les activités et droite pour les paiements sont orientation horizontal par défaut sinon sera définie en fonction des tailles d'écran*/
#adhesions_activites{
	display: flex;
    /* border: 3px solid red ;  */
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
.table_activite input {
	border : 0 ;
}

#adhesions_activites input[type='button'] {
	color:white ; /*#7030a0;*/
}

#adhesions_activites input.larger{
	height:1.5em;
	width:1.5em;
}

#adhesions_activites_gauche{
	display: flex;
	flex-direction: column;
	border: 2px solid green ;
	width: 70% ;
	margin-bottom:10px;
}
#adhesions_activites_droite{
	display: flex;
	flex-direction: column;
	border: 2px solid red ;
	width: 30% ;
	padding-left:5px;
	padding-right:5px;
	/* width: auto; */
}
#adhesions_activites_droite input{
	font-size:1.2em ;
	height:1.5em ;	
	margin: 0.3em;

}
#adhesions_activites_droite input[type='radio']{
	width:18px;
}
	
/*pour les écrans < inférieur à 1024px*/
	@media (max-device-width: 1360px) {
		#adhesions_activites{
			flex-direction: column;
		}
		#interieur_page{
			flex-direction: column;
		}
		#adhesions_activites_gauche{
		width: auto ;
		}
		#adhesions_activites_droite{
		width: auto ;
		}
	}	
		
	@media (max-device-width: 650px) {
		#body2{
			width:auto;
		}
	input[type="button"]{
		height:2em ;
	}
}