/* GENERIQUE */
body { width:1081px; margin:0 auto; background:url(/images/fond.png) top left repeat-x #fbd8c5;/* foncé : 97461a -- clair fbd8c5 -- moisi foncé : e3cdc1 -- moisi clair : fef4ef */ font-size:10pt; font-family: "Trebuchet MS";
}
#en-tete { float:left;	width: 1081px;	height: 180px; margin: 0px auto 0px auto; background: url(../images/header.png); }
#en-tete a { display:block; width:1081px; height:180px; }
#contenu { float:left; width: 1081px; margin: 0px auto 0px auto; background:url(../images/corps.png) repeat-y; }
#contenu p.liencat:before { content:url(/images/flecheBleue.png); margin-right:3px; vertical-align:top; }
#contenu ul.gen li { list-style-image:url(/images/puce-livre-3.png); }
#contenu img.ombre { box-shadow:1px 1px 12px #555; }

#menu {
	float:left;
	width:210px;
	margin:10px 0 0 25px;
	padding:1px;
	font-size:10.5pt;
	font-family: "Trebuchet MS";
}

#page {
	float:left;
	width:800px;
	margin:10px 0 0 18px;
	padding:1px;
}

hr.space { clear:both; visibility:hidden; margin:100px 0; }

#footer {
	float:left;
	width:1081px;
	height:125px;
	margin:0px auto 0 auto;
	background:url(../images/footer.png);
}
#footerg { float:left; width:210px; text-align:center; margin-left:25px; }
#footer ul { margin:0; padding:0; }
#footerg ul li { list-style:none; margin:3px 0; padding:0; }
#footerd { float:left; width:800px; margin:0 auto; }
#footerd ul li { float:left; /*list-style-image:url(/images/puce-crayon.png);*/ background:url(/images/puce-crayon.png) no-repeat; height:32px; background-position:0 0; list-style:none; margin-left:60px; padding:8px 0 0 40px; }
#footerd ul#copyright { margin-left:150px; }
#footerd ul#mentions { margin-left:10px; }

.rezosocio { border:none; }

hr.hidden {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}

img { border:none; }

/* MENU */
.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      /*background: #000; */
      /*color: #fff; */
      width: 200px; 
      font: 1em "Trebuchet MS", sans-serif; text-align:left;
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #993333; 
      text-decoration: none; 
      /*font-weight:bold;*/
      background: /*#000*/ url(/images/menu-defaut.png) left bottom no-repeat;
      } 
      
      .navigation a:hover { color:#fef4ef; }

   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url(/images/menu-derouler.png); 
      } 
   .navigation .open a, .navigation .open span { 
      background-image: url(/images/menu-enrouler.png); 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
   .navigation .subMenu { 
      font-size: .8em; 
      background:url(/images/subMenu.png) 0 0 repeat-x #fef4ef; 
      font-size: .9em; 
     /* border-bottom: 1px solid #666; */
      list-style:none;
      margin:0;
      padding:0;
      /*list-style-image:url(/images/puce-livre.png);
      margin: 0; 
      padding-left: 25px;
      text-indent:-15px;*/
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
      color:#990000;
      background:url(/images/puce-livre.png) no-repeat 0 5px;
      }
      
    .navigation ul.subMenu a:hover { color:#ff6600; }
      
.navigation .titrebloc { text-align:center; background-image:url(/images/menu-bloc.png); color:#97461a; }
.navigation ul.subMenu a.periodehome { color:#663399; background:url(/images/puce-livre-2.png) no-repeat 0 5px; }

/* Bouton de recherche */
.bouton_recherche_gg { width:200px; }

/* LIENS */
a { color: #990000; }
a:hover{ text-decoration:none; }

/* TITRES */
h1 { margin:0; padding:5px 0 0 105px; font: normal 28px "Times New Roman", Times, sans-serif; color:#990000; float:left; background:url(../images/h1.png) no-repeat; height:89px; width:695px; /* width=largeur coté droit moins largeur "puce" et marges */text-shadow:8px 8px 12px #000; }
h1:first-letter { font-size:50px; color:#aa0000; }
h2 { margin:0 0 5px 0; padding:0 0 0 50px; font: normal 22px "Times New Roman", Times, sans-serif; color:#996633; float:left; background:url(../images/h2.png) no-repeat; height:48px; width:100%; text-shadow:8px 8px 12px #aaa; text-decoration:underline; }
h2:first-letter { font-size:35px; color:#996600; }
h3 { font: normal 18px "Times New Roman", Times, sans-serif; color:#990000; text-shadow:8px 8px 12px #aaa; }

/* STYLES TEXTE */
.auteurs { color:#0000cc; font-weight:bold; }
.livres {color:#990000; font-style: italic; font-family: "Trebuchet MS"; text-decoration:underline; }
.question { font-weight:bold; color:#000; }
.reponse { color:#0000ff; }

/* HOME */
#une { width:100%; float:left; margin:10px 0 0 0; }
#une img { float:left; width:100px; height:150px; margin-right:5px; box-shadow:1px 1px 12px #555; }
#nouveaute { float:left; width:230px; padding:2px; }
#evenement { float:left; width:530px; margin-right:20px; padding:2px; }
#derniers-ajouts { float:left; width:100%; margin:10px 0 0 0; }
#derniers-ajouts ul li { list-style-image:url(/images/puce-livre-3.png); margin-top:2px; }
#dernierscoms { float:left; width:100%; margin:10px 0 0 0; }
#dernierscoms ul li { list-style-image:url(/images/puce-livre-3.png); margin-top:2px; }
#plusvus { float:left; width:100%; margin:10px 0 0 0; }
#plusvus .livre { float:left; width:150px; margin:3px 5px; text-align:center; }
#plusvus .livre img { float:left; width:100px; height:150px; margin:5px 20px 10px 20px; box-shadow:1px 1px 12px #555; border:none; }
#a-paraitre { float:left; width:100%; margin:10px 0 0 0; }
#a-paraitre .livre { float:left; width:250px; margin:3px 5px; text-align:center; }
#a-paraitre .livre img { float:left; width:100px; height:150px; margin:5px 75px 10px 75px; box-shadow:1px 1px 12px #555; border:1px solid green; }
#presentation { float:left; width:100%; margin:10px 0 0 0; }
#presentation p { text-align:justify; padding:5px; }

/* FICHE LIVRE */
#infosbib { float:left; width:100%; margin-top:20px; }
#screen { float:left; width:200px; }
#infoslivre { float:left; width:590px; margin-left:10px; }
img.couverture { float:left; width:150px; height:240px; box-shadow:1px 1px 12px #555; margin:10px 15px 0 5px; }
#liens { float:left; width:100%; text-align:center; margin-top:10px; }
#liens img { margin:5px 8px; box-shadow:1px 1px 12px #555; }
#resume { float:left; width:100%; margin-top:30px; text-align:justify; }
#avis { float:left; width:100%; margin-top:30px; text-align:justify; }
#avis #note { width:100%; text-align:center; margin:15px auto; }
#outils { float:left; width:100%; margin-top:30px; text-align:justify; }
#ggpub { float:left; width:100%; margin-top:10px; }

/* Onglets menu horizontal */
#onglets { width:100%; float:left; margin-top:20px; }
#onglets #tabnav {	margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #0000cc; }
#onglets #tabnav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#onglets #tabnav a:link, #tabnav a:visited { float: left; font-size: 18px; line-height: 14px; font-weight: bold; margin: 0 30px 4px 30px; text-decoration: none; color: #6699ff; }
#onglets #tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover { border-bottom: 4px solid #0000cc; padding-bottom: 2px; color: #0000cc; }
#onglets #tabnav a:hover { color: #0000cc; }

/* Commentaires */
#ecrire { float:left; width:100%; text-align:justify; margin-top:30px; }
#commentaires { float:left; width:100%; text-align:justify; margin-top:30px; }
#publieravis { float:left; width:100%; margin: 5px 0 20px 0; }
#avisform { float:left; width:100%; }

#comsvalides { float:left; width:800px; margin:5px 0 20px 0; }
#comsvalides img { border:none; }
#entete_coms { text-align:center; width:100%; border:3px double #990000; }
#entete_coms td { vertical-align:middle; }
.coms { float:left; width:800px; margin:10px 0 0 0; border:1px solid #a7663f;	background: url(/images/test.jpg) repeat-x top center #fbd8c5; }
.coms:hover { background:none; }
.infoscom { float:left; width:788px; padding:2px; border-bottom:1px solid #0000cc; }
.commentaire {	float:left;	width:788px; padding:5px; }
.infocomG { float:left; font-weight:bold; font-size:11px; margin:0; padding:0; color: #CC3333; }
.infocomD { float:right; margin:0; padding:0; font-style:italic; color:#990099;}

/* Popup règles de publication */
#reglement { width:800px; height:230px; margin:5px auto; border:3px double #0000cc; padding:2px; }
#regles { width:100%; height:auto; margin:35px auto 0 auto; }
#regles ul li { list-style-image:url(/images/puce-livre-3.png);  }

/* Séries */
#tomes { float:left; width:100%; margin-top:30px; }
.infostome { width:450px; margin:0 auto; }
img.minicouverture { float:left; width:75px; height:120px; box-shadow:1px 1px 12px #555; margin:0 15px 0 5px; }
.infostome ul li { list-style-image:url(/images/puce-livre-3.png); }

/* Périodes */
#presentation-periode { float:left; width:100%; text-align:justify; }
#sous-periodes { float:left; width:100%; }
.spinfos { width:25%; float:left; }
.sp { float:left; width:100%; margin-bottom:15px; }
.decouvrir { float:left; width:75%; text-align:right; }
.decouvrir img.minicouverture { float:right; margin-left:20px; }
.decouvrir ul li { list-style-image:url(/images/puce-livre-3.png); }
#sous-periodes p.liencat:before { content:url(/images/flecheBleue.png); margin-right:3px; vertical-align:top; }

/* Sous Périodes */
#presentation-sous-periode { float:left; width:100%; text-align:left; }
#presentation-sous-periode p.liencat { margin-top:0px; }
#presentation-sous-periode p.liencat:before { content:url(/images/flecheBleue.png); margin:3px; vertical-align:top; }
#splivres { float:left; width:100%; margin-top:15px; }
#splivres ul li { list-style-image:url(/images/puce-livre-3.png); margin:5px 0; }

/* Coups de coeur */
fieldset.hdlaime { margin:0 0 25px 0; }
fieldset.hdlaime ul li { list-style-image:url(/images/puce-livre-3.png); margin:5px 0; }

/* Génériques */
.cadre-plein { float:left; width:100%; margin:15px 0; text-align:justify; }
img.gauche { float:left; box-shadow:1px 1px 12px #555; margin:0 15px 0 0; }
.cadre-plein form#newsletter { text-align:center; margin-top:25px; }

/* Boutiques */
#liens-boutiques { float:left; width:100%; margin-top:10px; }
#liens-boutiques #logos { text-align:center; }
#liens-boutiques #logos img { margin:5px 8px; box-shadow:1px 1px 12px #555;  }

/* Contact */
.contact { float:left; width:784px; border:3px double #97461a; padding:5px; margin-bottom:30px; }
#contact-form { float:left; width:785px; margin-bottom:30px; }
.contact ul li { margin:20px 0; }

/* Sites amis */
#sites-amis { float:left; width:100%; margin:0; text-align:justify; }
#sites-amis ul li { list-style-image:url(/images/puce-livre-3.png); margin:5px 0; }
/*#sites-amis img { float:left; margin:2px 10px 15px 0; box-shadow:1px 1px 12px #555; }*/
/* Onglets menu horizontal reprise pour les sites amis */
#onglets-sa { width:100%; float:left; margin:20px 0; }
#onglets-sa #tabnav { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #0000cc; }
#onglets-sa #tabnav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#onglets-sa #tabnav a:link, #tabnav a:visited { float: left; font-size: 15px; line-height: 14px; font-weight: bold; margin: 0 12px 4px 12px; text-decoration: none; color: #6699ff; }
#onglets-sa #tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover { border-bottom: 4px solid #0000cc; padding-bottom: 2px; color: #0000cc; }
#onglets-sa #tabnav a:hover { color: #0000cc; }

/* Auteurs */
#alphabet { float:left; width:790px; /*background: url(/images/back_alphabet.png) no-repeat;*/ margin:0 0 10px 0; padding:2px; border:3px double #e29561; box-shadow: 1px 1px 12px #555; }
#alphabet ul { list-style-type:none; margin:0 0 40px -20px; }
#alphabet ul li { float:left; margin:10px 17px 0 0; color:#990000; font-size:20px; font-weight:bold; }
#alphabet ul li a { color:#990000; font-size:20px; font-weight:bold; }
#alphabet ul li a:hover { color:#ff6633; font-weight:bold; }
.ecrivains, .collections { float:left; width:100%; margin:15px 0;}
.ecrivains ul li, .collections ul li { list-style-image:url(/images/puce-livre-3.png); }
img#auteur { width:120px; height:150px; box-shadow:1px 1px 12px #555; margin:0 auto; }
img#collection { max-width:200px; max-height:100px; box-shadow:1px 1px 12px #555; margin:0 auto; }
.ecrivains p.liencat:before, .collections p.liencat:before { content:url(/images/flecheBleue.png); margin-right:3px; vertical-align:top; }

/* Illustrateurs */
img#illustrateur { width:120px; height:150px; box-shadow:1px 1px 12px #555; margin:0 auto; }

/* Editeurs */
img#editeur { width:200px; height:100px; box-shadow:1px 1px 12px #555; margin:0 auto 8px auto; }

/* Boutiques widgets */
#widget600200 { width:600px; height:200px; margin:50px auto; }

/* Newsletter */
#newsletter { float:left; width:100%; margin:0; }
#newsletter ul li { list-style-image:url(/images/puce-livre-3.png); margin-top:3px; }
#news-event { text-align:justify; }
#news-event img { width:125px; height:130px; box-shadow:1px 1px 12px #555; }
#news-event img.fleche { width:auto; height:auto; box-shadow:none; }
#news-nouveautes { text-align:justify; }
#news-nouveautes img { float:left; margin:5px 10px 5px 0; box-shadow:1px 1px 12px #555; width:100px; height:150px; }
#news-lastfiches { text-align:justify; }
img.rezsoc { box-shadow:1px 1px 12px #555; }

.floatban { position:fixed; margin:50px 0 0 1081px;  }

/* Liens littérature jeunesse */
.logolitt { clear:both; width:100%; text-align:center; margin:0 auto -20px auto; }
.logolitt img { box-shadow:1px 1px 12px #555; }

/* Page actualités */
#actu-huit, #actu-onze, #actu-ado { text-align:center; }
#actu-huit td, #actu-onze td, #actu-ado td { width:200px; }