/* feuille de style CSS2 contenant les mises en formes du texte pour www.ecologielibidinale.org */
/* !cascade : font-size exprimé en 'em' se multiplie avec la valeur définie dans les parents */
/* l'ordre des déclarations est important car ce qui vient plus bas est prioritaire sur ce qui est plus haut */
/* mise à jour le 18/01/09 22:54 - validée CSS 2.1 */
/* dernière mise à jour le 26/05/09 23:02 */

/* tous les media */
@media all {
/* divisions */
html {font-size: 100%;}  /* utilie pour IE */
body {
font-family:sans-serif;  /* sans-serif; serif; monospace; cursive; fantasy; */
font-size: 0.9em; /* 0.9em pour sans-serif car il est plus "gros" que serif */

/* provisoire, pour les pages qui ne réfèrent qu'à cette page de style */
background-color: #FFFFCC;  /* couleur de base du site */
}
#entete {
font-family: sans-serif;  /* sans-serif; serif; monospace; cursive; fantasy; */
font-size: 0.9em;
}
#entete-gauche {
font-family: sans-serif;  /* sans-serif; serif; monospace; cursive; fantasy; */
font-size: 0.9em;
}
#entete-droit {
font-family: sans-serif;  /* sans-serif; serif; monospace; cursive; fantasy; */
font-size: 0.9em;
}
#contenu {
font-size: 1em;
}
#pied {
text-align : center;
}
#bas {
text-align : center;
}

/* balises de bloc dans le texte */
h1 {
width : 100%;
background-color : #404040;
color : #FFFFCC;  /* couleur de base du site */
text-align : center;
text-transform : uppercase;
font-size: 1.4em;
/*font-style : normal;*/
}
h2 { font-size: 1.4em; }
h3 { font-size: 1.28em; color : #990099; }
h4 { font-size: 1.2em; color : #8000FF; }
h5 { font-size: 1em;   color : #CC0080; }
h6 { font-size: 0.9em; }
hr 			  {  }  /* barre horizontale */
address       { font-size: 0.75em;  }  /* signature */
blockquote    {	font-size: 0.85em;   }  /* texte identé (bloc de citation) */
p             {	line-height: 130%; text-align: justify; }  /* paragraphe, par défaut contient espace avant et espace après */
pre           {	line-height: 130%; }  /* préformaté */
ul, ol, dl    {	line-height: 130%; }  /* listes resp. non ordonnée, ordonnée, de définition*/
	li        {  }  /* liste ul / ol : élément */
	dt        {	font-weight: bold; } /* liste dl : terme défini */
	dd        {	text-align: justify; }  /* liste dl : définition */
table         {	line-height: 130%; }  /* tableau */
	caption {  }  /* tableau : légende (facultatif) */
	thead     {	 }  /* tableau : section d'en-tête du tableau (facultatif) */
	tfoot     {  }  /* tableau : section de pied du tableau (facultatif) */
	tbody     {	 }  /* tableau : section corps du tableau (facultatif) */
	tr   	  {	 }  /* tableau : ligne */ 
		th    {	 }  /* tableau : cellule d'en-tête dans une ligne (facultatif) */
		td	  {	 }  /* tableau : cellule dans une ligne */  

/* balises en ligne dans le texte */
a             {  }  /* lien hypertexte */
a:hover       { text-decoration: none; } /* lien hypertexte, au survol */
abbr          {	 }  /* abréviation */
acronym       {	 }  /* acronyme */ 
cite          {	 }  /* référence */
dfn           {	 }  /* définition */
em            {	 }  /* emphase -> italic */
img           {	 }  /* image */
/*q             {  }  /* citation, ajoute des guillemets sauf dans IE -> non utilisable pour l'instant */
strong        {	 }  /* emphase forte -> bold */

/* classes dans le texte */
body.nobg {background-color: #FFFFFF; } /* pas de background = blanc ; utilisé pour les pages dont le contenu ne provient pas du MIEL*/
.bgmiel { background-color: #FFFFCC; } /* couleur de base du site */
a.lien_externe { color: #00AA00; }
a.lien_externe:visited { color: #336633; }
a.lien_traduit { font-style:italic; }
a.lien_traduit:visited { font-style:italic; }
p.cite_exergue { color: #800000; font-weight: bold; text-align: right; }
p.centered     { text-align: center; }
.legende       { font-size: 0.8em; } /* cascade : se multiplie avec la valeur définie dans les parents */
.mention       { line-height: 130%; font-size: 0.8em; } /* cascade : se multiplie avec la valeur définie dans les parents */
.stronger      { color: #800000; /*font-weight: bold;*/ }
.alerte   { background-color:#FFFF88; }
table.alerte   { width: 100%; }
.notranslate   {} /* indique à google de ne pas traduire cet élément. Utile pour les textes dans une autre langue */

/* élément provisoire */
a.lien_menu    { color: #FFFFFF; }  /* en blanc : à utiliser sur fond foncé */

/* classes de menus */
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
text-align: center ;
}
.menuhaut li {
display: inline;
/*background: #FFFF00 ;*/
/* color: #fff ; */
margin: 0;
padding:0;
margin-right: 1px ;
}
.menuhaut a {
padding: 3px 1px ; /* haut-bas gauche-droite */
background: #FFEE00 ;
/*color: #fff ;*/
border: 1px solid #990000 ;
line-height: 1em;
text-align: center;
font-size: 0.9em;
font-weight: bold;
margin: 0;
/*margin: 0 2px; */
padding: 1px 1px; /* haut-bas gauche-droite */
text-decoration: none;
}
.menuhaut a:hover {
background: #DDDD66;
text-decoration: underline;
}
.menuhaut a:focus {
background: #DDDD66;
}
.menuhaut a:active {
background: #DDDD66;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
background: #FFF0FF ;
/*color: #fff ;*/
border: 1px solid #990000 ;
margin: 0;
margin-bottom: 1px ;
padding:0;
}
.menugauche a {
display: block ;
/*background: #FF9900 ;*/
/*color: #fff ;*/
line-height: 1em ;
text-align: center ;
font-size: 0.9em;
font-weight: bold;
margin: 0;
padding:0;
padding: 3px 0 ; /* haut-bas gauche-droite */
/*margin: 0 1px;*/
color: #8080CC;
text-decoration: none;
}
.menugauche a:visited {
color: #806680;
}
.menugauche a:hover {
color: #0000FF;
background: #DDAADD;
text-decoration: underline;
}
.menugauche a:focus {
color: #0000FF;
background: #DDAADD;
}
.menugauche a:active {
color: #0000FF;
background: #DDAADD;
}
.menugauche a:visited:hover {
color: #990099;
}
.menugauche a:visited:focus {
color: #990099;
}
.menugauche a:visited:active {
color: #990099;
}

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
font-size: 0.85em;
margin: 0;
padding:0;
margin-bottom: 5px;
}
.menudroit a {
margin: 0;
padding:0;
/*margin: 0 2px;*/
color: #8080CC;
text-decoration: underline;
}
.menudroit a:visited {
color: #806680;
}
.menudroit a:hover {
color: #0000FF;
text-decoration: none;
}
.menudroit a:focus {
color: #0000FF;
}
.menudroit a:active {
color: #0000FF;
}
.menudroit a:visited:hover {
color: #990099;
}
.menudroit a:visited:focus {
color: #990099;
}
.menudroit a:visited:active {
color: #990099;
}
/* classes utilisées dans les menus, doit être en dessous des menus pour avoir priorité */
li.colored1    {background-color: #FFCCFF;} 
a.colored2    {background-color: #FFCCFF ;}  /* ou #DDFF00 vert jaune clair */
}

/* pour affichage écran et impression */
@media screen, print {
}
/* pour affichage écran seul */
@media screen {
}

/* pour impression seule */
@media print {
body {
font-family: serif;  /* sans-serif; serif; monospace; cursive; fantasy; */
font-size: 1em; /* 0.9em pour sans-serif car il est plus "gros" que serif */
}
h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
/*blockquote,*/ pre, cite { page-break-inside: avoid }
/*ul,ol,dl    	{ page-break-before: avoid } */
}