body {
    background-color: #FFF;
    background-attachment: fixed;
}
#content-wrapper {
/*   display:none;*/
}
#articlesGauche {
    position: absolute;
    top: 218px;
    left: 2%;
    width: 37%;

    background-color: #fff;
    text-align: right;

    border: 0px solid #fff;
    /*-moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #555; */
}

#listeRubriques {
    position: absolute;
    top: 180px;
    left: 42%;
    width: 16%;

    font-size: 16px;
    line-height: 22px;
    text-align: center;
    bottom: 0px;
}
#listeRubriques .legende {
    width: 100%;
    /*text-shadow: 1px 1px 1px #CCC;*/
}
#listeRubriques .rubrique {
    padding-bottom: 0px;
    height:23px;
    background-color: #CFDFEE;

    border: 5px solid #fff;
    /*-moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #555;*/
    }  
#listeRubriques .rubriqueEspace {
    padding-bottom: 0px;
    height:5px;
    background-color: #fff;

    border: 5px solid #fff;
    /*moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #555;*/
}
#listeRubriques .rubrique a {
    width:100%;
    height:20px;
}
#listeRubriques .rubrique a:visited {
    height:20px;
    background-color: #CFDFEE;
}
#listeRubriques .rubrique a:hover {
    height:20px;
    background-color: #A3C2ED;
}

#articlesDroite {
    position: absolute;
    top: 218px;
    left: 61%;
    width:33%;

    background-color: #fff;

    border: 0px solid #fff;
    /*-moz-box-shadow: 8px 8px 12px #aaa;
    -webkit-box-shadow: 8px 8px 12px #aaa;
    box-shadow: 8px 8px 12px #555;*/
}
#titresitecontainersommaire{
    position:absolute;

    top:0%;
    left:2%;

    width:490px;
    height:160px;
}
#sous-titre {
    position:inherit;
    font-weight: bold;
    font-style: italic;
    top: 112px;
    left:64%;
    font-size: 28px;
    color: #A1AAB7;
    /*text-shadow: 3px 3px 5px #777;*/
}

#contenuCache {
    display: none;
}

#lettrineRecherche {
    position: absolute;
    top: 66%;
    left: 33%;
	font-size: 120px;
	color: #B7B7B7;
	font-weight: bold;
}
#inputRechercheSommaire {
        margin-top:6px;
	font-size: 14px;
        width:155px;
	color: #525252;
 border: -1px solid #fff;
    /*-moz-box-shadow: 1px 3px 6px #aaa;
    -webkit-box-shadow: 1px 3px 6px #aaa;
    box-shadow: 1px 3px 6px #555;*/
}

.elementListeSommaire {
    font-size: 10px;
line-height: 10px;
}

.elementListeSommaire a {
line-height: 10px;
}

.elementListeSommaire p {
    margin-top: 3px;
line-height: 12px;
    margin-bottom: 10px;
}
.elementListeSommaire .titreElementListeSommaire {
    font-size: 12px;
    color:red;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width:100%;
    background-color: #CFDFEE;
}
.elementListeSommaire .titreElementListeSommaire a, 
.elementListeSommaire .titreElementListeSommaire a:visited,
.elementListeSommaire .titreElementListeSommaire a:active {
    color: #111111;
    text-decoration: none;
    background-color: #CFDFEE;
}
.elementListeSommaire .titreElementListeSommaire a:hover {
    color: #111111;
    background-color: #A3C2ED;
    text-decoration: none;
}

/**
 * JSE 20101027
 * Styles pour mettre en évidence et griser les sommaire de rubriques
 * à droite & gauche sur le SOMMAIRE
 */
#articlesDroite #secteurOut {
    background-color: #FFF;
}


#articlesGauche #secteurOut {
    background-color: #FFF;
}

#articlesDroite #secteurOver {
    background-color: #FFF;
}


#articlesGauche #secteurOver {
    background-color: #FFF;
}

/* UNE REVUE */
#articlesGauche #secteurOver #secteur_13 .elementListeSommaire .titreElementListeSommaire a {
    background-color: #A3C2ED;
}

#articlesGauche #secteurOver #secteur_13 .elementListeSommaire .titreElementListeSommaire a:hover {
    background-color: #A0B3DF;
}

/* DES CHRONIQUES */
#articlesDroite #secteurOver #secteur_198 .elementListeSommaire .titreElementListeSommaire a {
    background-color: #A3C2ED;
}

#articlesDroite #secteurOver #secteur_198 .elementListeSommaire .titreElementListeSommaire a:hover {
    background-color: #A0B3DF;
}

/* DES DOSSIERS */
#articlesGauche #secteurOver #secteur_177 .elementListeSommaire .titreElementListeSommaire a {
    background-color: #A3C2ED;
}

#articlesGauche #secteurOver #secteur_177 .elementListeSommaire .titreElementListeSommaire a:hover {
    background-color: #A0B3DF;
}

/* NOS BREVES */
#articlesDroite #secteurOver #secteur_8 .elementListeSommaire .titreElementListeSommaire a {
    background-color: #A3C2ED;
}

#articlesDroite #secteurOver #secteur_8 .elementListeSommaire .titreElementListeSommaire a:hover {
    background-color: #A0B3DF;
}

/* DES RESIDENCES */
#articlesGauche #secteurOver #secteur_315 .elementListeSommaire .titreElementListeSommaire a {
    background-color: #A3C2ED;
}
#articlesGauche #secteurOver #secteur_315 .elementListeSommaire .titreElementListeSommaire a:visited {
    background-color: #A3C2ED;
}

#articlesGauche #secteurOver #secteur_315 .elementListeSommaire .titreElementListeSommaire a:hover {
    background-color: #A0B3DF;
}

/* LA LETTRE LA PHRASE */
#articlesDroite #secteurOver #secteur_3 .elementListeSommaire .titreElementListeSommaire a {
    background-color: #A3C2ED;
}

#articlesDroite #secteurOver #secteur_3 .elementListeSommaire .titreElementListeSommaire a:hover {
    background-color: #A0B3DF;
}



#nuagemots {
    position:absolute;
    float:right;
    right:2%;
    top:20px;
    width:300px;
    height:150px;
    font-size:8pt;
    text-align: center;
    overflow:hidden;
}

/* le nuage en ul */
#nuagemots ul.nuage		{ margin-left:0; margin-right:0; padding: 0; list-style: none; }
#nuagemots ul.nuage li		{ display: inline; line-height:2em; }
#nuagemots ul.nuage li a	{ display:inline; white-space: nowrap; color:#A1AAB7; background-color: transparent;}
#nuagemots ul.nuage li a:hover	{ display:inline; white-space: nowrap; color:#A3C2ED; background-color: transparent;}
#nuagemots ul.nuage span.frequence { display: block; float: left; height: 0; overflow: auto; width: 0; }

/* le nuage en dl (modele nuage_dl) */
#nuagemots dl.nuage	{ margin: 0px 5px 0; padding: 5px 0; list-style: none; font-size: 0.9em; text-align:left; }
#nuagemots dl.nuage *	{ display: inline; }
#nuagemots dl.nuage dt	{ display: inline; line-height: 2em; }
#nuagemots dl.nuage .frequence { display: block; float: left; height: 0; overflow: auto; width: 0; }

/* les mots */
/* defaut */
#nuagemots .nuage a.nuage   { font-size: 1.0em; }

#nuagemots .nuage a.nuage0  { font-size: 0.9em; }
#nuagemots .nuage a.nuage1  { font-size: 0.9em; }
#nuagemots .nuage a.nuage2  { font-size: 0.9em; }
#nuagemots .nuage a.nuage3  { font-size: 0.9em; }
#nuagemots .nuage a.nuage4  { font-size: 1.3em; }
#nuagemots .nuage a.nuage5  { font-size: 1.3em; }
#nuagemots .nuage a.nuage6  { font-size: 1.3em; }
#nuagemots .nuage a.nuage7  { font-size: 1.3em; }
#nuagemots .nuage a.nuage8  { font-size: 1.7em; }
#nuagemots .nuage a.nuage9  { font-size: 1.7em; }
#nuagemots .nuage a.nuage10 { font-size: 1.7em; }

/* variantes 
#nuagemots .nuage a.nuage0  { font-size: 0.9em; }
#nuagemots .nuage a.nuage1  { font-size: 1.0em; }
#nuagemots .nuage a.nuage2  { font-size: 1.1em; }
#nuagemots .nuage a.nuage3  { font-size: 1.2em; }
#nuagemots .nuage a.nuage4  { font-size: 1.3em; }
#nuagemots .nuage a.nuage5  { font-size: 1.4em; }
#nuagemots .nuage a.nuage6  { font-size: 1.5em; }
#nuagemots .nuage a.nuage7  { font-size: 1.6em; }
#nuagemots .nuage a.nuage8  { font-size: 1.7em; }
#nuagemots .nuage a.nuage9  { font-size: 1.8em; }
#nuagemots .nuage a.nuage10 { font-size: 1.9em; }
*/