/* Le fond de la page */

body {
	background-color:#d6cabc;
}
/* le cartouche avec le logo du site */
#entete
{
	height: 181px;
	background-image: url(img/cfdt_scerao_gauche.jpg);
	background-color:#ffdb9d;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}
/* le bloc de navigation � gauche */
 #navigation		/* (inc/inc-menu.html) */
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}
/* le bloc de navigation � droite */
#encart	
{
	position: absolute;
	top: 190px;
	right: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}


{	
	background-image: url(img/titre-coin.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


/* AGENDA pour apparence du mini calendrier par moi Herve
ATTENTION le fond du calendrier el les traits sont codes en dur dans inc-agenda */

.calendrier { /* la postion du mini calendrier dans le div*/
margin-bottom:5px;
margin-left:130px;
margin-top:15px;
}
.calendrier-normal { /* la postion du gros calendrier dans le div de la rubrique Agenda */
margin-bottom:5px;
margin-left:7px;
margin-top:5px;
}


/* a deplacer dans styles.html */
.separateur
{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(img/puce.gif);
}



#menu-lang,
#formulaire-lang
{
	right: 0;
	text-align: right;
}

/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */
a, a:link /* d�finitions des liens en g�n�ral au repos */
{
color: #008284;
}

a:hover /* d�finitions des liens en g�n�ral en survol */
{
	text-decoration: underline;
	color: #ee7c02;
}
 a:visited /* d�finitions des liens en g�n�ral survol�s */
{
	text-decoration: none;
	color:#928574;
}

.petit-info a /* d�finitions des liens vers les rubriques */
{
color: #008284;
}
.petit-info a:hover /* d�finitions des liens vers les rubriques en survol */
{
	text-decoration: underline;
	color: #ee7c02;
}

/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */

/* les parametres du nom du site en logo la police en rollover dans le bandeau du site */ 


#entete a.nom-site, 
#entete a.nom-site:link,  
/* le logo CFDT de droite avec les branches qui montent */
#entete a.nom-site:visited
{
    background-image: url(img/bandeau_droite_2010.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	text-decoration: none;
	color: #018287;
	font-size: 6em;
	font-weight: bold;
	padding: 0;
	background-color: transparent;
	/* background-image - voir/see : 'alter.css' */
}
#entete a.nom-site:hover
{
	color: #ee7c02;
	font-style: italic;
	text-shadow: white 0px 0px 8px;
	/* une fleur pour safari seulement */
}

#entete .nom-site span 		/* position du nom du site que moi Herve je deplace selon besoin */
{
	display: block;
	position: absolute;
	bottom: 100px;
	right: 130px;
}




/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */
.menu ul li {	border-top: 1px solid #d6cabc; } /* separateur : meme couleur que fond de la page BODY */

.menu ul li a:hover { text-decoration: none; }

/* text : color */
.menu ul li a {color:#6d5d46;} /* le texte des boutons de navigation du menu avant le survol */ 

.menu ul li a:visited,
.menu ul li b 				/* le texte des autres boutons de navigation du menu avant le survol */ 
{color:#6d5d46;}

.menu ul li li a /* le texte des boutons de navigation 2eme niveau du menu avant le survol */ 
 {color:#6d5d46;}
.menu ul li li a:visited 	{color:#ec7b02;} /*{color:#73737b;}		 le texte  des liens de navigation une fois visit� mais au 2eme niveau */		


.menu li span 		{color:#000;} /* le texte des dates des br�ves et des  articles sur le Web */


.menu ul li a:hover /* Uniquement le texte des boutons lors du survol */ { color: #fff;}
.menu ul li li a:hover {color:#fff;} /* le texte  des liens de navigation 2eme niveau pendant le survol */		
.menu ul li li a.lienon,	/* le texte des liens de navigation 2eme niveau lorsque actif sur la page  */


/* background */
.menu ul li a  {background-color:#ed7b01;} /*le fond  des boutons de navigation du menu avant le survol */
.menu ul li a.lienon {background-color: #928574;} /*  le fond de tous les liens de navigation 1er niveau lorsque actif */ 

.menu ul li b 	{background-color:#ee7c02;}  /* uniquement le fond  des cadres de titre du menu. Attention c est pas des boutons je ne comprends pas pourquoi cela n'agit pas au meme niveau que la coloration des textes. A suivre */


.menu ul li li a {background-color:#fac673;} /* le fond des boutons de 2eme niveau avant survol */
.menu ul li li a:visited,
.menu li span 		{background-color:#fac673;}		/* le fond des petits titres et des liens dans la navigation OK*/ 

.menu ul li a:hover /* le fond des boutons de navigation lors des survols */ {background-color:#f4a757;}
.menu ul li li a:hover { background-color: #fbcc9e; } /* le fond de tous les liens de navigation 2eme niveau lors des survols */ 
.menu ul li li a.lienon 	{background-color: #928574;}/*  le fond de tous les liens de navigation 2eme niveau lorsque actif {background-color: #805858;}*/ 


.menu ul li li a.article { background-color: #eee; }
.menu ul li li a.article:hover { background-color: #EDFBFF; }
/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */
.edito h3 {
background-color: #73737b;
 /* le fond des grands bandeaux du sommaire */
}


.edito .chapo { margin-top: 0; background-color: #fac673; position: relative;}
/* le fond de la descripton du site */

.chapo /* le fond de la descripton des rubriques */
{
	background-image: url(img/body_bg.png);
	background-repeat: repeat;font-weight: bold;
	text-align: left;
	background-color: #fac673;
	padding: .5em;
	margin: 0 0 1em 0;
}

/* -------------------------------------------------------
 	14. FORMATS DE TEXTE
 ------------------------------------------------------- */
.extrait a.suite /* d�finitions des mots suite dans les rubriques au repos */
{
color:#A60800;
}
.extrait a.suite:hover /* d�finitions des mots suite dans les rubriques en survol */
{
	color: #ee7c02;
}
.extrait a.suite:visited /* d�finitions des mots suite dans les rubriques apres survol */
{
color:#928574;
}

/* Dans le sommaire */
.texte a.suite /* d�finitions des mots suite dans le sommaire avant survol */
{
color:#A60800;
}
.texte a.suite:hover /* d�finitions des mots suite dans le sommaire en survol */
{
	color: #ee7c02;
}

.texte a.suite:visited /* d�finitions des mots suite dans le sommaire apres survol */
{
color:#928574;
}

/*-----------------------------------------------------
15. LE FORMULAIRE RECHERCHE
-------------------------------------------------------*/
/* Pour permettre au bouton de recherche de passer sous le bloc d'ecriture de al loupe */
#menu-recherche { width: 12em; margin-top:-2px; }

/*-----------------------------------------------------
16. LE NUAGE
-------------------------------------------------------*/
/*nuage de mot-cle*/
ul.nuage {
	margin:10;   /*margin modifie a 0 pour que les lettres ne mentent pas sur le titre*/
	padding:0;
	list-style: none;
}
/*chaque mot-cle, element de liste*/
ul.nuage li {
	display: inline;
	line-height:2em;
	font-size: 0.9em;
}

/*chaque mot-cle, lien*/
ul.nuage li a {
  /*rien par defaut*/
  /*ajout perso */
text-decoration: none; /*les liens ne sont pas soulignes lors du survole*/
  /*fin ajout perso */
}

/*mot-cle expose*/
ul.nuage li a.on {
  /*rien par defaut*/
  /*ajout perso */
  color: red;
  /*fin ajout perso */
}
/*frequence accessible et cachee*/
ul.nuage li a span.frequence {
	display: block;

	height: 0;
	overflow: auto;
	width: 0;
	}