/* ------------------------------- */
/* ath-tnt.org - feuille de styles */
/* ------------------------------- */


/* -------------------- */
/* Structure de la page */

/* body */
body { 
	font: 9pt/13pt arial; 
	color: #888888; 
	background: #fff /*url(../images/fond/fond_body.jpg) repeat top left*/;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* <=> body redimensionné */
div#page { 
	background-color: #f5f5f5; 
	width: 90%;
	margin-left: auto; 
	margin-right: auto; 
	}

/* Colonne de gauche */
div#pageLeft {
	float: left;
	width: 150px;
	overflow: none;
	background-color: #eee;
	color: #555555;
	}
div#coordonnees {
	text-align: bottom;
	padding : 1ex;
	}
div.espace {
	height: 2ex;
	}
div.separation {
	height: 200px;
	}
div.adresse {
	font: 8pt/13pt arial; 
	}
div.telephone {
	font: 8pt/13pt arial; 
	}
div.email {
	font: 8pt/13pt arial; 
	}
div.copyright {
	font: 9pt/13pt arial;
	text-align: center; 
	}

/* <=> page - pageLeft */
div#pageTopMiddleRight {
	float: right;
	background-color: #ddd;
	}

/* Haut de la page */
div#pageTop { 
	height: 50px;
	background-color: #EEEEEE;
	}
div#pageTopMenus {
	float: left;
	/*text-align: center;*/
	padding: 1ex;
	}
div#pageTopLangues {
	float: right;
	padding: 2ex;
	}

div#pageTopUtilisateur { 
	text-align: right;
	font: 8pt arial; 
	font-weight: bold;
	}
img.lang { border-width: 0; }

/* Colonne de droite */
div#pageRight {
	float: right;
	width: 160px;
	overflow: auto;
	background-color: #eee;
	padding-left: 5px;
	padding-right: 5px;
	}
div#pageRight div.info_titre {
	font: 8pt/12pt arial; 
	color: black;
	}
div#pageRight div.info_texte {
	font: 8pt/12pt arial; 
	color: #888888;
	background-color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	}
/*
div#pageRight div div.info_top {
	background: url(../images/fond/info_top.gif) no-repeat top;
	background-color: #fff;
	height: 5px;
	font: 1pt/1pt arial;
	}
div#pageRight div div.info_bottom {
	background: url(../images/fond/info_bottom.gif) no-repeat bottom;
	background-color: #fff;
	height: 5px;
	font: 1pt/1pt arial; 
	}
*/
div#pageRight div.info_espace {
	height: 1ex; 
	}

/* Propriétés qui s'appliquent au cadre en général */
div#pageRight div.info_cadre {
	background-color: #fff;
	}

/* Propriétés communes aux quatre coins de notre arrondi */
div#pageRight div.topleft, div#pageRight div.bottomleft, div#pageRight div.topright, div#pageRight div.bottomright {
	height: 5px;
	width: 5px;
	background-repeat: no-repeat;
	font: 1pt/1pt arial; /* indispensable sinon affichage hauteur par défaut > hauteur souhaitée */
	}
div#pageRight div.topleft { background-image: url('../images/fond/info_topleft.gif'); }
div#pageRight div.bottomleft { background-image: url('../images/fond/info_bottomleft.gif'); }
div#pageRight div.topright { background-image: url('../images/fond/info_topright.gif'); float: right; }
div#pageRight div.bottomright { background-image: url('../images/fond/info_bottomright.gif'); float: right; }

/* Partie centrale de la page <=> partie "spécifique" */
div#pageMiddle {
	float: left;
	overflow: auto;
	background-color: #fff;
}

/* Bas de la page */
div#pageBottom { 
	height: 15px;
	/*background-color: #717171;*/
	background-color: #EEEEEE;
	}



/* ------------- */
/* Mises en page */

h1 { 
	font: bold 10pt arial; 
	letter-spacing: 1px; 
	padding-left: 1ex; 
	margin-top: 1ex; 
	margin-bottom: 2ex;
	color: #f64822;
	}
div.para {
	text-indent: 2ex;
	text-align: justify;
	padding-left: 2ex; 
	padding-right: 2ex; 
	padding-top: 1ex; 
	padding-bottom: 1ex; 
	font: 10pt/14pt arial; 
	color: #555555; 
	}
div.para div.citation {
	font: 10pt/14pt arial;
	font-style: italic;
	color: #777777; 
	
	padding-left: 2ex; 
	padding-right: 2ex; 
	padding-top: 2ex; 
	padding-bottom: 1ex; 
	}
div.para div.sous_para {
	font: 10pt/14pt arial; 
	color: #555555; 
	}
div.para div.sous_para_2 {
	font: 10pt/14pt arial; 
	color: #555555; 
	text-indent: 4ex;
	}
div.para_tab {
	margin-bottom: 4ex;
	}
div.para ul {
	list-style-type: disc;
	list-style-position: outside;
	}
div.para img.centered {
	text-decoration: none;
	border-width: 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}


/* ----------- */
/* Formulaires */

.form { display: block; }

.buttonvert { 
	border: 1px solid #666666;
	background: #DDDDDD; 
	color: #666666; 
	font-family: Arial; 
	font-size: 11px;
	width: 25ex;
	}
.button_edit { 
	border: 1px solid #666666;
	background: #DDDDDD; 
	color: #666666; 
	font-family: Arial; 
	font-size: 11px;
	}
.button_del { 
	border: 1px solid #666666;
	background: #DDDDDD; 
	color: red; 
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold;
	}
.button_std { 
	border: 1px solid #666666;
	background: #DDDDDD; 
	color: #666666; 
	font-family: Arial; 
	font-size: 11px;
	}
.button_fichier_upload { 
	border: 1px solid #666666;
	background: #DDDDDD; 
	color: #666666; 
	font-family: Arial; 
	font-size: 11px;
	width: 80ex;
	}


/* ----- */
/* Liens */

a.link { text-decoration: none; }

a.a_doc {
	font-weight: bold;
	color: #f64822; 
	}
a.a_doc:link { 
	text-decoration: none; 
	}
a.a_doc:visited { text-decoration: none; }
a.a_doc:hover { text-decoration: underline; }
a_doc:active { text-decoration: underline; }

div.div_navig {
	clear: both;
	}
div.div_navig span.span_navig {
	float: right;
	text-align: left;
	}
div.div_navig span.span_navig a.a_navig {
	font: 8pt/14pt arial;
	font-weight: bold;
	color: #f64822; 
	text-decoration: none;
	}
a.linkev {text-decoration: none; cursor: hand; font-family: Arial; font-size: 10pt; color: #cc3366;}

a.lien_menu {
	color: #888888; 
	font: 9pt/11pt arial; 
	font-weight: bold; 
	font-variant:small-caps;
	padding-left: 1px; 
	padding-right: 1px; 
	margin-left: 1px; 
	margin-right: 1px; 
	border-right: 2px red; 
	}
a.lien_menu:link { 
	text-decoration: none; 
	color: #888888; 
	}
a.lien_menu:visited { 
	text-decoration: none; 
	color: #888888; 
	}
a.lien_menu:hover { 
	text-decoration: none; 
	color: #FFFFFF; 
	background-color: red;
	}
a:lien_menu:active { 
	text-decoration: underline; 
	color: #888888; 
	}
span.sep
	{
	font: 13pt/15pt arial; 
	color: red;
	}
a.lien_img { 
	text-decoration: none; 
	}


/* -------- */
/* Tableaux */

/* Divers */
table.cadre {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	/*table-layout: fixed; /* fixed (indépendamment du contenu des cellules) ou auto (selon le contenu des cellules) Largeur fixe ou variable */
	}
table.cadre_login {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	table-layout: fixed; /* fixed (indépendamment du contenu des cellules) ou auto (selon le contenu des cellules) Largeur fixe ou variable */
	/*border: 1px solid #33cc99; */
	font: 9pt/13pt arial; 
	color: #888888; 
	}
td.cadre_legende, th.cadre_legende{
	background-color : #dddddd;
	font-weight: bold;
	text-align: center;
	}
td.cadre_td { background-color : #eeeeee; }

/* Admin_infos */
table.cadre td.id_1 { width: 6ex;	background-color : #eeeeee; }
table.cadre td.id_2 { width: 6ex;	background-color : #f8f8f8; }
table.cadre td.date_1 { width: 11ex; background-color : #eeeeee; }
table.cadre td.date_2 { width: 11ex; background-color : #f8f8f8; }
table.cadre td.titre_1 { width: 30ex;	background-color : #eeeeee; }
table.cadre td.titre_2 { width: 30ex;	background-color : #f8f8f8; }
table.cadre td.texte_1 { width: 50ex;	background-color : #eeeeee; }
table.cadre td.texte_2 { width: 50ex;	background-color : #f8f8f8; }
table.cadre td.langue_1 { width: 5ex;	background-color : #eeeeee; }
table.cadre td.langue_2 { width: 5ex;	background-color : #f8f8f8; }
table.cadre td.statut_1 { width: 8ex;	background-color : #eeeeee; }
table.cadre td.statut_2 { width: 8ex;	background-color : #f8f8f8; }
table.cadre td.edit_1 { width: 6ex;	background-color : #eeeeee; }
table.cadre td.edit_2 { width: 6ex;	background-color : #f8f8f8; }
table.cadre td.edit_1 a, table.cadre td.edit_2 a { color: #888888; font-weight: bold; text-decoration: none; }
table.cadre td.del_1 { width: 2ex;	background-color : #eeeeee; }
table.cadre td.del_2 { width: 2ex;	background-color : #f8f8f8; }
table.cadre td.del_1 a, table.cadre td.del_2 a { color: red; font-weight: bold; text-decoration: none; }
/* supplément pour admin_documents */
table.cadre td.version_1 { width: 8ex;	background-color : #eeeeee; }
table.cadre td.version_2 { width: 8ex;	background-color : #f8f8f8; }
table.cadre td.fichier_1 { width: 15ex;	background-color : #eeeeee; }
table.cadre td.fichier_2 { width: 15ex;	background-color : #f8f8f8; }
/* supplément pour admin_liens */
table.cadre td.nom_1 { width: 15ex;	background-color : #eeeeee; }
table.cadre td.nom_2 { width: 15ex;	background-color : #f8f8f8; }
table.cadre td.lien_1 { width: 25ex;	background-color : #eeeeee; }
table.cadre td.lien_2 { width: 25ex;	background-color : #f8f8f8; }

/* Admin groupes */
table.groupe {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	}
table.groupe td.id_1 { width: 6ex;	background-color : #eeeeee; }
table.groupe td.id_2 { width: 6ex;	background-color : #f8f8f8; }
table.groupe td.nom_1 { width: 50ex; background-color : #eeeeee; }
table.groupe td.nom_2 { width: 50ex; background-color : #f8f8f8; }
table.groupe td.actif_1 { width: 10ex;	background-color : #eeeeee; }
table.groupe td.actif_2 { width: 10ex;	background-color : #f8f8f8; }
table.groupe td.edit_1 { width: 12ex;	background-color : #eeeeee; }
table.groupe td.edit_2 { width: 12ex;	background-color : #f8f8f8; }

/* Admin compagnies */
table.compagnie {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	}
table.compagnie td.id_1 { width: 6ex;	background-color : #eeeeee; }
table.compagnie td.id_2 { width: 6ex;	background-color : #f8f8f8; }
table.compagnie td.nom_1 { width: 30ex; background-color : #eeeeee; }
table.compagnie td.nom_2 { width: 30ex; background-color : #f8f8f8; }
table.compagnie td.nom_detail_1 { width: 45ex; background-color : #eeeeee; }
table.compagnie td.nom_detail_2 { width: 45ex; background-color : #f8f8f8; }
table.compagnie td.groupe_1 { width: 25ex;	background-color : #eeeeee; }
table.compagnie td.groupe_2 { width: 25ex;	background-color : #f8f8f8; }
table.compagnie td.actif_1 { width: 10ex;	background-color : #eeeeee; }
table.compagnie td.actif_2 { width: 10ex;	background-color : #f8f8f8; }
table.compagnie td.edit_1 { width: 12ex;	background-color : #eeeeee; }
table.compagnie td.edit_2 { width: 12ex;	background-color : #f8f8f8; }

/* Admin membres */
table.member {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	}
table.member td.id_1 { width: 6ex;	background-color : #eeeeee; }
table.member td.id_2 { width: 6ex;	background-color : #f8f8f8; }
table.member td.nom_1 { width: 20ex; background-color : #eeeeee; }
table.member td.nom_2 { width: 20ex; background-color : #f8f8f8; }
table.member td.nom_detail_1 { width: 25ex; background-color : #eeeeee; }
table.member td.nom_detail_2 { width: 25ex; background-color : #f8f8f8; }
table.member td.compagnie_1 { width: 25ex;	background-color : #eeeeee; }
table.member td.compagnie_2 { width: 25ex;	background-color : #f8f8f8; }
table.member td.profil_1 { width: 15ex;	background-color : #eeeeee; }
table.member td.profil_2 { width: 15ex;	background-color : #f8f8f8; }
table.member td.actif_1 { width: 10ex;	background-color : #eeeeee; }
table.member td.actif_2 { width: 10ex;	background-color : #f8f8f8; }
table.member td.edit_1 { width: 12ex;	background-color : #eeeeee; }
table.member td.edit_2 { width: 12ex;	background-color : #f8f8f8; }

/* Admin multiplex */
table.multiplex {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	}
table.multiplex td.id_1 { width: 6ex;	background-color : #eeeeee; }
table.multiplex td.id_2 { width: 6ex;	background-color : #f8f8f8; }
table.multiplex td.nom_1 { width: 50ex; background-color : #eeeeee; }
table.multiplex td.nom_2 { width: 50ex; background-color : #f8f8f8; }
table.multiplex td.actif_1 { width: 10ex;	background-color : #eeeeee; }
table.multiplex td.actif_2 { width: 10ex;	background-color : #f8f8f8; }
table.multiplex td.edit_1 { width: 12ex;	background-color : #eeeeee; }
table.multiplex td.edit_2 { width: 12ex;	background-color : #f8f8f8; }

/* Page des liens */
table.lienwww {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	border-style: solid; border-width: 1ex; border-color: white;
}
table.lienwww td {
border-bottom-style: solid; border-bottom-width: 1ex; border-bottom-color: white;
}
table.lienwww td.titre_1 { width: 12ex;	font-weight: bold; background-color : #eeeeee; }
table.lienwww td.titre_2 { width: 12ex;	font-weight: bold; background-color : #f8f8f8; }
table.lienwww td.texte_1 {background-color : #eeeeee; }
table.lienwww td.texte_2 {background-color : #f8f8f8; }
table.lienwww td.lien_1 { width: 30ex;	background-color : #eeeeee; }
table.lienwww td.lien_2 { width: 30ex;	background-color : #f8f8f8; }
table.lienwww td.lien_1 a, table.lienwww td.lien_2 a { color: #888888; font-weight: bold; text-decoration: underline; }

/* Page des documents */
table.document {
	border-collapse: separate; /* Fusion des bordures (collapse) ou non */
	border-style: solid; border-width: 1ex; border-color: white;
}
table.document td {
border-bottom-style: solid; border-bottom-width: 1ex; border-bottom-color: white;
}
table.document td.titre_1 { width: 24ex; font-weight: bold; background-color : #eeeeee; }
table.document td.titre_2 { width: 24ex; font-weight: bold; background-color : #f8f8f8; }
table.document td.texte_1 {background-color : #eeeeee; }
table.document td.texte_2 {background-color : #f8f8f8; }
table.document td.lien_1 { width: 16ex;	background-color : #eeeeee; }
table.document td.lien_2 { width: 16ex;	background-color : #f8f8f8; }
table.document td.lien_1 a, table.document td.lien_2 a { color: #888888; font-weight: bold; text-decoration: underline; }

/* Page des membres (compagnies + membres associés) */
table.liste_membres {
	border-collapse: collapse; /* Fusion des bordures (collapse) ou non */
	border-style: solid; border-width: 1ex; border-color: white;
}
table.liste_membres td {
padding: 0ex 0ex 0ex 1ex;
}
table.liste_membres td.titre { font-weight: bold; background-color : #eeeeee; color: #555555; padding: 1ex;}
table.liste_membres td.legende { width: 20ex; background-color : #f4f4f4; padding: 0ex 0ex 0ex 2ex; }
table.liste_membres td.donnee { width: 60ex; background-color: #f8f8f8; }
table.liste_membres td.donnee a, table.liste_membres td.donnee a { color: #888888; font-weight: bold; text-decoration: underline; }
table.liste_membres td.membre_legende { width: 20ex; background-color: #eeeeee; font-weight: bold; border-top-style: solid; border-top-width: 1ex; border-top-color: white; }
table.liste_membres td.membre_donnee { width: 60ex; background-color:  #eeeeee; font-weight: bold; }
table.liste_membres td.sep_legende { width: 20ex; background-color: #f4f4f4; }
table.liste_membres td.sep_donnee { width: 60ex; background-color:  #f8f8f8; padding: 0ex 0ex 0ex 1ex; }

/* Pages de requêtes */
table.requete {
	border-collapse: collapse; /* Fusion des bordures (collapse) ou non */
	border-style: solid; border-width: 1ex; border-color: white;
}
table.requete td {
background-color: #f8f8f8;
padding: 0ex 0ex 0ex 1ex;
}
table.requete td.titre_legende { width: 20ex; font-weight: bold; background-color : #eeeeee; color: #555555; padding: 1ex;}
table.requete td.titre_donnee { width: 40ex; font-weight: bold; background-color : #eeeeee; color: #555555; padding: 1ex;}
table.requete td.legende { width: 20ex; font-weight: bold; background-color : #f4f4f4; padding: 0ex 0ex 0ex 2ex; }
table.requete td.donnee a, table.requete td.donnee a { color: #888888; font-weight: bold; text-decoration: underline; }
table.requete td.pt { padding-top: 0.5ex; }
table.requete td.pb { padding-bottom: 0.5ex; }
table.requete td.btw { border-top-style: solid; border-top-width: 1ex; border-top-color: white; }
table.requete td.btg { border-top-style: solid; border-top-width: 1ex; border-top-color: #f8f8f8; }


/* ------------------------------------------------------ */
/* CSS d'affichage d'erreurs et résultats de requête ajax */

div.erreurs
	{
	font: 10pt/14pt arial; 
	font-weight: bold; 
	color: red; 
	text-align: center;
	}
div.erreur
	{
	font: 9pt/13pt arial;
	color: red; 
	}
div.resultat
	{
	padding-left: 2ex; 
	font: 9pt/13pt arial;
	font-weight: bold;
	color: darkgreen; 
	}
span.erreur
	{
	font: 14pt/14pt arial; 
	font-weight: bold; 
	color: red; 
	}



/* ------------------------------------------------ */
/* CSS de complément. Ex dans class="member centre" */
/* A placer impérativement en fin de fichier */
.hand { cursor: hand; }
.lien { text-decoration: underline; }
.centre { text-align: center; }
/*.gras { font-weight: bold; }*/
div.masque, span.masque { display: none; }
div.affiche, span.affiche { display: ""; }
.droit { text-align: right; };