/* /styles/cu-lettres.css */

/*******************/
/*Eléments de corps*/
/*******************/

/*Elements généraux*/

BODY {
	background-color:#FFFFFF;
	color:#000000;
}

P, LI {
	color:#000000;
	background-color:#FFFFFF;
	text-align:justify;
}


/*Liste-menu pour les bons usages*/

UL.usages {
}


/*Mini-table pour présenter nom/descripiont etc. */

/*Ligne associée à la table*/

HR.table {
}

/*Emphase associée à la table*/

em.nom-table {
	font-weight:bold;
	font-style:normal
}



/********************/
/*Eléments de titres*/
/********************/


/*Titre de premier niveau*/

H1 {
	text-align:center;
	color:#3399CC;
	background-color:#FFFFFF;
	font-weight:bold;
}

/*Titre de second niveau*/

H2 {
	margin-left:50px;
	color:#990000; /*#FF9900*/
	background-color:#FFFFFF;
	text-decoration:underline;
}

/*Titre de troisième niveau*/

H3 {
	margin-left:100px;
	color:#000066; /*#33CC99*/
	background-color:#FFFFFF;
	text-decoration:underline;
}

/*Titre de quatrième niveau*/

H4 {
	margin-left:150px;
	color:#000000;
	background-color:#FFFFFF;
	font-style:italic;
}


/*******************/
/*Eléments de liens*/
/*******************/

/*Liens standards*/
/*Les deux premiers sont désactivés pour que l'utilisateur*/
/*garde ses couleurs pré-selectionnées*/

/*A:link {*/
/*color:#0000FF;*/
/*}*/

/*A:visited {*/
/*color:#0000FF;*/
/*text-decoration:none*/
/*}*/

A:active {
	color:#0099CC;
	text-decoration:none;
	background-color:#FFFFFF;
}


/*Liens spécifiques*/
/*Ils sont spécifiques sans être spécifiés aujourd'hui*/
/*Ça permettra de faire un design plus évolué plus tard*/
/*sans revoir le code html*/

A.a-news {
}

A.a-http-int {
}

A.a-http-ext {
}

A.a-mail {
}

A.a-ftp {
}

A.a-mail-alias {
}

A.a-mail-mod {
}


/*Liens sommaire*/
/*Ils correpondent aux liens internes présents dans la petite case sommaire*/
/* Not In Use
A.sommaire {
color:#FFFFFF;
text-decoration:none
}

A.sommaire:active {
color:#FF9999;
text-decoration:none
background-color:#FFFFFF
}

A.sommaire:visited {
color:#FFFFFF;
text-decoration:none
}

A.sommaire:link {
color:#FFFFFF;
text-decoration:none
}
*/



/*************************/
/*Eléments de paragraphes*/
/*************************/


/*Paragraphes associés aux titres*/
/*Si on veut mettre le texte avec la même marge que le titre*/

p.h2 {
	margin-left:100px;
}

p.h3 {
	margin-left:150px;
}

p.h4 {
	margin-left:150px;
}


/*Paragraphes associés à l'en-tête*/

p.en-tete {
}


/*********************************************************/
/*Tableaux pour une présentation hum...hum "stylée" quoi */
/*********************************************************/


/*Cadre général*/

TABLE.presentation {
}

/*Colonne de droite*/

TD.cu {
}

/*Colonne de gauche*/

TD.hierarchie {
	background-color:#330099; 
	color:#000000;
	width:15%;
}

/*Image pour imposer une largeur à la colonne de gauche*/
/*Certains navigateurs (comme Opera) n'affichent pas de*/
/*colonne s'il n'y a rien dedans*/
/*Au cas ou elle deviendrait inutile (évolution des navigateurs*/
/*grâce à ce style, on pourrait l'éliminer "proprement"*/
/*Cela le permet déjà sous IE qui reconnait la largeur de la*/
/*colonne dans tous les cas (il utilise le width notifié ci-dessus)*/

IMG.hierarchie {
	width:0px;
	height:0px;
}

/*Table associée à la table*/

table.table {
}


/*Tableau associé au sommaire*/

TABLE.sommaire {
	background-color:#009999;
	color:white;
	margin-left:0px;
}

/* Images */

IMG {
	border-width : 0;
        border-style : none;
        border-color : inherit;
}
			

/* La table de fin */
TD.end-left {
	width: 25%;
	text-align: left;
}

TD.end-centre {
        width: 50%;
        text-align: center;
}

TD.end-right{
        width: 25%;
        text-align: right;
}


/* formatages génériques */
.center {
        text-align: center;
}