@charset "utf-8";
/* CSS Document */
/* date de dernière correction : 6/11/2009 (suivant délais de production) - reste à faire un nettoyage et alléger le code */

body 		{ margin: 0;padding: 0;font-family:Arial, Helvetica, sans-serif;font-size: 0.8em;background-color: #000; }
p 		{ margin: 0 0 5px 5px; }
a 		{ color:#996600; }
a:link 		{ color:#996600; }
a:active 	{ color:#996600; }
a:visited 	{ color:#996600; }
a:hover 	{ color:#C48400; }
a:focus 	{ color:#996600; }
H1  		{ font-family:Arial, Helvetica, sans-serif; }
.logo 		{ position:absolute;top:25px;left: 25px;height: 60px;}
.logohome	{ position:absolute;top:22px;left: 25px;height: 60px;}
/*menu alternatif*/
.menu 		{ position:absolute;top:60px;left:0;width: 200px;height: 320px;font-size: 1em;}
/*menu dossiers speciaux*/

.vignettes 	{ position: absolute;top:250px;left: 0px;width: 200px;height: 270px;}	
.conteneurindex { /*image  index*/
		  /*-moz-opacity:0;
		  opacity: 0;
		  filter:alpha(opacity=0);*/
		  position: relative;width: 1000px;height: 530px;margin: 0 auto;background-repeat:no-repeat;}
.conteneur 	{ /*image catalogue */
		  /*-moz-opacity:0;
		  opacity: 0;
		  filter:alpha(opacity=0);*/
		  position: relative;width: 1000px;height: 530px;margin: 0 auto;background-image:url("http://www.3-2.fr/images/pile1.jpg");background-repeat:no-repeat;}
.alpha 		{ /*fondu noir*/
		  top:0px;width: 1000px;height: 550px;margin: 0 auto;z-index: 1000;}
.conteneurfiche { /*image fiche*/
		  position: relative;width: 1000px;height: 530px;margin: 0 auto;background-image:url(../images/livre3.jpg);background-repeat:no-repeat;}

.header  	{ height: 370px;margin-left: 500px;margin-right: 200px;background-image: url(http://www.3-2.fr/images/main.png);background-repeat:no-repeat;background-position:top;}
.header img 	{ padding-top: 40px;}
.imagemain 	{ position: relative;padding-right: 115px; padding-top: 98px;}
.imagefiche1 	{ position: absolute;width: 220px;top: 410px;left: -130px;}
.imagemainfiche { position: relative;padding-left: 0px;padding-top: 97px;}
/*news de l'index*/
.ficheindex 	{ position: absolute;top: 390px;margin-left: 670px;width: 300px;height:100px;padding-top: 0px;padding-left: 10px;padding-right: 10px;text-align:justify;color:#EADDA8;}
.ficheindex H1 	{ background-color: #994D4D;font-size:1.2em;padding: 10px;}
/*fiche*/
.headerfiche 	{ position: relative;height: 550px;left: 150px;width: 550px;background-image: url(../images/main.png);background-repeat:no-repeat;background-position:top;}
.fiche 		{ text-align:left;position: absolute;top: 10px;left: 200px;width: 270px;height:500px;margin-left: 40px;
		  padding-top: 40px;padding-left: 10px;padding-right: 10px;color:#EADDA8;font-size: 0.9em;}
.fiche H1 	{ background-color: #663F3F;font-size: 1.3em;padding: 5px;color:#C48400;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:10px;}
.fiche p 	{ margin-bottom: 10px;}
.menu 		{ position: absolute;top:-3px;left:0;width: 200px;height: 230px;font-size: 1.2em;}
.auteur 	{ position: absolute;padding-left:0px;top:40px;left:320px;width: 180px;height: 50px;}
.auteur H1 	{ color:#C48400;border-bottom-style: dotted;border-bottom-color: #934137;
		  border-bottom-width: thin;border-top: dotted;border-top-color: #934137;border-top-width: thin;font-size: 1.1em;}
.auteur a 	{ text-decoration: none;color:#EADDA8;font-size: 1em;}
.auteur a:hover, .auteur a:active { color:#000000;text-decoration: none;background-color:#EADDA8;}
.titre 		{ font-family:Arial, Helvetica, sans-serif;position: absolute;padding-left:0px;top: 135px;left: 250px;width: 180px;height: 50px;}
.titre H1 	{ color:#C48400;border-bottom-style: dotted;border-bottom-color: #934137;border-bottom-width: thin;border-top: dotted;
		  border-top-color: #934137;border-top-width: thin;font-size: 1.1em;}
.titre a 	{ text-decoration: none;color:#EADDA8;font-size: 1em;}
.titre a:hover, .auteur a:active { color:#000000;text-decoration: none;background-color:#EADDA8;}

/* moteur de recherche */ 
#search		{ position:absolute;top:125px;left:300px;z-index:9999;}
#search div	{ clear:both;float:left;}
#search	label	{ color:#C48400;margin-bottom:8px;border-bottom-style: dotted;border-bottom-color: #934137;border-bottom-width: thin;border-top: dotted;
		  border-top-color: #934137;border-top-width: thin;font-size: 1.1em;font-weight:normal;float:left;padding:0 10px 0 10px;}
#search	.text	{ background:#7a6547;border:1px solid #000;padding:3px 2px 5px 6px;color:#eadda8;width:150px;}
#search	.submit	{ background:#eadda8;border:1px solid #000;width:28px;height:24px;font-weight:bold;cursor:pointer}
#search	.submit:hover	{ background:#c48400;border:1px solid #000;color:#fff;}
/* menu accordon */
.moteur		{ position:absolute;top:250px;left:300px;text-align:justify; width: 180px;height: 300px;overflow:auto;}
.theme 		{ position:absolute;top:220px;left:300px;width:180px;height:50px;}
.theme H1 	{ color:#C48400;border-bottom-style: dotted;border-bottom-color: #934137;border-bottom-width: thin;border-top: dotted;
		  border-top-color: #934137;border-top-width: thin;font-size: 1.1em;font-family:Arial, Helvetica, sans-serif;}

#navigation 			{ margin: 0;/*padding: 2px;*/color:#EADDA8;width: 160px;/*font-size: 0.9em;*/}
#navigation a, #navigation span { text-decoration:none;text-align:left;display: block;padding: 0px 0px;padding-bottom: 5px;color:#EADDA8;}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span { text-decoration:none; }
#navigation .toggleSubMenu li 	{ padding-bottom: 3px; }
#navigation .open a, #navigation .open span {}
#navigation a:hover, #navigation a:focus, #navigation a:active { color:#C48400;	background-color: #350000;}
#navigation .subMenu 		{ font-size: 0.9em;margin: 0;padding: 0;display:none;}
#navigation .subMenu p 		{ font-size: 1em;color:#EADDA8;	}
#navigation ul.subMenu a 	{ margin-left: 10px;background: none;padding: 3px 5px;	}
#navigation .subMenu a 		{ font-weight:bold;color:#C48400;	}
#navigation .subMenu a:hover, #navigation .subMenu a:focus, #ls_navigation .subMenu a:active { color: #FFF;}
/* Formulaire contact  */
.titreform 			{ position:absolute;top:20px;left:280px;width:180px;height:50px;}
.titreform H1 			{ color:#C48400;border-bottom-style: dotted;border-bottom-color: #934137;border-bottom-width: thin;border-top: dotted;
		  		  border-top-color: #934137;border-top-width: thin;font-size: 1.1em;}
#formulaire_contact 		{ position: absolute;top:40px;left:280px;display:block;height:500px;width:550px;overflow:hidden;text-align:left;}
#formulaire_contact .formblk div   { padding-top:8px;display:block;}
#formulaire_contact .formblk div span  { color:#e20505;}
#formulaire_contact input	{ padding:3px 2px 5px 6px;border:0;color:#eadda8;width:200px;margin-top:2px;background: url(../../images/fond_marron_trans.png) repeat;}
#formulaire_contact select	{ padding:1px 2px 1px 6px;border:0;color:#eadda8;border-color:#584732; margin-top:2px;cursor:pointer;background: #584732;}
#formulaire_contact textarea	{ padding:3px 2px 5px 6px;border:0;color:#eadda8;width:380px;height:200px;margin-top:2px;background: url(../../images/fond_marron_trans.png) repeat;} 
#formulaire_contact label	{ color:#C48400;font-weight:normal;width:200px;}
#formulaire_contact .submit   	{ background:#eadda8;border:1px solid #000;color:#000;width:auto;height:auto;font-weight:bold;padding:4px 10px;cursor:pointer;margin:0;}
#formulaire_contact .submit:hover { background:#c48400;border:1px solid #000;color:#fff;}
#formulaire_contact .boutons 	  { text-align:left;padding:0;margin:15px 0 0 0;}
#formulaire_contact .erreur 	  { color:#eadda8;padding:3px;border-color:#C48400;overflow:auto;}
#formulaire_contact .formulaire_ok      { color:#eadda8;padding:3px;margin:2px 0;border:2px dotted #C48400;overflow:auto;}
#formulaire_contact .formulaire_erreur  { color:#eadda8;padding:3px;margin:2px 0;border:2px dotted #C48400;overflow:auto;}
/* Plan du site */
#plansite 			{ color:#EADDA8;position:absolute;top:30px;left:220px;height:500px;width: 700px;text-align:justify;overflow:auto;background: url(../../images/fond_gris_trans.png) repeat;}
#plansite H1 			{ color:#C48400;border-bottom-style: dotted;border-bottom-color: #934137;border-bottom-width: thin;border-top: dotted;
		  		  border-top-color: #934137;border-top-width: thin;font-size: 1.1em;}			  
#plansite h2  	   	        { color:#EADDA8;font-family:Arial, Helvetica, sans-serif; font-weight:bold;font-size: 1.3em;border-bottom:1px dotted #934137;}
#plansite li  	   	        { list-style-type:none; }
#plbox  	   	        { -moz-column-count:2; -moz-column-gap:40%;-moz-column-width: 20px;font-family:Arial, Helvetica, sans-serif; padding:4px;}

/* Mise en page de l'edito des rubriques*/
#edito_rub 			{ position:absolute;top: 300px;left:500px; z-index: 100; text-align:justify; width:300px;  color:#EADDA8;background:#996600; padding:10px;display:none; }
/*ascenseur droite*/ 
#support 		{ position:absolute;left:870px;top:0px;width:125px;height:530px;overflow:hidden;z-index:1000;}
#scroll			{ position:absolute;width:22px;height:500px;left:110px;top:1px;}
#contenu		{ width:110px; }
#contenu span   	{ width:70px;color:#fff;position:absolute;top:15px;left:50px;z-index:9999;font-size:80%;padding:3px;background: url(../../images/fond_liv_trans.png) repeat;display:none;color:#b57e46;}
#contenu a		{ position:relative;width:70px;float:left;}
#contenu a:hover 	{ text-decoration:none;}
#contenu a:hover span	{ display:block;}
/*lgendes vignettes*/
#TipLayer		{ visibility:hidden;position:absolute;z-index:3000;top:-100;}
/*carte blanche*/
.frameindex 		{ margin-left: 10px;margin-right: 580px;margin-bottom: 20px;width: auto;height: 130px;padding: 10px;color:#EADDA8;
			  border-top-style: dotted;border-top-color: #663F3F;border-top-width: thin;overflow: auto;font-size:0.8em;}
/*dossiers spéciaux*/
.frame 			{ position:absolute;font-size: 0.8em;text-align:justify;margin-left: 470px;margin-right: 180px;top: 260px;
			  width: auto;height: 300px;padding: 10px;color:#EADDA8;overflow:hidden;}
p 			{ margin: 0 0 5px 0; }
#titredossier 		{ position:absolute;left: 480px;top: 230px;color:#956922;border-bottom-style: dotted;border-bottom-color: #934137;
		  	  border-bottom-width: thin;border-top: dotted;border-top-color: #934137;border-top-width: thin; font-size: 1.1em;}
/*flash index*/
#flashcontentindex 	{ width: 1000px;height: 370px;}
/*flash menu*/
#flashcontent 		{ padding-top:8px;width: 200px;height: 320px;z-index:1500;}
#flashcontentvignettes	{ width: 200px;height: 270px;z-index:1600;
}

/*rubriques collectionneurs librairie com*/
#rubriques 		{ text-align:justify;color:#EADDA8;position: absolute;padding-left:0px;top:10px;left:600px;width: 230px;height: 500px;font-size: 0.8em;z-index:0;}
#rubriquescom 		{ text-align:justify;color:#EADDA8;position: absolute;padding-left:0px;top:410px;left:300px;width: 650px;height: 200px;font-size: 0.8em;z-index:0;}
#rubriques h1 		{ color:#c48400n;font-size: 1.2em;padding-bottom: -20px;}
.gras 			{ font-size: 1.1em;font-weight:bold;font-style: italic;}
/*texte collectionneurs*/
#col			{ color:#EADDA8;position:absolute;padding-left:0px;top:60px;left:230px;height:500px;font-size: 0.9em;width: 380px;text-align:justify;}
#col h1 		{ color:#c48400;font-size: 1.4em;font-weight:bold;margin:6px 0 12px 0;}
#col p	            	{ padding:3px 0 6px 0;}

#colonne1		{ color:#EADDA8;position:absolute;top:40px;left:0;width:320px;height:420px;padding:0px;font-size: 0.8em;z-index:500;text-align:justify;overflow:auto;}
#colonne2		{ color:#EADDA8;position:absolute;top:40px;left:360px;width:320px;height:420px;padding:0px;font-size: 0.8em;z-index:500;text-align:justify;overflow:auto;}
/*Points de vente */
#pv_txt 		{ color:#EADDA8;position:absolute;padding-left:0px;top:60px;left:230px;width: 720px;height:48px;font-size: 0.8em;z-index:500;text-align:justify;}
#pv_txt h1 		{ color:#c48400;font-size: 1.6em;font-weight:bold;margin:6px 0 12px 0;}
/*Espace Pro*/
#pro_txt 		{ color:#EADDA8;position:absolute;padding-left:0px;top:60px;left:230px;width: 260px;height:450px;font-size: 0.8em;z-index:500;text-align:justify;}
#pro_txt h1 		{ color:#c48400;font-size: 1.6em;font-weight:bold;margin:6px 0 12px 0;}
#flashmilieu 		{ color:#EADDA8;position: absolute;padding-left:0px;top:-5px;left:210px;height: 530px;width: 630px;z-index:500;}
/*Espace com*/
#flashmilieucom 	{ color:#EADDA8;position: absolute;padding-left:0px;top:-5px;left:210px;height: 530px;width: 600px;}
/*texte mentions lgales*/
#mentions 		{ color:#EADDA8;position: absolute;padding-left:0px;top:60px;left:350px;height:500px;font-size: 0.9em;width: 380px;text-align:justify;}
#mentions h1 		{ color:#c48400;font-size: 1.2em;font-weight:bold;margin:6px 0 12px 0;}
/*pied de page*/
.footer 		{ position:absolute;clear:both;color:#663F3F;border-bottom-style: dotted;border-bottom-color: #663F3F;border-bottom-width: thin;
			  border-top: dotted;border-top-color: #663F3F;border-top-width: thin;font-size:0.8em;width: 990px;height: 20px;padding-bottom: 20px;
			  background-color: #350000;left: 0px;top: 530px;padding-left: 10px;padding-right:0px;text-align:left;}
.pgplds 		{ position:absolute;right:8px;color:#350000;}
.pgplds:visited 	{ color:#350000;}

/* Mise en page de la fiche livre 
 * #cont_fiche_1 -> div contenant toute la fiche livre
 * #cont_fiche_2 -> div contenant la partie dynamique en php
 * #cont_fiche_3 -> div contenant le lien "Fermer"
 * */
#cont_fiche_1 		{ position: absolute;z-index: 2000;top: 20px;left: 200px;width: 600px;height: 550px;background-image:url(../images/fiche_fd.jpg);
			  background-repeat:no-repeat;display: none;}
#cont_fiche_2 		{}
#cont_fiche_3		{ border-top: dotted;border-top-color: #663F3F;border-top-width: thin;background-color: #350000;padding: 10px;text-align:right;}
/* les 2 div de la fiche livre */
#f_left 		{ left: 20px;}
#f_right 		{ position:absolute;left: 350px;top: 280px;width: 220px;}
#info_comp 		{ position:absolute;left: 350px;top: 230px;width: 220px;}
#f_right H2 		{ display:block;color:#956922;border-bottom-style: dotted;border-bottom-color: #934137;border-bottom-width: thin;border-top: dotted;
			  border-top-color: #934137;border-top-width: thin;font-size: 1.1em;}
#f_right p 		{ display:block;}
#f_right a 		{ display:block;}
/*supprime bordure autour des liens cliqués */
*:focus 		{ outline: none;}
*::-moz-focus-inner 	{ border: none;}

/*Google maps */
#pvente				{ position:relative;}

#content .bulle 		{ font-size:80%;padding:0; margin:0;font-family:Arial, Helvetica;text-align:left; }
#content .bulle h2		{ font-family:Arial, Helvetica;font-weight:bold;border-bottom:1px solid #ccc;margin-bottom:6px;}
#content .bulle a.Slnk		{ color:#0075d5;}
#content .bulle a.Slnk:hover	{ color:#df5400;}

#content .tel 	{ padding-top:2px 0; }
#content .type 	{ padding-top:10px 0 4px 0; }
#content .cmt 	{ padding-top:10px 0 2px 0; }

