body {
background-attachment: fixed;
}

/* ------------------------------ ELEMENTS DE MISE EN PAGE
-------------------------------------------------------------------- */

/* Habillage des titres principaux : papier avec les trous */

.bandeau_papier490 {
clear: both;
margin-top: 20px;
padding-top: 20px;
position: relative;
width: 490px;
}

.bandeau_papier920 {
clear: both;
margin-top: 20px;
padding-top: 20px;
position: relative;
width: 920px;
}

.trous490 {
height: 34px;
width: 490px;
}

.trous920 {
height: 34px;
width: 920px;
}

/* ----- ----- */

.clearer {
clear : both;
height : 0;
visibility : hidden;
width: 100%;
}

.explorer { /* Message d'avertissement destine aux utilisateurs d'IE6 */
display: none;
}

#footer {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 960px;
}

.hors_page {
position : absolute;
left : -5000px;
top : -5000px;
}

hr {
border: 0;
clear: both;
height: 1px;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 70%;
}

.image_gauche {
float: left;
padding: 7px 7px 0 7px;
}

.info { /* Presentation des elements d'information relatifs aux articles de la page Sommaire */
text-align: right;
}

.info hr {
margin-bottom: 7px;
margin-right: 7px;
width: 33%;
}



.info_jaune { /* Presentation des elements d'information de la page Rubrique */
border: outset 1px;
margin: 10px;
}

.info_jaune span {
display: block;
padding: 2px 7px;
}

.info_jaune a {
display: block;
padding: 2px 4px;
}

.rubriques_maj {
margin-top: 10px;
padding: 0 7px;
text-align: right;
}


/* Pagination */


.barre_pagination {
clear:both;
margin: 10px;
overflow: hidden;
padding: 0;
text-align: center;
}


.barre_pagination span {
display: inline;
padding: 0 4px;
}


a.lien_pagination {
padding: 0 4px;
text-decoration: none;
}

/* ------------------------------ TETIERE COMMUNE A TOUTES LES PAGES
-------------------------------------------------------------------- */

#acces_rapide {
border-left: inset 1px;
height : 140px;
overflow : auto;
position : absolute;
right : 0;
top : 0;
width: 199px;
}


/* Affichage/masquage de la bannière - ne fonctionne pas sous IE6 */

#afficher {
visibility: hidden;
}

#afficher, #masquer {
border: outset 1px;
border-bottom: none;
border-right: none;
height: 24px;
padding: 0 4px;
position: absolute;
top: 0;
right: 0;
text-align: center;
text-decoration: underline;
width: 190px;
}

#afficher:hover,
#masquer:hover {
text-decoration: none;
border: inset 1px;
}

#bandeau_cache {
height: 185px;
}

#bandeau_fixe {
margin-left: auto;
margin-right: auto;
position: relative;
width: 960px;
}

.bandeau_fixe_bas {
height: 10px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
top: 25px;
width: 960px;
}

/* ----- ----- */

#bandeau_bas {
height: 25px;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 950px;
}

#bandeau_haut {
margin-left: auto;
margin-right: auto;
position: relative;
width: 960px;
}

#entete {
margin-left: auto;
margin-right: auto;
padding-bottom: 25px;
position: fixed;
top: 0;
width: 100%;
z-index: 50;
}

.fil_dariane {
border-top: outset 1px;
clear: left;
line-height: 24px;
padding: 0 0 0 20px;
width: 940px;
}

.logo_site {
display : block;
height : 140px;
float: left;
width: 760px;
}



/* ------------------------------ CONSTRUCTION DU CORPS DE LA PAGE
-------------------------------------------------------------------- */

#global { /* Partie centrale de la page, entre le bandeau et le footer */
background-attachment: fixed;
border-bottom: outset 1px;
margin-left : auto;
margin-right : auto;
margin-top: 40px;
overflow: hidden;
padding: 0 20px;
width: 920px;
}

/* Article "Vient de paraitre" */
/* Présentation de la rubrique */
#article1, 
#rubrique1 {
border: inset 1px;
border-top: none;
overflow : hidden;
padding: 7px 0;
width: 918px;
}

#article1_droite, 
#rubrique1_droite {
float: right;
padding-bottom: 7px;
width: 718px;
}

#article1_droite p, 
#rubrique1_droite p {
padding: 0 7px;
width: 704px;
}

#article1_gauche, 
#rubrique1_gauche {
border-right: solid 1px;
float: left;
width: 199px;
}

#article1_gauche img, 
#rubrique1_gauche img {
padding-left: 7px;
}

#article1_gauche p.info {
width: 185px;
margin-top: 10px;
padding: 0 7px;
}

#article1_gauche ul.info, 
#article1_gauche li {
width: 199px;
}

#rubrique1_gauche .info {
width: 185px;
margin-top: 10px;
padding: 0 7px;
}

#corps { /* Conteneur destine a  placer les trois colonnes */
width: 920px;
overflow: auto;
}

/* Positionnement des colonnes */

#principal { /* Colonne des articles */
float: left;
margin-bottom: 10px;
width: 490px;
}

#principal1 { /* Partie haute */
border: inset 1px;
border-top: none;
overflow: hidden;
padding-top: 7px;
width: 488px;
}

#principal2 { /* Partie basse */
border: inset 1px;
border-top: none;
overflow: hidden;
padding-bottom: 7px;
width: 488px;
}

#droite1 { /* Colonne de droite : position 1 */
float: right;
margin-left: 20px;
margin-right: 10px;
width: 200px;
}

#droite2 {  /* Colonne de droite : position 2 */
float: right;
width: 200px;
}

/* Affichage des articles 2 à 4 sur la page Sommaire */
/* Affichage des sous-rubriques sur la page Rubrique */

.articles2a4 {
overflow: hidden;
width: 488px;
}

.articles2a4_droite {
float: right;
padding-bottom: 7px;
width: 318px;
}

.articles2a4_droite p {
padding: 0 7px;
width: 304px;
}

.articles2a4_gauche, 
.sous_rubriques_gauche {
border-right: solid 1px;
float: left;
margin-bottom: 7px;
width: 169px;
}

.articles2a4_gauche img, 
.sous_rubriques img {
padding-left: 7px;
}

.articles2a4_gauche p.info {
padding: 0 7px;
width: 155px;
}

.articles2a4_gauche ul.info, 
.articles2a4_gauche li {
width: 169px;
}

.sous_rubriques {
overflow: hidden;
width: 698px;
}

.sous_rubriques_droite {
float: right;
padding-bottom: 7px;
width: 528px;
}

.sous_rubriques_droite p {
padding: 0 7px;
width: 514px;
}

/* Présentation des articles 5 et 6 sur la page Sommaire */
/* Présentation des articles sur la page Rubriques */
/* Présentation des brèves sur la page Rubriques */

.articles5et6 {
padding-bottom: 7px;
width: 488px;
}

.articles5et6 p {
padding: 0 7px;
width: 474px;
}

#rubriques_articles, 
#rubriques_breves {
padding-bottom: 7px;
width: 698px;
border: inset 1px;
border-top: 0;
overflow: auto;
margin-bottom: 10px;
}

#rubriques_articles .info, 
#rubriques_breves .info {
padding: 0 10px;
}

p.rubriques_articles {
padding: 0 7px;
width: 684px;
}

ul.rubriques_articles_mots {
display: inline;
}

.rubriques_articles_mots li {
display: inline;
}

.rubriques_articles_mots a {
padding: 2px 4px;
}

#principal2 p {
padding: 0 7px;
width: 474px;
}

/* ----- ----- */

.colonne_verte /* Colonne de droite : position 1 */, 
.colonne_jaune /* Colonne de droite : position 2 */ {
border: outset 1px;
margin-top: 20px;
width: 198px;
}

.colonne_verte,
.colonne_jaune {
padding-bottom: 7px;
}

.colonne_jaune img {
margin-top: 7px;
padding-left: 7px;
}

.colonne_verte p,
.colonne_jaune p {
padding: 0 7px;
width: 184px;
}

.colonne_jaune ul,
.colonne_jaune li {
width: 198px;
}

/* Liste de liens - Sites et blogs externes (double colonne de droite) */

#alentours {
float: right;
border: outset 1px;
margin-top: 10px;
width: 410px;
}

#alentours p {
line-height: 110%;
padding: 7px;
}

/* PLAN DU SITE */
.plan_breves {
float: right;
width: 200px;
background: #ffffff;
border: inset 1px;
margin: 0 10px;
padding: 0 10px 10px 10px;
}

.plan_liste {
list-style: none;
margin-left: 0;
padding-left: 20px;
}

.plan_liste2 {
list-style: none;
padding-left: 40px;
}

/* ------------------------------ TITRES
-------------------------------------------------------------------- */

h2 {
margin: 0;
padding: 7px;
position: absolute;
left:0;
top: 0;
border: outset 1px;
width: auto;
}

h2#scotch_rubrique span {
padding: 0 7px;
}

#acces_rapide h2 {
padding: 2px 7px;
margin: 0;
margin-bottom: 7px;
border: none;
position: static;
width: 185px;
}

#bandeau_bas h2 {
position : absolute;
left : -5000px;
top : -5000px;
}

/* ----- ----- */

h3 { /* Titres des articles */
margin: 0;
}

#plan h3.plan_rubriques {
background: #619957;
border: #619957 outset 1px;
clear: both;
color: #ffee91;
margin: 10px;
padding: 4px 10px;
display: inline;
float: left;
}

.article1 h3 {
width: 718px;
}

.articles2a4 h3 {
width: 318px;
}

.articles5et6 h3, 
#principal2 h3 {
width: 474px;
}

#rubriques_articles h3, 
#rubriques_breves h3 {
width: 684px;
}

/* ----- ----- */

h4 { /* Surtitres */
margin: 0;
margin-bottom: 7px;
}

#article1 h4 {
padding-left: 7px;
width: 711px;
}

.articles2a4 h4 {
padding-left: 7px;
width: 304px;
}

.articles5et6 h4, 
#principal2 h4 {
padding-left: 7px;
width: 481px;
}

.colonne_verte h4,
.colonne_jaune h4 {
margin: 0;
margin-bottom: 7px;
padding: 4px 7px;
width: 184px;
}

#plan h4 {
font-variant: normal;
margin: 10px 20px;
padding: 4px;
}

#rubriques_articles h4, 
#rubriques_breves h4 {
width: 684px;
}

#alentours h4 {
margin: 0;
padding: 7px;
width: 394px;
}

/* ----- ----- */

.colonne_verte h5,
.colonne_jaune h5 {
margin: 7px 0;
width: 198px;
}

/* ----- ----- */

#article1_gauche h6 {
margin: 0;
padding: 0 7px;
width: 185px;
}

.articles2a4_gauche h6 {
margin: 0;
padding: 0 7px;
width: 155px;
}

.colonne_verte h6,
.colonne_jaune h6 {
margin: 7px 0;
padding: 0 7px;
width: 184px;
}

/* ------------------------------ LIENS
-------------------------------------------------------------------- */

a:hover {
text-decoration: none;
}

a.suite, 
.explorer a, 
#footer a {
padding: 2px 4px;
}

#acces_rapide a {
display: block;
padding: 0 7px;
width: 185px;
}

.fil_dariane a {
line-height: 24px;
padding: 4px;
padding-top: 5px;
}

/* ----- ----- */

#article1_gauche li a {
display: block;
padding: 2px 4px;
width: 191px;
}

#article1_gauche p.info a {
display: block;
padding: 2px 4px;
width: 177px;
}

#article1 h3 a {
display: block;
padding: 2px 7px;
width: 704px;
}

/* ----- ----- */

.articles2a4_gauche li a {
display: block;
padding: 2px 4px;
width: 161px;
}

.articles2a4_gauche p.info a {
display: block;
padding: 2px 4px;
width: 147px;
}

.articles2a4 h3 a {
display: block;
padding: 2px 7px;
width: 304px;
}

/* ----- ----- */

.articles5et6 h3 a {
display: block;
padding: 2px 7px;
width: 474px;
}

.articles5et6 .info a, 
#rubriques_articles .info a, 
#rubriques_breves .info a {
padding: 2px 4px;
}

#rubriques_articles h3 a, 
#rubriques_breves h3 a {
display: block;
padding: 2px 0;
width: 684px;
}

/* ----- ----- */

#principal2 h3 a {
display: block;
padding: 2px 7px;
width: 474px;
}

#principal2 .info a {
padding: 2px 4px;
}

/* ----- ----- */

.colonne_verte a.suite {
padding: 2px 4px;
}

.colonne_verte h5 a {
padding: 2px 7px;
width: 184px;
display: block;
}

.colonne_verte li a,
.colonne_jaune li a {
width: 190px;
padding: 2px 4px;
display: block;
}

/* ----- ----- */

#alentours a {
padding: 2px 4px;
}

#alentours li a {
display: block;
padding: 2px 7px;
text-indent: 10px;
}

/* ----- ----- */

.plan_rubriques a {
padding: 2px;
}

#plan h4 a {
padding: 4px;
}