/* CSS version Print DnC "Access" v1.0 */


/* ======= */
/* Général */
/* ======= */


* {margin: 0; padding: 0;}

@page { margin: 2cm; } ;


html {
height: 100%;
}

body {
font: normal 80%/1em Verdana, Tahoma, Arial, "Trebuchet MS", "Lucida Grande", "Lucida Sans", 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
color: #000000;
text-align: center;
border: 0;
margin: 0;
padding: 0;
padding-bottom: 1em;
margin-top: 20px;
height: 100%;
background-color: #FFFFFF;
}

#bande_generale {
width: 100%;
z-index: -1;
position: relative;
display: none;
}

#bande_bleu {
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #00325b;
height: 128px;
z-index: -1;
display: none;
}

#bande_marron {
width: 100%;
position: absolute;
top: 128px;
left: 0;
background-color: #F1E2BB;
height: 24px;
z-index: -1;
display: none;
}

#bande_ombre {
width: 100%;
position: absolute;
top: 152px;
left: 0;
z-index: -1;
height: 6px;
background-image:url(/squelettes/img/bandeau_pixel.jpg);
background-repeat: repeat-x;
display: none;
}

#conteneur {
width: 1024px;
margin: 0 auto 0 auto;
text-align: center;
z-index: 1;
}

h1 {
font-size: 130%;
}

h1 span {
}

h2 {
font-size: 120%;
}

h2 span {
}

h3 {
font-size: 110%;
}

h3 span {
}

h4
{
	margin: 2px;
	font-size: 100%;
}

h5
{
	margin: 2px;
	margin-left: 0px;
	font-size: 90%;
}

h6
{
	margin: 2px;
	margin-left: 0px;
	font-size: 80%;
}

/* ====================== */
/* accessibilité générale */
/* ====================== */



/* ======= */
/* bandeau */
/* ======= */

#bandeau {
position: relative;
width: 1024px;
height: 128px;
background-color: #fff;
z-index: 2;
/* display: none; */
}

#logo {
position: absolute;
top: 0px;
left: 70px;
width: 107px;
height: 128px;
background-color: #00325B;
}

#banniere {
position: absolute;
top: 0px;
right: 0px;
width: 816px;
height: 128px;
background-color: #00325B;
background-image:url(/squelettes/img/rub/r1_1.jpg);
background-repeat: no-repeat;
background-position: top right;
display: none;
}

#banniere_r1 {
position: absolute;
top: 0px;
right: 0px;
width: 816px;
height: 128px;
background-color: #00325B;
background-image:url(/squelettes/img/rub/r1_1.jpg);
background-repeat: no-repeat;
background-position: top right;
display: none;
}

#banniere_r2 {
position: absolute;
top: 0px;
right: 0px;
width: 816px;
height: 128px;
background-color: #00325B;
background-image:url(/squelettes/img/rub/r2_1.jpg);
background-repeat: no-repeat;
background-position: top right;
display: none;
}

#banniere_r3 {
position: absolute;
top: 0px;
right: 0px;
width: 816px;
height: 128px;
background-color: #00325B;
background-image:url(/squelettes/img/rub/r3_1.jpg);
background-repeat: no-repeat;
background-position: top right;
display: none;
}

#banniere_r4 {
position: absolute;
top: 0px;
right: 0px;
width: 816px;
height: 128px;
background-color: #00325B;
background-image:url(/squelettes/img/rub/r4_1.jpg);
background-repeat: no-repeat;
background-position: top right;
display: none;
}

#banniere_r5 {
position: absolute;
top: 0px;
right: 0px;
width: 816px;
height: 128px;
background-color: #00325B;
background-image:url(/squelettes/img/rub/r5_1.jpg);
background-repeat: no-repeat;
background-position: top right;
display: none;
}

#banniere_r6 {
position: absolute;
top: 0px;
right: 0px;
width: 816px;
height: 128px;
background-color: #00325B;
background-image:url(/squelettes/img/rub/r6_1.jpg);
background-repeat: no-repeat;
background-position: top right;
display: none;
}


/* ============== */
/* menu déroulant */
/* ============== */

#menu_deroulant {
width: 1024px;
height: 24px;
background-color: #FFFFFF;
position: relative;
z-index: 2;
background-image: none;
}

/* ============ */
/* menu bandeau */
/* ============ */

#menu_deroulant_ombre {
width: 1024px;
height: 6px;
background-image:url(/squelettes/img/bandeau_ombre.jpg);
background-repeat: no-repeat;
background-position:top left;
/* correction bug background-image */
position: relative;
z-index: 2;
display: block;
display: none;
}

/* version sable pour les articles contenant le mot-clef sable */

#menu_deroulant_ombre_sable {
width: 1024px;
height: 6px;
background-image:url(/squelettes/img/bandeau_ombre_sable.jpg);
background-repeat: no-repeat;
background-position:top left;
/* correction bug background-image */
position: relative;
z-index: 2;
display: block;
display: none;
}

/* */

#ombre_bug_ie {
width: 1024px;
height: 6px;
max-height:6px;
position: absolute;
bottom: 0;
left: 0;
display: none;
}

/* IE bug et applique une marge au dessous du div quand simplement un background-image dans le div et rien d'autre, pour y palier, placer au sein de ce div un autre div en absolu - inspiré de http://www.webmasterworld.com/forum83/4326.htm */
/* donc ici j'ai mis un div id ombre_ie en absolu dans le div menu_deroulant_ombre, en relatif, qui ne contenait que le background, et ça marche */
/* en fait corrigé avec display: block; dans #menu-deroulant_ombre */

/* ================= */
/* conteneur contenu */
/* ================= */

#conteneur_contenu {
position: relative;
top: 0px;
display: block;
/*top: -12px;*/ /* top -12px à cause bug affichage du background-image des divs supérieures décalage vers le bas */
/* */
margin: 0px;
padding: 0px;
width: 1024px;
height: 100%;
z-index: 3;
background-image: none;
}

/* =========== */
/* menu gauche */
/* =========== */

#bloc_gauche {
width: 208px;
height: 100%;
position: relative; 
float: left;
background-color: #FFFFFF;
display: inline;
background-image: none;
margin-left: 2em;
}

#menu_gauche {
width: 160px;
height: 616px;
max-height: 100%;
background-color: #FFFFFF;
background-image: none;
}


/* ==================== */
/* menu gauche lauriane */
/* ==================== */

#menu_gauche_logo_anthropedia {
width: 160px;
height: 96px;
position: absolute;
top: 500px;
left: 47px;
/* background-color: #F8EFD8; */
display: none;
}


/* ======= */
/* contenu */
/* ======= */

#contenu {
float: left;
/* */
width: 608px;
height: 616px;
max-height: 100%;
display: inline;
padding: 30px 30px 40px 50px;
/*padding: 2em 2em 2em 4em;*/
text-align: left;
background-image: none;
}

.contenu0 {
background-color: #FFFFFF;
background-image:url(/squelettes/img/degrade_central.jpg);
background-repeat: repeat-x;
background-position: bottom left;
}

/* contenu_sable pour toutes les pages en fond sable et non blanc, article avec mot-clef sable */

.contenu_sable {
background-color: #FFFFFF;
}

/* =========== */
/* menu droite */
/* =========== */

#menu_droite {
float: left;
width: 208px;
height: 100%;
background-color: #FFFFFF;
display: inline;
text-align: left;
padding: 40px 15px 20px 25px;
z-index: 3;
position: relative;
background-image: none;
display: none;
}


/* ============ */
/* pied de page */
/* ============ */

#pied_de_page {
clear: both;
/* position: relative; */
/*top: -12px;*/ /* top -12px à cause bug affichage du background-image des divs supérieures décalage vers le bas */
height: 20px;
background-color: #FFFFFF;
display: none;
}


/* ============= */
/* SPIP sommaire */
/* ============= */

a{outline: none;}
a:focus{-moz-outline-style: none;}

/* indentation pour titre du site hors fenetre */
#titre-lf-site {
text-indent: -20000px;
}

/* a généraux */

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

a:hover,
a:active {
color: #blue;
text-decoration: none;
}

/* a spip - class des liens a href utilisés au sein de spip par les raccourcis typo */

a.spip_in,
a.spip_url {
color: #blue;
text-decoration: underline;
}

a.spip_out,
a.spip_glossaire {
color: #blue;
text-decoration: underline;
}

/* class du bandeau sup contenant le menu de navigation horizontal */

#menu_deroulant {
background-repeat: repeat-y;
}

.menu_deroulant_bord {
float: left;
width: 50px;
}

#menu_deroulant_titre {
float: left;
text-align: center;
width: 154px;
height: 1.6em;
padding-top: 0.2em;
}

#menu_deroulant_titre {
font-size: 100%;
line-height: normal;
font-color: #000000;
text-transform: uppercase;
}

/* menu_haut_titre sert au tag a du menu supérieur dans le bandeau */

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

#menu_deroulant_titre a,
#menu_deroulant_titre a:link,
#menu_deroulant_titre a:visited {
color: #000;
}

#menu_deroulant_titre a:hover,
#menu_deroulant_titre a:active {
color: #000;
background-color: #fff;
font-weight: bold;
}

#menu_deroulant_titre a:visited {

}

.menu_haut_titre {
}

.menu_haut_titre_on {
font-weight: bold;
}


/* titre des rubriques (h1) et articles (h2) dans le menu de gauche */

#menu_gauche {
padding: 20px 10px 10px 35px;
text-align: left;
}

.menu_gauche_titre_bloc {
padding-bottom: 0.5em;
}

h1.menu_gauche_titre,
h2.menu_gauche_titre {
font-size: 80%;
}

h1.menu_gauche_titre {
text-transform: uppercase; 
}

h2.menu_gauche_titre {
text-transform: capitalize; 
}

h1.menu_gauche_titre a,
h1.menu_gauche_titre a:link,
h1.menu_gauche_titre a:visited,
h1.menu_gauche_titre a:hover,
h1.menu_gauche_titre a:active {
color: #A25018;
text-decoration : none;
}

h2.menu_gauche_titre a,
h2.menu_gauche_titre a:link,
h2.menu_gauche_titre a:visited,
h2.menu_gauche_titre a:hover,
h2.menu_gauche_titre a:active {
text-decoration : none;
}

h2.menu_gauche_titre a,
h2.menu_gauche_titre a:link,
h2.menu_gauche_titre a:visited {
color: #8C8D8E;
}

h2.menu_gauche_titre a:hover,
h2.menu_gauche_titre a:active {
color: #00325B;
}

h2.titre-article {
}

/* menu_gauche_titre_on est utilisé par la balise spip #expose pour mettre en valeur le lien de l'article en cours d'affichage sur un menu par ex */

h2.menu_gauche_titre_on {
font-size: 80%;
text-transform: capitalize;
color: #00325B;
}

h2.menu_gauche_titre_on a,
h2.menu_gauche_titre_on a:link,
h2.menu_gauche_titre_on a:visited,
h2.menu_gauche_titre_on a:hover,
h2.menu_gauche_titre_on a:active {
text-decoration : none;
color: #00325B;
}


/* Intertitres insérés dans un article  */
h3.spip {
color: #00325b;
font-size: 130%;
text-align: center;
width: auto;
height: auto;
padding: 0;
margin: 1em 0 1em 0;
background-image: none;
margin-left: -40px;
}

/* trait de séparation horizontal */
hr.spip {
}

/* notes de bas de page */
a.spip_note {
}

p.spip_note {
margin-top: 1em;
line-height: 120%;
}

/* italique et gras */
i.spip {
/* color: #B35E0B; */
text-decoration: none;
}

strong.spip {
/*color: #00325B; */
text-decoration: none;
}

/* taille espace entre paragraphe spip */
p.spip {
text-indent: 0;
clear: none;
line-height: 140%;
margin-bottom: 1em;
}

/* style des logos des éléments rub/art/breve/auteurs/sites */
.spip_logos { border: 0; }

.cartouche .spip_logos {
}


/* id et class du formulaire de recherche dans inc-menu-droite */

.menu-recherche {
}

.menu {
}

/* éléments de la page de texte centrale */

.cartouche {
}

.chapo {
font-size: 100%;
margin-bottom: 1.5em;
line-height: 140%;
color: #000;
}

.cartouche .chapo {
padding: 0.3em 0.2em 0.3em 0em;
}

.texte {
color: #000;
}

.surtitre {
font-size: 130%;
font-weight: bold;
color: #00325b;
margin-bottom: 1.5em;
text-transform: capitalize;
line-height: 120%;
}

.soustitre {
margin-bottom: 1.5em;
text-transform: capitalize;
font-weight: bold;
color: #000;
}

.descriptif {
font-size: 100%;
margin-bottom: 1.5em;
}

.titre {
font-size: 140%;
font-weight: bold;
color: #000;
margin-bottom: 1.5em;
text-transform: uppercase;
}

.cartouche .titre {
background-color: #000;
padding: 0.3em 0.2em 0.3em 0em;
}


/* pour formulaire et résultat page recherche */

.detail {
}

.titre-article {
margin-bottom: 1.5em;
}

#menu-recherche {
margin-bottom: 1.5em;
}

/* puces personnalisées pour Lauriane */

.texte ul.spip {
margin-left: 0em;
line-height: 120%;
}

.texte ol.spip {
margin-left: 0em;
line-height: 120%;
}

.texte ul.spip li.spip {
list-style: disc;
margin: 1em 0em 1em 1em;
padding-right: 0.5em;
line-height: 120%;
}

.texte ol.spip li.spip {
list-style: decimal;
margin: 1em 0em 1em 1.7em;
padding-right: 0.5em;
line-height: 120%;
}

.texte li.spip li.spip {
margin: 0.5em 0 0.5em 3em;
list-style: circle;
line-height: 120%;
}

.texte li.spip li.spip li.spip {
list-style: square;
line-height: 120%;
}


/* couleur bleu et marron utilisée par les span dans le texte de spip pour forcer affichage couleur, version capitale aussi*/
.bleu {
color: #00325b;
}

.bleugras {
color: #00325b;
font-weight: bold;
}

.bleucap {
text-transform: uppercase;
color: #00325b;
}

.marron {
color: #a25018;
}

.marrongras {
color: #a25018;
font-weight: bold;
}

.marroncap {
text-transform: uppercase;
color: #a25018;
}

/* code css pour centrer texte dans corps de texte spip */
/* classe des divs paragraphes article Démarche rubrique Qui sommes nous */
.texte .centrer {
text-align: center;
}

/* class éventuelle pour id contenu  */
.contenu0 {
}

/* header utilisé pour le texte dans le contenu si besoin titres */

h4 {
font-size: 100%;
color: #00325b;
font-weight: bold;
text-transform: uppercase;
margin: 0.3em 0 1em 0;
}

h5 {
font-size: 100%;
color: #a25018;
font-weight: bold;
text-transform: uppercase;
margin: 0.3em 0 0.3em 0;
}

h6 {
font-size: 100%;
margin: 0.3em 0 0.3em 3em;
font-weight: normal;
}


/* div pour l'image du catalogue de l'hélice ADN dans article Dynamique ID n3 dans Catalogue */

#adn {
background-image: none;
}

/* positionnement de l'image de fond pour menu gauche */

#menu_gauche {

}

/* mentions légales pied de page */
#mentions {
text-align: center;
padding: 5px 0 5px 0;
font-size: 80%;
}

/* page plan du site */

#sommaire {

}

#plan {
padding: 2em 0 1em 0;
}

.plan-archives {
padding: 1em 0 0 0;
clear: both;
}

/* div contact auteur */

.contact_auteur {
padding: 1em 0 0 0;
}

/************************************/
/*  selecteur style taille du texte */
/************************************/
/* dans le div droite */

#selecteur_style {
position: absolute;
text-align: left;
top: -6px;
right: 100px;
width: 80px;
height: 40px;
z-index: 4;
background-color: #BA7D4B;
display: block;
display: none;
}

#selecteur_style img {
display: block;
}


.style_small {
text-decoration: none;
}

.style_big {
text-decoration: none;
}

#selecteur_petit {
float: left;
z-index: 4;
display: none;
}

#selecteur_grand {
float: left;
z-index: 4;
display: none;
}

/* classe du tableau de la page références dans rubrique Qui sommes-nous */

.tableau-references {
width: 100%;
cellpadding: 5px;
cellspacing: 5px;
text-align: left;
border: 0;
font-size: 100%;
}

/* hauteur de ligne plus grande pour les textes centrés */
.texte .centrer {
line-height: 120%;
}

/* menu gauche actualité */
/* on trouvera ici l'ensemble des id et classe qui composent le bloc dernières actu dans le menu de gauche sur la page d'accueil du site */


.menu_gauche_actualite_titre_general {
position: relative;
margin-bottom: 0.5em;
width: 120px;
margin-left: -34px;
padding: 5px 5px 5px 35px;
height: auto;
background-color: #00325B;
text-align: left;
}

.menu_gauche_actualite_titre_bloc {
padding-bottom: 1em;
}

h1.menu_gauche_actualite_titre,
h2.menu_gauche_actualite_titre {
color: white;
font-size: 80%;
}

.surtitre_actualite {
color: #00325B;
font-size: 80%;
text-transform: uppercase;
font-weight: bold;
}


h1.menu_gauche_actualite_titre {
text-transform: uppercase; 
}

h2.menu_gauche_actualite_titre {
text-transform: capitalize;
}

h1.menu_gauche_actualite_titre a,
h1.menu_gauche_actualite_titre a:link,
h1.menu_gauche_actualite_titre a:visited,
h1.menu_gauche_actualite_titre a:hover,
h1.menu_gauche_actualite_titre a:active {
color: white;
text-decoration : none;
}

h2.menu_gauche_actualite_titre a,
h2.menu_gauche_actualite_titre a:link,
h2.menu_gauche_actualite_titre a:visited,
h2.menu_gauche_actualite_titre a:hover,
h2.menu_gauche_actualite_titre a:active {
text-decoration : none;
}

h2.menu_gauche_actualite_titre a,
h2.menu_gauche_actualite_titre a:link,
h2.menu_gauche_actualite_titre a:visited {
color: #a25018;
}

h2.menu_gauche_actualite_titre a:hover,
h2.menu_gauche_actualite_titre a:active {
color: #00325B;
}

h2.titre-article {
}

/* menu_gauche_actualite_titre_on est utilisé par la balise spip #expose pour mettre en valeur le lien de l'article en cours d'affichage sur un menu par ex */

h2.menu_gauche_actualite_titre_on {
font-size: 80%;
text-transform: capitalize;
color: #00325B;
}

h2.menu_gauche_actualite_titre_on a,
h2.menu_gauche_actualite_titre_on a:link,
h2.menu_gauche_actualite_titre_on a:visited,
h2.menu_gauche_actualite_titre_on a:hover,
h2.menu_gauche_actualite_titre_on a:active {
text-decoration : none;
color: #00325B;
}

/* cadre et enrichissement articles actu dans sommaire actualité */

.cadre_articles_actu {
margin-bottom: 1em;
}

.actualite_date {
font-size: 70%;
font-weight: bold;
}

.extrait {
margin: 5px;
line-height: 1.4em;
padding: 8px;
background-color: #E5E5E5;
/* background-color: #F8EFD9; */
}

.extrait_edito {
margin: 5px;
line-height: 1.4em;
padding: 8px;

}

.surtitre_actu {
font-size: 100%;
font-weight: bold;
color: #00325b;
margin-bottom: 0.5em;
text-transform: capitalize;
}

/* trait séparateur entre edito et reste /et/ présentation lauriane et edito/reste */

.trait_separateur {
position: relative;
width: 100%;
height: 4px;
background-image:url(/squelettes/img/separateur.jpg);
background-repeat: no-repeat;
background-position: center;
margin: 1.5em 0 1.5em 0;
}

/* editorial de la rubrique actualité */

h3.editorial {
margin-bottom: 1em;
}

.cadre_editorial {
background-color: #F8EFD9;
width: 100%;
height: auto;
padding: 5px;
}

/* pagination en bas des page actualité */

.pagination {
font-size: 90%;
text-align: right;
clear: both;
margin: 16px 4px 4px 4px;
}

.pagination .ligne2 { text-align: center; background-color: #eee; }

p.pagination {margin-top:0;text-align:center;font-size:80%;}

/* enrichissement articles rubrique actu */

.actualite_date_art {
text-align: left;
font-size: 70%;
font-weight: bold;
margin-bottom: 0.5em;
}

/* breves dans menu droite */

.bloc_breves {
margin-bottom: 0.5em;
}

.titre_breves {
font-weight: bold;
margin-bottom: 0.5em;
}

.date_breves {
font-size: 80%;
}

.cadre_breves {
margin-bottom: 0.5em;
}

/* modif hauteur de ligne des titres des articles */

.titre {
line-height: 120%;
}