* { margin:0 auto;}
body {	font-family:"Avenir Next", "cabin", Helvetica, "trebuchet ms";  font-size:14px;line-height: 1.5; } /* 14 / 32 */
body {font-family: 'Noto Sans', sans-serif; color:#333; }
@media only screen and (max-device-width:1067px) {  /*  480  */
	body {font-size:140%;}
}

/*#header {display:flex; max-width:867px;  justify-content:flex-start;}  /*background-color:#f6f0f4;*/
/*#header_haut {display:flex; max-width:867px;  justify-content:space-around;  margin-bottom:5px; background-color: #1d72be; color:white;}*/
#header_haut {display:flex; max-width:867px;  justify-content:space-around;  margin-bottom:5px;}
#header_haut a {color:black;}

#logo img {margin-left:15px; margin-right:5px;  max-width:550px;}
#logo p {text-align:center; font-weight :600;  }
#header-right {font-size:150%;font-weight: 600; padding-top:20px; padding-right:60px;}
.titre {border: solid 10px #935b81;padding:5px;}
#menu_haut { max-width:867px;}
.login {margin-top:5px; margin-bottom:5px; margin-right:30px ;font-size:70%; max-height:110px; padding:5px; border-left:1px solid white; background-color: #e7e7e8;}
@media (max-width: 1067px) {
	.login {display:none;}
}
h1  {text-align: center ; padding:5px; font-size: 140%; color:black;} /* color:#f00e85;}*/
h2 {text-align: center ; padding:5px; font-size: 120%; color:#242e3a ;} /* color:#009ddf;  #f00e85 (2023) +++++++++++++++++ */
h3 {padding:5px; padding-bottom:5px; color:#f00e85 ; font-size: 100%;}
 h4 {padding:5px; padding-bottom:5px; color:#f00e85 ; font-size: 100%;}
ul {list-style: none; }
.liste_circle {list-style-type:circle; }
p {padding: 15px ; padding-top:0; }
/*a {color:#3e8825;} +++++++++++++++++++*/
a {color:#b73a93;}
a:hover{color:#f225b1;}
.plus_petit {font-size:smaller;}
.plus_grand {font-size:larger;}
.plus_petit_bleu {font-size:smaller;color:blue;}
.adroite {text-align:right; padding-right:5px;}
.agauche {text-align:left;}
.surligner_jaune {background-color:#f7f28c;}
.flotte_a_droite {float:right;}
.flotte_a_gauche {float:left;}
.flotte_a_gauche_margin {float:left; margin-right:10px;}
.center {text-align:center;}
.legende {text-align:center; font-size:80%; color:grey;}
.hr_blanc {color:white;}
.color_titre{color:#b73a93;}
.grey { color:grey;}
.red {color:red;}
/* ----------------------------------- FLEX  */
.flex {display:flex}
/* /////////////////////////////////// PAGE ////////////////////////////////////// */
#page, #page_index ,#page_agenda,#page_acp, #page_formations, #page_departements { background-image:url(img/cercles.jpg); background-repeat:no-repeat;background-position:top; min-height:800px;  max-width:867px; } 
.pied_page {text-align:center;}

.menuBis_membre {text-align:center; min-width:100px;}
.menuBis_membre a {color:blue;}
.haut_droite_retour {width:100px;margin-top:15px;}
/* /////////////////////////////////// SECTION  /////////////////////////////////// */
section { max-width:867px;}
@media only screen and (max-device-width:1067px) {  /*  480  */
	section { flex-direction: column; flex-wrap: wrap;  }
	p {line-height: 110%;font-size:110%;}
}

/* ///////////////////////////////////SOUS-MENUS ///////////////////// */
.sous_menus {display:flex; max-width:867px;  justify-content:space-around;}
.sous_menu {max-width:180px;min-width:80px; border:1px solid gray; margin-left:5px;  padding:3px; text-align:center;}
.nouveau_mp {padding-top:5px;}

/* ////////////////////////////////// ARTICLES  ///////////////////////////////// */
article{font-weight: 600; max-width:867px; padding:5px; padding-right:30px; padding-left:20px;  margin-left:20px;} /*967*/
article h1 {margin-top:3px;width:90%; margin-bottom:10px; text-transform : uppercase;  }
article li  {padding-bottom:5px;}

.page_flex {display:flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between;}
.texte_article {max-width:600px; padding-left:10px;}

.img_ou {margin-left: 10px; float:right;}
/*--------------------- TABLEAUX */
.tableau_type ,.tableau_emargement {text-align:center; border: 5px outset gray; border-collapse:collapse; max-width:867px;}
.tableau_type td,.tableau_emargement td{min-height:200px;border: 3px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center;}
.tableau_type th,.tableau_emargement th{min-height:200px;border: 3px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center;}
.tableau_colmax50 td{max-width:50%; height:100px; overflow:auto;}
.tableau_colmax50 tr {height:100px;}
/* --------------- ACTUALITE 
.menu_actualite  { display: flex; font-size:85%; margin-left:10px; padding-left:0;font-weight: 600;min-height:30px; vertical-align:middle; } 
.menu_actualite span {margin-left:5px; text-align:center; background:#e7e7e8; padding:3px; max-width:200px;  }
.menu_actualite a {color:#5e5e82; text-decoration: none; padding:3px;} */

/* ---------------------------------------------- MODIFICATION FICHE */
.tab_modif_fiche1 , .tab_modif_fiche2  {margin-top:0;margin-left:20px; font-size:12px;border: 1px solid gray; width:300px;}
.tab_modif_fiche1  {float:left; }
/* -------------- NEW 2020 */
.entete_fiche_adherent {margin-left:20px; }
.fiche_adherent_pour_modifier {display:flex; color::#f00e85; flex-direction: row;  justify-content:center;margin-left:10px;}
	.tab_modif_fiche  {  margin-top:0;margin-bottom:10px; font-size:12px; width:330px; border: 1px solid gray; border-collapse:collapse; padding-left:10px;} 
	.tab_modif_fiche_competences {width:90%;}
		.data  { padding:2px;}
			.tab_modif_fiche .libelle, .tab_modif_fiche .libelle_webm{ display:inline-block; width:40%; color:green;}
			.tab_modif_fiche_competences  .libelle {width:100%;}
			.tab_modif_fiche .libelle_webm {color:grey;}
			.tab_modif_fiche .libelle_large{ display:inline-block; width:65%; color:green;}
			.tab_modif_fiche .valeur { width:120px;}
			.tab_modif_fiche .valeur_large { width:180px;}
.fin_fiche_adherent {margin-left:100px; margin-bottom:15px;}
.adhAvalider {overflow: auto; color:blue; height:50px; width:300px;}
.tab_modif_fiche_competences  .adhAvalider {width:95%; height:80px; }
.adhAvalider_profession {overflow: auto; color:blue; height:20px; }
/* --------------- ACP */
#page_acp h1 { font-size: 120%;  text-transform :none;  }
.video_blandine {float:right; border:1px solid gray;margin-left:15px;max-width:260px;}
.video_blandine img {max-width:260px;}
.video_blandine h3 {text-align:center; }
.video_blandine p {text-align:center; font-size:80%;}

.videos {display:flex; flex-wrap:wrap; max-width:800px; justify-content:space-between; text-align:center;}
.videos span{margin:7px;}

.texte_acp_avec_image {display:flex;}
/* --------------- ADHESION */
.demande_adhesion table td {min-width:300px;  font-size:90%; }
.demande_adhesion .libelle {text-align:right; padding.right:10px;}
.adhesion_titre {font-weight:bold;list-style:square;}
.adhesion_li   {list-style: circle;  font-size:80%;padding-left:10px;}
.adhesion_li2   {list-style: circle; padding-left:10px;}
.declaration_honneur_li li {list-style: circle;}
.declaration_honneur_li  {color: green;}
.label_formulaire_psy {color:#ec288c;}
/* --------------- ADMIN */
.admin_type {margin:0 auto; max-width:600px; }
.menu_admin a {text-decoration: none;}
.admin_liste_adherents { margin-right:5px;}
.admin_liste_adherents  table { border: 4px outset gray; border-collapse:collapse;  }
.admin_liste_adherents th,.admin_liste_adherents td {border: 1px solid gray; border-collapse:collapse; padding:3px; empty-cells:show; text-align:center;}

.admin_liste_evenements {margin-left: 0px; margin-right:5px;}
.admin_liste_evenements  table { border: 4px outset gray; border-collapse:collapse;  }
.admin_liste_evenements  tr { height:5px;  }
.admin_liste_evenements th,.admin_liste_evenements td {border: 2px solid gray; border-collapse:collapse;
	height:5px; padding:3px; empty-cells:show; text-align:center; max-width:160px;}
.admin_menu_sur_adherent {margin:0 auto; padding-left:10px; border-top: 1px solid gray; }
.admin_menu_sur_adherent table {}
.admin_menu_sur_adherent table th {font-size:110%;}
.admin_menu_sur_adherent td {padding-right:40px;}
.admin_menu_webm1 a {color:#00b2a7}
.admin_menu_webm2 a {color:#0090f9}
.admin_menu_webm3 a {color:#0067b2}
.admin_menu_webm9 a {color:#f00d85;}

.tableau_admin_choix_multiple {border: 5px outset gray; border-collapse:collapse; max-width:867px;}
.tableau_admin_choix_multiple td{min-height:200px;border: 3px solid gray; border-collapse:collapse; margin:15px; padding:10px; empty-cells:show; color:#009de0; text-align:left; padding-left:15px; vertical-align:top;}
.tableau_admin_choix_multiple th{min-height:200px;border: 3px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center; color:#ec288c;}
.tab_demandes_annuaire 	{text-align:center; border: 1px outset gray; border-collapse:collapse;color:blue;}
.tab_demandes_annuaire  td{max-width:200px;border: 1px outset gray;color:red;min-width:50px; }

/* --------------- ANNUAIRE */
.fiche_adherent_public {display:flex; margin:10px; border: 2px solid gray; padding:10px;}
.photo_fiche_adherent {width:250px; padding-top:20px}
.fiche_adherent_public_identitite {max-width:300px; padding-right:10px;}

.annuaire_intro  {list-style:'- ';}
.fiche_adherent { display:flex; margin-top:5px;flex-wrap: wrap;}
.fiche_adherent_identitite {max-width:300px; padding-right:10px;}

.fiche_adherent_autres_infos {max-width:300px;  padding-left:10px; }
.fiche_adherent_site{font-weight:bold;padding:10px 0px;}
.fiche_adherent_competences {max-width:600px;  padding-left:10px; }


.fiche_adherent_tab1 { margin-left:30px;  color:blue; border: 1px solid gray;}
.fiche_adherent_tab2 {margin-left:40%;  color:green; margin-right:10px; }
.fiche_adherent_tab2  table{border: 1px solid gray; }
.fiche_adherent_tab1 th, .fiche_adherent_tab2  th{border:none;font-size:larger;font-weight:bold;}
.fiche_adherent_tab1 td , .fiche_adherent_tab2 td{border:none;}
.fiche_adherent_tab2  th {text-align:center; border-bottom: 1px solid gray;}
.fiche_adherent_tab3 { clear:both ; margin-left:30px; border: 1px solid gray;}  /* SUPERVISEURE */
.lancer_annuaire { font-size:120%; color:#f00e85; width:50%; text-align:center;font-weight:bold;}
/* -------------- ANNUAIRE GOOGLEMAP */
.map { width:867px; height:600px;allowfullscreen:"";}
.mappresent { margin-left:50px;max-width:600px; margin:0 auto; } /* Ne fonctionne pas je ne sais pas pourquoi !! */
/* -------------- ANNUAIRE TROMBINOSCOPE */
.trombi_entete {font-size:90%;}
.trombinoscope {display:flex;flex-wrap: wrap;}
.trombinoscope_adherent  {display:flex; flex-direction:column; height:250px; text-align:center;margin-bottom:8px;}
.trombinoscope_adherent img {  max-height:180px; max-width:250px; padding:5px;}
.trombi1 {color:#f0e42a ; }
.trombi0 {color:#00adef ;}
.trombi2 {color:#d22128 ;}
.trombi3 {color:#00b749 ;}
.trombi4 {color:#ec288c ; }
.trombi14 {color:#ec288c ; }
/* --------------- ASSOCIATION */
.image_EG, .images_EG {text-align:center;}
.image_EG img {max-width:400px; }
.images_EG img {max-width:300px; }
.image_EG .legende {font-size:80%; color:grey;}
.liste_ca {color:green; margin:auto; width:620px;}
.ligne_ca { display:flex; min-height:76px; width:620px; justify-content: space-between;margin-bottom:10px; }
.ligne_ca_public { display:flex; min-height:38px; width:620px; justify-content: space-between;margin-bottom:10px; }
.membre_ca1, .membre_ca2,.membre_ca3 ,.membre_ca4,.membre_ca5 {margin-bottom:10px; margin-left:10px; }
.membre_ca1 a {background-color:#f0e42a ; color:black; padding:10px;}
.membre_ca2 a {background-color:#00adef ; color:white; padding:10px;}
.membre_ca3 a {background-color:#d22128 ; color:white; padding:10px;}
.membre_ca4 a {background-color:#00b749 ; color:white; padding:10px;}
.membre_ca5 a {background-color:#ec288c ; color:white; padding:10px;}
.membre_ca6 a {background-color:#f0e42a ; color:black; padding:10px;}
.membre_ca7 a {background-color:#00adef ; color:white; padding:10px;}
.membre_ca8 a {background-color:#d22128 ; color:white; padding:10px;}
.membre_ca9 a {background-color:#00b749 ; color:white; padding:10px;}
.membre_ca10 a {background-color:#ec288c ; color:white; padding:10px;}
.membre_ca11 a {background-color:#f0e42a ; color:black; padding:10px;}
.membre_ca12 a {background-color:#00adef ; color:white; padding:10px;}
.membre_ca_fonction {font-size:80%;text-align:center; font-style:italic;}
/* ----------------  BULLES AFPACP */
.bulles .liste_rencontres {padding-top:15px; text-align:center; font-size: 90%; line-height:95%; }
.bulles_acp_bas_page{font-size:90%; }
.bulles_acp_bas_page li, .bulles .liste_rencontres li {list-style:square;}
/* ----------------  CA */
.tab_ca {margin-top:0;margin-left:20px; font-size:12px;border: 1px solid gray; width:300px;}
.tab_ca td{border: 1px solid gray;padding:5px;}
.prochain_ca {color:#d22128; text-align:center; padding-top:5px;}
.prochain_ca a {color:#007f33;}
/* ----------------  DOCUMENTATION */
.documentation_tab {margin-left:30px;font-size:smaller;}
/*.documentation_tab table{border: 1px solid gray;} 
.documentation_tab tr{border-bottom: 1px solid gray;} */
.documentation_tab th{border: 1px solid gray;} 
.documentation_tab td{border: 1px solid gray;}
/*.documentation_tab td{border-bottom: 1px solid gray;}

/* --------------- ESPACE MEMBRES */
.acces_membresMP {margin-left:15%;}
.bulles_annonce {color:#00b749}
/* --------------- ETUDIANTS */
.menus_etudiants {display:flex; max-width:867px;  justify-content:space-around;}
.menu_etudiant{max-width:180px; min-width:80px; border:1px solid gray;margin-left:5px;  padding:5px; text-align:center; color:#4f4f4f;}
/* --------------- EVENEMENTS */
.un_evenement  {max-width:500px;border: 3px outset gray; border-collapse:collapse;  }
.un_evenement td {color:#0095d6; text-align:left; border: 1px solid gray;padding:5px; padding-left:10px;}
.suite_evenement {color:red; font-size:200%; cursor:pointer;}
/* ---------------------------------------------- FACTURES */
#page_facture , #page_procuration {
	 background-position:top;  max-width:867px; 
	 margin:0 auto;padding-left:20px; font-family:  Times New Roman, arial, georgia , sans-serif, "trebuchet ms" ;
	font-size:18px; background-color:#ffffff; max-width:867px; 
}
#page_facture {min-height:800px; }
#page_facture h2 , #page_procuration h2 { font-size:22px;color:black;}
#page_facture p , #page_procuration p { margin-left:150px; }
.adresse_facture {margin-left:600px;}
.paris_le { float:right ; margin-right:200px ;}
/* --------------- FORMATIONS */
#page_formations ul {list-style:inside;}
/* --------------- HISTORIQUE */
.tableau_historique td {max-width:300px;}
/* --------------- INDEX */
#page_index h1 { font-size: 120%;  text-transform : none;}
.index_bandeau_annonces_haut_page {display:flex; max-width:867px; flex-wrap: wrap; justify-content:space-around;}
.index_annonce_haut,.index_annonce_haut_pca{min-width:215px; border:1px solid gray; padding:5px; text-align:center;margin-bottom:10px;}
.index_annonce_haut h3 {font-size: 100%;  }
.index_annonce_haut_pca{min-width:200px;}

.annonce_bas_page_flex  {display:flex; justify-content: center;padding-top:20px;}
.annonce_bas_page_flex .image {max-width:50%; }
.annonce_bas_page_flex .image img{max-width:100%;}
.annonce_bas_page_flex h5 {padding-left:5px; }
.annonce_bas_page  { padding-top:20px;}
.annonce_bas_page .image {max-width:100%; }
.annonce_bas_page .image img{max-width:100%;max-height:200px;}
.annonce_bas_page h5 {padding-left:5px; }

.cinopsy{border-top:1px solid gray;color:#559aa8;}
.cinopsy img {max-height:250px; max-width:100%; }

.menus_bas_de_page_tel{display:none}

@media only screen and (max-device-width:1067px) {  /*1067*/
	.index_bandeau_annonces_haut_page {display:none;font-size:150%; color:blue;}
	/*.index_annonce_haut{display:none;}*/
	.annonce_bas_page_flex  {display:block;}
	.menus_bas_de_page_tel{display:block;}
}
/* --------------- LIENS */
.organisme_lien {display:flex;  max-width:867px; } /* justify-content:flex-start; */
.nom_lien {width:500px; padding-bottom:10px;}
.liens_logo {width:300px;  min-height:50px; }
.liens_logo img {padding-left:35px; max-height: 120px; max-width:260px; }


/* --------------- PAIEMENT DIRECT */
.paiement_direct {margin-left:10px;margin-bottom:5px; display:flex;width:400px;}
.paiement_direct span {display:block;width:200px; }
.paiement_annuled {font-weight:bold; background-color:#f7f28c; color:red;text-align:center;margin:10px;padding:5px;}

.lien_stripe {color:red; font-size:105%;background-color:yellow; text-align:center; padding:5px;}
/* --------------- SEMINAIRES */
.img_seminaire {float:right;padding-top:10px;}
.seminaire_invite {display:flex; flex-direction: row;justify-content: flex-start;}
.seminaire_invite_image {min-height:220px;min-width:200px; }
.seminaire_invite_image img {max-height:200px;  }
.seminaire_biographie {padding-left:20px;}
.seminaire_biographie h3 {font-weight:bold; color:#f00e85; padding-bottom:1px; margin-bottom:1px; }
.seminaire_table_tp2021 {text-align:center; border: 3px outset gray; border-collapse:collapse; max-width:867px;}
.seminaire_table_tp2021 td{min-width: 250px;padding:7px;min-height:200px;border: 1px solid gray; border-collapse:collapse; padding:3px; empty-cells:show; text-align:center;font-size:12px; font-weight: 600;}
.seminaire_table_tp2021 th{min-height:200px;border: 1px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center;}
/* --------------- SOLIDARITE */
.covid-19  {max-width:600px;  margin:0 auto;}
.covid-19 h1 {color:#f00e85;text-transform :none; }
.covid-19 h3 {text-align:center; }
.covid-19 .surligner_jaune {margin-bottom:10px; }
.covid-19 ul {list-style:square;}
.covid-19 .menu {font-size: 110%;}
.solidarite_entretien_demande {width:450px; display:flex; justify-content:space-around; margin-bottom:5px; }
.solidarite_entretien_demande span  {width:50%; display:block;}
.table_groupes_solidaires td ,.table_groupes_solidaires td a {color:#0095d6;  }
.solidarite_envoyer {text-align:center;font-size:larger;margin-top:5px;}
.solidarite_envoyer .submit {background-color:#f7f28c;font-size:larger;}
.evenement_solidarite {display:flex; }
.evenement_solidarite .col1 {width:30%;  border:1px solid gray; border-right;none; padding:3px;}
.evenement_solidarite .col2 {width:70%; max-height:200px; overflow: auto;  text-overflow: "..." ; border:1px solid gray;  border-left:0px; padding:3px;}
.evenement_solidarite_col3 { float:right; align-items:flex-end;}


.solidarite_groupes_hebdo {display:flex; text-align:center; color:white; margin-top:15px;}
.solidarite_groupes_hebdo span {width:90px; padding-bottom:10px;}
.solidarite_groupes_hebdo a {color:white;}
.solidarite_groupes_hebdo .jour1{background-color:grey;}
.solidarite_groupes_hebdo .jour2{background-color:#00b749;}
.solidarite_groupes_hebdo .jour3{background-color:#ec288c;}
.solidarite_groupes_hebdo .jour4{background-color:#f0e42a; color:#424242;} 
.solidarite_groupes_hebdo .jour4 a {color:#424242;} 
.solidarite_groupes_hebdo .jour5{background-color:grey;} /* #00adef ; */
.solidarite_groupes_hebdo .jour6{background-color:#00acef ;}
.solidarite_groupes_hebdo .jour7{background-color:#d22028 ;}
.titre_faire_une_demande_entretien_solidarite {background-color:yellow;width:300px;}
.titre_faire_une_demande_entretien_solidarite a {color:#f00e85;}
/* -------------- TABLES :  AGENDA - FORMATION - LISTE */
.statistiques table, #page_agenda article table, #page_formations table ,.page_liste table, #page_departements table
	{border: 5px outset gray; border-collapse:collapse;margin-right:10px; margin-left:20px;}
.statistiques td,#page_agenda article  td , #page_agenda article th , #page_formations th, #page_formations  td ,.page_liste th,.page_liste td, #page_departements td, #page_departements th
	{border: 3px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center;}
#page_agenda article th,.page_liste th {color:#7a378b;}
#page_agenda article  td {text-align:left; line-height:1.3;}
.statistiques table {text-align:center; }
.statistiques td {padding-left:9px ; padding-right: 9px;}
/* --------------- REVUE */
.revue {display:flex;}
.image_revue{font-size:80%; text-align:center; color:grey; line-height:1;}
.revue img { height:220px; margin-top:30px ;}
.texte_revue {padding-left:20px ;margin-right:10px;} 

/* --------------- VALEURS */
.cliquez {text-align:center; font-size:80%; font-style:italic;}

/* --------------- 9j22  */
.c9j22 h1 {color:#f00e85;text-transform :none; }