/*
 ================================================================
 Nom du fichier                     : /common/styles/styles.css
 Date de création                   : 05/07/04
 Auteur                            	 : NPG
 ================================================================
 Description du fichier             :
    Feuille de style commune.
    Tous les styles communs à tous les modules d'IKNOVA.
    Chaque module supplémentaire possède sa propre feuille de styles
    surchargeant de sa charte les styles communs.
 ================================================================
 Langage de programmation           : CSS
 Version du langage de programmation: v4.01
 ================================================================
 Historique       :
 Nom              | Modification            | Version  | Date
 ================================================================
 PMN              | Création                | 1        | 05/07/04
 NPG              | Mise à jour             | 1        | 07/07/04
 ================================================================
*/


/* Styles globaux correspondant aux balises HTML. */
/* ============================================== */

body 
{
   background: url(/common/styles/img/fondgris.gif);
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	text-align: justify;
	font-size: 10pt;
}

table 
{
	text-align: justify;
	font-size: 10pt;
}

img 
{
	border: 0;
	padding: 0;
	margin:0; /* Utile pour les images mapées */
}

a 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

a img 
{
	border: 0;
}

a:hover, a:active 
{
	text-decoration: underline;
	color: #FF0000;
}

a:link, a:visited 
{
	text-decoration: none;
}

input 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/* Styles spécifiques aux cadres avec ombrage */
/* ========================================== */
/* Les bordures sont des images situees dans
chaque common de module.
La charte graphique est ainsi declinee en couleur
de maniere transparente pour la programmation.
Utilisation d'un Alias Apache : /common.
*/

/* Le style collapse permet d'obliger l'affichage du tableau avec des bordures de cellules en 2D.
Du coup le border 0 du tableau va permettre de faire disparaitre l'espace entre les cellules.
*/
table.cadre 
{
	border-collapse: collapse;
	border: 0;
	padding: 0;	
	margin: 0;
	width: 100%;
}

table.cadre td 
{
	border: 0;
	padding: 0;
	margin: 0;
}

table.cadre td.contenu_couleur 
{
	padding: 2px;
	background: #cc99ff;
	color: #000099;
}

/* Les cellules des bordures du cadre utilisent un background qui ne peut se dessiner
qu'a condition que les cellules aient une dimension minimum (elles sont vides de contenu).
d'ou la dimension des 4 coins qui dimensionnent egalement automatiquement les bordures
verticales et horizontales.
*/
table.cadre td.bg, td.bd, td.hg, td.hd 
{
	width: 15px;
	height: 16px;
}

table.cadre td.bg 
{
	background: url(/common/styles/img/cadre/coinBG.gif);
}

table.cadre td.bd 
{
	background: url(/common/styles/img/cadre/coinBD.gif);
}

table.cadre td.hg 
{
	background: url(/common/styles/img/cadre/coinHG.gif) bottom right;
}

table.cadre td.hd 
{
	background: url(/common/styles/img/cadre/coinHD.gif) bottom left;
}

table.cadre td.haut 
{
	background: url(/common/styles/img/cadre/traitHaut.gif) bottom;
}

table.cadre td.bas 
{
	background: url(/common/styles/img/cadre/traitBas.gif);
}

table.cadre td.gauche
{
	background: url(/common/styles/img/cadre/traitGauche.gif);
}

table.cadre td.droite 
{
	background: url(/common/styles/img/cadre/traitDroit.gif);
}

/* Contenu standard de cadre : sans fond de couleur d'un module. Ex: bandeau tetiere.
*/
table.cadre td.contenu 
{
	padding: 10px;
	background: white;
}

/* Style specifique pour les notes dans les blocs cadres.
Ces notes sont independantes de la charte de couleur du module.
*/
table.cadre td.contenu_note 
{
	padding: 2px;
	background: #FFFFCC;
	color: black;
}

table.cadre a.lien 
{
	font-weight:normal;
	color: #006600;
}

table.cadre a.lien:hover, a.lien:active 
{
	text-decoration: underline;
}

table.cadre a.lien:link, a.lien:visited 
{
	text-decoration: none;
}


/* Styles du conteneur de page.
La page est mise en page par un tableau de 3 cellules dont la cellule de gauche et celle de droite en largeur fixe.
*/

table.conteneur 
{
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}

table.conteneur tr 
{
	vertical-align: top;
}		

table.conteneur td.menu_gauche
{
	width: 200px;
}

table.conteneur td.menu_droite 
{
	width: 75px;
}

/* Titres. */
.titre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}


/* MENU CONTEXTUEL */
.skin0 
{
	position: absolute;
	width: 350px;
	font-family: Verdana;
	line-height: 20px;
	visibility: hidden;
	border: solid 1px;
}

.menuitems 
{
	padding-left:15px;
	padding-right:10px;
}

.menuitems_checked
{
	padding-left:15px;
	padding-right:10px;
	font-style: italic;
}

/* Style appliques aux hyperliens et extremliens intercognitons */
a.HyperLienOK:hover, 
a.HyperLienOK:visited, 
a.HyperLienOK:active, 
a.HyperLienOK:link 
{
	text-decoration:underline;
}

a.HyperLienKO:hover, 
a.HyperLienKO:visited, 
a.HyperLienKO:active, 
a.HyperLienKO:link 
{
	text-decoration:underline;
	color:#ff0000;
}

a.ExtremeLienOK:hover,
a.ExtremeLienOK:visited, 
a.ExtremeLienOK:active, 
a.ExtremeLienOK:link 
{
	text-decoration:overline underline;
}

a.ExtremeLienKO:hover, 
a.ExtremeLienKO:visited, 
a.ExtremeLienKO:active, 
a.ExtremeLienKO:link 
{
	text-decoration:overline underline;
	color:#ff0000;
}


/* CADRES DANS LES FORMULAIRES */
/* Le cadre en lui-même */
.cadre_gris 
{
	border:solid 1px gray;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-left:1.5em;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:5px;
	width:100%;
}

/* Les titres dans les cadres */
.cadre_gris h3 
{
	margin-top:0;
	margin-left:-1em;
	margin-bottom:5px;
}

/* Les checkboxes plus tard */
span.plustard
{
	font-size:10pt;
	font-weight:normal;
}

/* Titre de la page. */
.TitrePage {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	background-color: #C6D6EF;
	border: 2px solid #316AC5;
}
	

/* Définition des styles Généraux*/

/* Blocs. */
.BlocCadre {
	width: 100%;
	border: 2px solid #003399;
}

.BlocTitre {
	font-weight: bold;
	background-image : url("/img/barre.jpg");
	background-repeat: repeat-y;
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	color : #FFFFFF;
}

.BlocLigne {
	font-size: 11px;
	height: 35px;
	background-color: #C6D6EF;
}

/* Listes. */
.ListeCadre {
	border: 1px solid #003399;
}

.ListeTitre {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align: center;
	background-color: #003399;
	color : #FFFFFF;
}

.ListeTitre a{
	font-weight: bold;
	color : #FFFFFF;
}

.ListeTitre a:hover{
	font-weight: bold;
	color : #FFFF00;
}

.ListeLigne {
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 0px;
}

.ListeNombre {
	text-align: right;
	font-size: 11px;
	background-color: #FFFFFF;
}

.ListeTotal {
	border-top: 2px solid #003399;
	padding-top: 5px;
	text-align: right;
	font-size: 11px;
	background-color: #FFFFFF;
}

/* Paragraphe. */
.RubCadre {
	width: 100%;
	border: 2px solid #003399;
}

.RubTitre {
	font-weight: bold;
	background-image : url("/img/barre.jpg");
	background-repeat: repeat-y;
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	color : #FFFFFF;
}

.RubTexte {
	font-size: 11px;
}


/* Formulaires. */
.FormCadre {
	border: 2px solid #003399;
}

.FormTitre {
	font-weight: bold;
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	color : #FFFFFF;
}

.FormLigne {
	font-size: 11px;
	background-color: #CCCCCC;
}

.FormOngletActif {
	text-align: center;
	background-color: #CCCCCC;
}

.FormOnglet {
	text-align: center;
	font-weight: bold;
	background-color: #003399;
	color : #FFFFFF;
}

.PiedPage {
	font-size: 10px;
	background-color: #FFFFFF;
}

/* Ajout de styles pour la nouvelle presentation des manifestations. */
	table.manifListe { font-family: Arial, sans-serif; font-size: 14px; }
	table.manifListe tr.manifPublie1 { background-color: #E9E9E9; }
	table.manifListe td.manifDate { color: #008080; font-weight: bold; vertical-align: top; padding: 10px; width: 100px;}
	table.manifListe td.manifLibelle { vertical-align: top; padding: 10px; }
	table.manifListe a.manifLien { font-size: 12px; }
	table.manifListe a.manifLien:hover { text-decoration: none; }
/* Fin styles manifestation */

/* Ajout de styles pour les Formations. */
	table.formListe { font-family: Arial, sans-serif; font-size: 14px; }
	table.formListe tr.formPublie1 { background-color: #E9E9E9; }
	table.formListe td.formDate { color: #008080; font-weight: bold; vertical-align: top; padding: 10px; width: 100px;}
	table.formListe td.formLibelle { vertical-align: top; padding: 10px; }
	table.formListe a.formLien { font-size: 12px; }
	table.formListe a.formLien:hover { text-decoration: none; }
/* Fin styles manifestation */

/* Styles Espace Entreprises. */
table.entpListe {
	width: 80%;
	font-family: sans-serif;
	font-size: 14px;
}
table.entpListe td.entpLibelle {
	width: 100%;
	vertical-align: top;
	padding: 4px;
}
table.entpListe a.entpLien {
	font-size: 12px;
}
table.entpListe a.entpLien:hover {
	text-decoration: none;
}
/* Onglets Fiche */
.entpFicheOnglet {
	border-left: 1px solid #003399;
	border-top: 1px solid #003399;
	border-right: 1px solid #003399;
	border-bottom: none;
	padding-top: 4px;
	padding-bottom: 4px;
}
.entpLienOnglet {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	color: Black;
	text-decoration: none;
}
.entpLienOnglet:hover {
	color: Black;
	background-color: Silver;
}

/* Cadre de la Fiche */
table.entpFicheCadre {
	border: 1px solid #003399;
	width: 99%;
}

/* Formulaire */
table.entpFom {
	font-family: sans-serif;
	width: 100%;
}
table.entpFom TH {
	font-weight: bold;
	text-align: center;
	background-color: #003399;
	color : #FFFFFF;
	padding: 4px;
}
table.entpFom TH.Titre {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	color : #003399;
}
table.entpFom TD {
	font-size: 11px;
	background-color: #FFFFFF;
}

/* Fiche */
table.entpFiche {
	font-family: sans-serif;
	width: 100%;
}
.entpFiche TH {
	font-weight: bold;
	text-align: center;
	background-color: #003399;
	color: #FFFFFF;
	padding: 4px;
}
.entpFiche TD {
	font-size: 11px;
	background-color: #FFFFFF;
}

/* Paragraphe */
table.entpPara {
	font-family: sans-serif;
	width: 100%;
}
.entpPara TH {
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding: 4px;
	background-color: #FFFFFF;
	color: #000000;
	/* border-bottom: 1px solid #003399; */
}
.entpPara TD {
	font-size: 11px;
	text-align: justify;
}
div.entpParagraphe { 
	text-indent: 25px;
	text-align: justify;
	width: 100%;
}
div.entpParagraphe img {
	float: left;
	margin-bottom: 5px; 
	margin-top: 3px;
	margin-right: 10px;
}

/* Fin Styles Espace Entreprises */

/* Styles Champ Obligatoire */
.ChampObligatoire {
	font-size: 12px;
	font-weight: bold;
	color: red;
}

/* Style textearea pour la modification d'une manifestation. */
.TexteDescription {
	font-size: 11px;
}

.TexteBandeau {
	font-size: 12px;
	color: #000000;
	text-align: center;
}

.LienBandeau {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}