html {height: 104%;}
body {
  margin:0;
  padding:0;
	background-image:url(img/backgroudmots6.jpg);
	/*background-image:url(img/background5.png);*/
	/*url(img/BG2-GSA0039.jpg);*/
 background-color:#605b56;
	 /*background-color:#622119;*/
	font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
	height:110%;
  }

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

/* HEADER
----------------------------------------------- */
h1#header2col, h1#header2col-oc, h1#header3col, h1#header3col-oc {
  font-size:1.1em;
	background-color:#ddd;
  background-position:0 0;
  width:100%;
  height:169px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
  margin:0;
	padding:0;
  }	

h1#header2col span, h1#header2col-oc span, h1#header3col span, h1#header3col-oc span{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
z-index:0;
}

h1#header2col {background-image:url(img/header2col.jpg);}
h1#header2col-oc {background-image: url(img/header2col-OC.jpg);}
h1#header3col {background-image:url(img/header3col.jpg);}
h1#header3col-oc {background-image: url(img/header3col2-OC.jpg);}

p#langue, p#langue a {
	margin-top:0;
	margin-left:3px;
	color:#87685d;
	font-weight:bold;
	font-size:1em;
  }

p#langue2 {
	position:absolute;
	z-index:3;
	top:6px;
	left:2px;
	font-size:0.9em;
	letter-spacing:0.06em;
	color: #f0e7de;	
  }	

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

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

	
/* GENERALITES : paragraphes et blockquote
----------------------------------------------- */
p {
  margin:0 0 1.2em .3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align:justify;
	text-indent:1em;
  }

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

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;
	} 

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:#358;
  text-decoration:none;
  border-bottom:1px solid #469;
  }
	
a:hover {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }
	
a img {
  border-width:0;
  }

h1 a {
  border-width:0;
  }


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

	/*----------CONTENU GLOBAL----------*/
#content2col, #content3col {
  position:absolute;
	top:169px;
	left:0;
  width:778px;
  }

#content2col {
	background-image:url(img/bg_2col.jpg);
	background-repeat:repeat-y;
  }

#content3col {
	background-image:url(img/bg_3col-3.jpg);
	background-repeat:repeat-y;
  }

#maincol, #leftcol, #rightcol {
  margin-top:-8px;
  }

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

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

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

#mc2 {
	padding-right:0;
	padding-left:20px;
	background:transparent url(img/fond-krimo2.jpg) repeat-y top center;
  }

#content3col #mc2 {
  float:left;
  padding-right:0;
	padding-left:0;
	background:transparent url(img/fond-krimo3col.jpg) no-repeat;
  }

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

#content3col #maincol {
	width:414px;
	}

#content3col #maincol p {
	margin-left:0;
	}

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

#mc2 {
	padding-right:0;
	padding-left:20px;
	background:transparent url(img/fond-krimo2.jpg) repeat-y top center;
  }


/*------------colonne droite---------------*/
#content3col #rightcol {display:block; float:right; width:166px;}
#rightcol img {margin:0;}

#rightcol p {font-size:1em; color:#4b6a89; margin:12px 0 12px 5px; text-indent:0;}
#rightcol p.articles {line-height:1.3em;}
#rightcol p span, #rightcol p.articles span {color:#7e4b38;}
#rightcol p.encadreverdana4 {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #d0b0a4;
	background:#f0e7de;
	margin-top:10px;
	margin-right:10px;	
	padding:8px 2px;
	text-align:center;
	color:#6c4b2e;
	}

#rightcol h3#right {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.6em; color:#85641c; text-align:center; margin:16px 14px 20px 0; font-weight:normal; letter-spacing:0.1em;}

#rightcol ul {list-style:none; margin:12px 0 12px 0; font-size:1em; font-variant:small-caps; padding:0 0 0 2px;}
#rightcol ul li{display:block; margin:0; padding:0; line-height:1.3em;}
#rightcol ul li a {color:#4b6a89; display:block; width:100%; padding:0.4em 0 0.4em 0; text-decoration:none; border-bottom:1px solid #eee4da;}
#rightcol ul li a span {color:#7e4b38;}
#rightcol ul li a:hover {color:#7e4b38; border-bottom:1px solid #8a9cae;}
#rightcol ul li a:hover span{color:#4b6a89;}

#rightcol dl {margin:20px 0 10px 0;}
#rightcol dt {font-size:1.6em; color:#85641c; text-align:center; margin:10px 14px 20px 0; font-weight:normal; letter-spacing:0.1em;}
#rightcol dd {margin-top:10px; font-size:1em; color: #4b6a89; text-indent:0;}
#rightcol dd a{display:block; margin-top:10px; font-size:1em; color: #4b6a89; text-indent:0; line-height:1.1em; text-decoration:none; border-bottom:none;}
#rightcol dd a:hover{color:#7e4b38; font-style:italic;}
#rightcol dd span{font-family:Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size:0.78em; color:#7e4b38;}

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

#mc2 img {
float:right;
margin:8px 0 8px 14px;
border:2px solid #86655a;
}

#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--------------------*/

#content3col #leftcol, #content2col #leftcol {
  float:left;
  width:180px;
  /*color:#777;*/
  }

#lc2 {padding:0 10px;}

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

/*-----CONTENU-------*/
#leftcol img {
  margin:10px 0;
  }


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

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

ul#navlist {font-size:1em;}

ul#navlist2 {font-size:0.86em;}

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

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

ul#navlist2 li a {
display: block;
width: 100%;
padding: 0.3em 0 0.26em 0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
text-indent:0.7em;
background: #f1e9db;
}

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

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

ul#navlist li a:hover, ul#navlist2 li a:hover, ul#navlist li#active a:hover, ul#navlist2 li#active a:hover {
color: #800000;
background: #eedfc2;      /*#f0e7d6;*/
border-color: #babbaf #ccc #dfe1e2 #ccc;
}

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


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

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

h2.style3 {
	font:2.2em/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:italic;
	letter-spacing:0.04em;
	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:10px;
	height:33px;
  }

#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:#eee;
  text-align:left;
	line-height:3em;
  }

#footer2col p a, #footer3col p a {
text-decoration:none; border-bottom:1px solid #e7d9bd; color:#fff; padding-bottom:1px;}

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

#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;}