html {height: 104%;}
body {
  margin:0;
  padding:0;
	background-image:url(img/bg-body.jpg);
	background-repeat:repeat-x;
	/*background-image:url(img/background5.png);*/
	/*url(img/BG2-GSA0039.jpg);*/
 background-color:#e3d7b6;
	 /*background-color:#622119;*/
	font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
  line-height:1.6em;
  text-align:center;
  }

#global {
  width:840px;
  margin:0 auto;
  text-align:left;
  color:#333;
  position:relative;
  }

/* HEADER
----------------------------------------------- */
h1#header {
  font-size:1.1em;
	background-image:url(img/header.jpg);
	background-color:#3c4134;
  background-position:0 0;
  width:100%;
  height:172px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
  margin:0;
	padding:0;
  }	

h1#header span {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
z-index:0;
}
p#langue2 {
	position:absolute;
	z-index:3;
	top:140px;
	left:18px;
	font-size:0.9em;
	letter-spacing:0.06em;
	color: #f0e7de;	
  }	

p#langue2 a{
	color: #f3dfa3;											/*#e9dccc;*/
	font-weight:bold;
	border-bottom:none;
  }	

p#langue2 a:hover{
	color: #f0e7de;											/*#e9dccc;*/
  }	

	
/* GENERALITES : paragraphes et blockquote
----------------------------------------------- */
p {
  margin:0 0 1.2em .3em;
	font-size: 0.94em;
	line-height: 1.6em;
	text-align:justify;
	text-indent:1em;
  }

p.smaller {font-size:0.9em;}

p.premier:first-letter{
	font-weight:bold;
	color:#7c505b;
	font-size:1.2em;
	}

p.liste2 {
font-size:1em;
text-indent:0;
margin-right:16px;
text-align:left;
}

p.encadre {
	border:1px solid #b9b9b9;
	background:#f5f0eb;
	padding:8px 10px;
	color:#783042;
	margin-top:20px;
	}

p.encadre2 {
	margin-bottom:20px; 
	margin-top:10px; 
	font-size:1.26em; 
	color:#6f0e26; 
	border:1px solid #d1a55d;
	background-color:#f5eee7;
	padding:8px 10px;
	line-height:1.4em;
	}

p.encadre2a {
	margin-bottom:20px; 
	margin-top:10px; 
	font-size:1.4em;
	font-style:italic;
	color:#620018; 
	border:1px solid #d1a55d;
	background-color:#f5eee7;
	padding:8px 10px;
	line-height:1.3em;
	}

p.encadre2a strong {font-style:normal;}

p.encadreverdana {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #828282;
	background:#f5f0eb;
	padding:8px;
	color:#783042;
	}

p.encadreverdana2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cfb8af;
	background:#f3ede7;
	padding:8px 10px;
	margin-bottom:30px;
	color:#000033;
	}

p.encadreverdana3 {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #d1a55d;
	background:#f5f0eb;
	margin-top:10px;
	padding:8px 2px;
	text-align:center;
	}

p.encadreverdana2 a {color:#782222;  border-bottom:1px solid #b55;}
p.encadreverdana2 a:hover {color:#358; border-bottom:1px solid #469;}

p#languesoustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-size:1.1em;
	text-align:center;
	margin:0 0 2em 0;
	}

div.extrait, div.tradextrait {
background-repeat:repeat-y; 
margin-top:16px; 
margin-bottom:20px; 
padding:8px;
}
div.extrait {background-image:url(img/bg-poemes9.jpg); font-size:1.02em; color:#5a2431; border:3px solid #d4d4d4;}
div.tradextrait, div.extrait-center {background-image:url(img/bg-poemes9.jpg); font-size:1.02em; color:#000033;  border:3px solid #ddcdc7;}
div.extrait p, div.tradextrait p {margin:10px 10px 0 10px; text-indent:0; letter-spacing:0.08em;}
p.auteur {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin-top:0;}
 div.extrait-center {margin-top:20px;}
div.extrait-center p {text-align:center; margin:10px 10px 0 10px; text-indent:0; letter-spacing:0.08em;}

div.cadre3px {
	border-top:1px solid #d2bdb6; 
	border-bottom:1px solid #d2bdb6; 
	border-right:1px solid #d2bdb6; 
	border-left:1px solid #d2bdb6; 
	padding:8px; 
	margin-top:10px; 
	background:#f5f0eb;  /*#f5ede1;*/
	}

div.bgmots {background-image:url(img/bg-poeme-accueil.jpg)}

p.note {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	margin:2.8em 0 0 0;
	color:#000;
	}

p.legendephoto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0.8em;
	margin-top:0;
	margin-bottom:2em;
	}

.cite {
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:0.94em;
	} 

blockquote {
  margin:1em 0 1em 2px;
  padding:0 1em;
  border-left:2px solid #ccc;
  }
	
blockquote p {
  margin:0 0 .75em;
  font-style:italic;
  color:#666;
	text-indent:0;
  }
	
blockquote p em {
  font-style:normal;
  }
	
hr {
	display:none;
  }

blockquote.insist {
  margin:1em 0 1em 0;
  padding:0 1em;
	font-size:1.1em;
	border-left:0;
  }
	
blockquote.insist p {
  font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 .75em;
  font-style:italic;
	color:#783042;
  }

blockquote.insist p.sign {
	margin-top:0;
  font-style:normal;
	color:#4d4d4d;
	line-height:1.4em;
	text-align:right;
	font-size:0.90em;
  }

.separation {
	clear:both; 
	visibility:hidden; 
	margin:0; 
	}

/* GENERALITES : liens
----------------------------------------------- */
a {
  color:#933;
  text-decoration:none;
  border-bottom:1px solid #b55;
  }
	
a:hover {
  color:#358;
  border-color:#469;
  }
	
a img {
  border-width:0;
  }

h1 a {
  border-width:0;
  }


/* =STRUCTURE
----------------------------------------------- */

	/*----------CONTENU GLOBAL----------*/
#content2col {
  position:absolute;
	top:172px;
	left:0;
  width:840px;
	background-color:#f2eddc;
  }

#leftcol, #rightcol {
  line-height:1.6em;
  }

/*---------ensemble contenu + colonne droite----------*/

#content2col #main {
  float:right;
  width:590px;
  }

#mc2 {
	padding-right:0;
	padding-left:20px;
  }

#content2col #maincol {
  float:left;
	font-size:85%;
  line-height:1.6em;
  }

#content2col #maincol {
  width:550px;
	}
	
#mc2, #rc2 {
  padding:0 20px;
  }

#mc2 {
	padding-right:0;
	padding-left:20px;
  }

/*------------PARTIE CENTRALE MONOCOLONNE----------*/

#mc2 img#poeme {
float:none;
margin:20px 0 0 0;
border:none;
}

/*-----CATALOGUE-------*/
p#cliquer {
	margin-top:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#636363;
	}

ul.catalogue {
	list-style-type:none; 
	margin:18px 0 0 0;
	padding:0;
	font-size:1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.06em;
	font-weight: normal;
	color:#7c505b;	
	}

ul.catalogue span {font-size:0.8em;}

.catalogue li {padding:0; margin-top:8px;	
}

.catalogue li a {
	display: block;
	margin:0 0 0 -10px;
	padding:3px 0 3px 30px;
	line-height:1.4em;
	color:#7c505b;
	background-color: transparent;
	width: 538px;
	text-decoration: none;
	border: 1px solid #f0e7de;
	text-align:left;
	text-indent:0;
	}

.catalogue li a:hover {
	background:#f0e7de/*url(img/krimo-picto1.jpg) no-repeat left*/;
	border: 1px solid #d1b579;
	color:#993232;
	}

/*--------FICHES LIVRES---------*/
div#fichelivre {
	margin:0 20px 20px 20px;	
	}

div#ficheextraits {
	margin:0 8px 20px 8px;	
	}

div#ficheauteurs {
	margin:0 20px 20px 8px;	
	}
	
p#titrefr {
	font-size:2em;
	color:#967633;/*color:#7d433f;*/
	font-style:italic;
	text-align:center;
	margin-top:0;
	margin-bottom:0.2em;
	}

div#fichelivre p#infos, div#ficheauteurs p#infos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#844229;
	font-size:1.1em;
	text-align:center;
	margin:0 0 2em 0;
	}

div#fichelivre p.description, div#ficheauteurs p.description {
	font-size:1.1em;
	}

p.links2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:2em;
	text-align:right;
	margin-top:0;
	}

div#fichelivre p.links, div#ficheauteurs p.links {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:2em;
	margin-left:0;
	text-align:center;
	}

div#fichelivre p.fiche, div#ficheauteurs p.fiche {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #828282;
	margin-top:2.6em;
	padding:1em;
	text-align:center;
	background-color:#f2ebe4;
	}

div#fichelivre p.fiche span, div#ficheauteurs p.fiche span{
	font-variant:small-caps;
	font-size:1.2em;
	letter-spacing:0.1em;
	}

div#fichelivre p span#titrelivre, div#ficheauteurs p span#titrelivre {
	color:#990000;
	font-size:1.4em;
	}

#mc2 img#imgcouv {
	float: left;
	margin:0 10px 0 0 ;
	border:none;
	}

#mc2 img.imgcouvactus {
	float: left;
	margin:0 10px 0 0 ;
	border:none;
	}

/*-----------------------COLONNE GAUCHE-------------------*/
/*-------STRUCTURE--------------------*/

#content2col #leftcol {
  float:left;
  width:220px;
	background-color:#e5dac4;
	margin-left:2px;
}

#lc2 {padding:0 10px;}

#content2col #lc2 {
  padding-right:0;
  }

/*-----CONTENU-------*/
#leftcol img {
  margin:10px 0;
  }
#leftcol p {font-size:0.9em;}
#leftcol p.liste {
font-size:0.7em;
text-indent:0;
margin-right:16px;
text-align:left;
}

/*---------MENU------------*/
.navcontainer {
margin: 0;
padding: 0;
}

ul#navlist {
list-style: none;
padding: 0;
margin: 0;
width: 160px;
font-family: verdana, sans-serif;
text-align: left;
font-size:0.76em;
}

ul#navlist li{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 0.3em 0 0.3em 0;
color: #800000;
background: #eedfc2;      /*#f0e7d6;*/
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
text-decoration: none;
text-indent:0.7em;
}

.navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a, ul#navlist2 li#active a  {
background: transparent;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
color: #626262;
background:#f1e9db; /*#f0e7d7;*/
border-color: #babbaf #ccc #dfe1e2 #ccc;
}

/*-------------------------------FIN COLONNE GAUCHE-----------------------*/


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

h2 {
  margin:1.25em 0 .75em;
  font:180% Georgia,Serif;
  line-height:1.4em;
  }

h2.style3 {
	font:2em/1em  Garamond Georgia, "Times New Roman", Times, serif;
	color:#85641c;/*color:#7d433f;*/
	border-bottom:1px solid #d1b579;
	padding-bottom:2px;
	padding-left:16px;
	letter-spacing:0.02em;
	text-align:center;
	margin-top:1.6em;
	margin-bottom:-0.6em;
	}

h2.style4 {
	font:2.4em/1em  Garamond Georgia, "Times New Roman", Times, serif;
	color:#85641c;/*color:#7d433f;*/
	/*border-bottom:1px solid #d1b579;*/
	padding-bottom:2px;
	padding-left:0;
	font-style:italic;
	letter-spacing:0.04em;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	}

h2.style4 span {
	letter-spacing:0.02em;
	font-style:normal;
	color:#85461b;
	}
	
h2.style2 {
	font:2.4em/1em  Garamond Georgia, "Times New Roman", Times, serif;
	color:#85641c;/*color:#7d433f;*/
	border-bottom:1px solid #d1b579;
	padding-bottom:2px;
	padding-left:16px;
	font-style:normal;
	letter-spacing:0.08em;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0em;
	}


h2.style1 {
	font:2.6em/1em  Garamond Georgia, "Times New Roman", Times, serif;
	color:#844229;/*color:#967633;/*color:#7d433f;*/
	border-bottom:1px solid #d1b579;
	padding-bottom:2px;
	font-style:normal;
	letter-spacing:0.08em;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0em;
	}

span.dimtitre {color:#85641c; font-size:0.74em; letter-spacing:0.06em; font-style:normal;}

h2.style1 span.dimtitre2 {font-size:0.74em; font-style:normal; letter-spacing:0.04em;}
h2.style1 span.dimtitre3 {font-size:0.82em; font-style:normal; letter-spacing:0.04em;}
h2 a:hover {
  color:#974;
  text-decoration:none;
  }

h3.new {
	font:1.8em/1em  Georgia, "Times New Roman", Times, serif;
	color:#6a5015;/*color:#7d433f;*/
	padding-bottom:2px;
	padding-left:0;
	letter-spacing:0em;
	text-align:center;
	margin-top:1em;
	margin-bottom:0.2em;
	}

h3 a {
  border-width:0;
  }

h4 {
  margin:1em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
  }

/*PAGE LIENS*/
h3.links {
	font-size:1.2em;
	margin-top:3em;
	margin-bottom:0.8em;
	}
#liens-gauche {
	width:260px;
	float:left;
	border-right:1px solid #d1b579;
	}
	
#liens-droite {
	width:260px;
	float:left;
	}

#liens-gauche p {margin-right:10px; text-indent:0; margin-bottom:0.8em;}
#liens-droite p {margin-left:20px; text-indent:0; margin-bottom:0.8em;}
#liens-droite h3 {margin-left:16px;}



/* LISTES
----------------------------------------------- */
dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:none;
  }

dl dl {
  margin:1em 20px;
  }

dt {
  clear:left;
  font-weight:bold;
  }

#maincol li em {
  font-style:normal;
  font-weight:normal;
  font-size:85%;
  line-height:1.6em;
  color:#777;
  }

dd {
  margin:0 0 1em;
  padding:0;
  }

dd ul {
  margin:0;
  padding:0;
  }
dd li {
  width:100%;
  padding:0;
  margin:0;
  text-indent:0;
  }

/* =Footer
----------------------------------------------- */
#footer2col, #footer3col {
	clear:both;
	padding-top:0;
  border-bottom:none;
  font-size:0.74em;
	height:33px;
	background-color:#383f31 ;
  }

#footer2col {background-image:url(img/bg-footer-2col.jpg); background-repeat:no-repeat;}
#footer3col {background-image:url(img/bg-footer-3col.jpg); background-repeat:no-repeat;}

#footer2col p, #footer3col p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
  padding:0 8px;
  color:#e3e3e3;
  text-align:left;
	line-height:3em;
	text-align:center;
  }

#footer2col p a, #footer3col p a {
text-decoration:none; border-bottom:none; color:#e7d9bd;}

#footer2col p a:hover, #footer3col p a:hover {
border-bottom:none; text-decoration:none; color:#fff;}

#footer2col p span, #footer3col p span {margin-left:8px; margin-right:8px;}
#footer2col p span.space, #footer3col p span.space {margin-left:110px;}

/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  /* Resume IE5-Mac */


/*CONSTRUCTION*/
p#construction {
  margin:100px 0 0 0;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	line-height: 1.6em;
	text-align:center;
	color: #999999;
  }	
	
	
div#bas {text-align:center; font-size:0.9em; color:#828282; margin-bottom:50px;}
div#bas a {text-decoration:none; border-bottom:1px solid #bcbcbc; color:#828282;}
div#bas a:hover {border-bottom:none;}