/*************************************/
/* STYLE COMMUN A LA PAGE  POPUP     */
/*************************************/

/* body de la page */
body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
	background-color: white;
}

/* toutes les ancres */
a
{
  border:0;
  text-decoration:none;
  color:black;
  cursor: pointer;
}

/* toutes les images */
img
{
  border:0;
}

/* titre1*/
h1
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #666666;
  text-align:left;
  margin:0;
}

/*************************************/
/* STYLE DU CALQUE PRINCIPAL         */
/*************************************/
/* style du calque principal */
div#calque_principal
{
  position:absolute;
  top:0px;
  left:0px;
  background-color: transparent;
  width:630px;
  height:627px;
  z-index:2;
}
/*************************************/
/* BLOC : TITRE DE LA PAGE           */
/*************************************/
/* titre*/
h1#titre
{
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  height:36px;
  width:100%;
  background-color:white;
  background-image:url(fond4.gif);
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  padding-left:15px;
  padding-top:5px;
  text-align:left;
}


/*************************************/
/* 1ERE BLOC : PARTIE EDITORIALE     */
/*************************************/
/* calque1 : présentation du livre */
#calque_principal #calque_1
{
  position:absolute;
  top:40px;
  left:5px;
  z-index:0;
  width:100%;
  height:172px;
  background-color:white;
  background-image:url(fond_block1.jpg);
  background-repeat:no-repeat;
}

/* calque1 : présentation du livre : IMAGE DE PRESENTATION */
#calque_principal #calque_1 img
{
  float:left;
  margin : 10px;
  padding-left : 0px;
  height:146px;
  width:95px;
}

/* calque1 : présentation du livre : TITRE DU LIVRE */
#calque_principal #calque_1 h1
{
  float:left;
  padding-top : 10px;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
  text-align:left;
  margin:0;
  width:350px;
}

/* INFOS EDITORIALES DU LIVRE */
/* présentation du livre : bloc contenant les infos éditoriales sur le livre*/
#calque_principal #calque_1 .bloc_spec1
{
  float:left;
  padding-top:20px;
  width:280px;
  font-size: 11px;
}
/* groupe d'info : ligne entière */
#calque_principal #calque_1 .bloc_spec1 .ligne_info
{
  clear:left;
  float:left;
  padding-bottom:5px;
  width:280px;
}
/* style de chaque groupe d'info : titre */
#calque_principal #calque_1 .bloc_spec1 .ligne_info .titre
{
  float:left;
  width:60px;

}
/* style de chaque groupe d'info : separation */
#calque_principal #calque_1 .bloc_spec1 .ligne_info .sep
{
  float:left;
  width:10px;
}
/* style de chaque groupe d'info : contenu */
#calque_principal #calque_1 .bloc_spec1 .ligne_info .content
{
  float:left;
  padding-left:5px;
  margin-right:0px;
  padding-right:0px;
  width:205px;
}



/* INFOS TECHNIQUE DU LIVRE */
/* présentation du livre : bloc contenant les infos techniques sur le livre*/
#calque_principal #calque_1 .bloc_spec
{
  float:right;
  padding-top:20px;
  padding-right:25px;
  font-size: 11px;
  width:170px;
}

/* groupe d'info : ligne entière */
#calque_principal #calque_1 .bloc_spec .ligne_info
{
  border-bottom : 1px dotted silver;
  height:12px;
}
/* style de chaque groupe d'info : contenu */
#calque_principal #calque_1 .bloc_spec .ligne_info .content
{
  float:right;
  margin-top:-13px;
}

/* MESSAGE CHOIX ENTRE LIBRAIRIE et ECOMMERCE*/
#calque_principal #msg_choix
{
  position:absolute;
  top:213px;
  left:0px;
  width:100%;
  z-index:100;
  font-size: 13px;
  font-weight: bold;
  text-align:center;
}


/*****************************************************/
/* 2EME BLOC : PARTIE FORMULAIRE RECHERCHE LIBRAIRIE */
/*****************************************************/
/* calque2 : recherche de librairie */
#calque_principal #calque_2
{
  margin:0;
  padding:0;
  position:absolute;
  top:235px;
  left:5px;
  z-index:1;
  background-color:white;
  background-image:url(fond_block2.jpg);
  background-repeat:no-repeat;
  background-position:0px 0px;
  height:102px;
  width:622px;
  z-index:2;
}
/* recherche de librairie : titre */
#calque_principal #calque_2 h1
{
  text-align:center;
  margin:0;
  padding:10px;
  font-size: 18px;
}
/* recherche de librairie : style de chaque ligne  */
#calque_principal #calque_2 .ligne
{
  float:left;
  margin:0px 0px 20px 0px;
  padding:0;
  padding-left:10px;
  text-align:center;
}
/* style de chaque ligne : titre */
#calque_principal #calque_2 .ligne .titre
{
  float:left;
  display:block;
  text-align:left;
  font-size:15px;
}
/* style de chaque ligne : separation */
#calque_principal #calque_2 .ligne .sep
{
  float:left;
  display:block;
  width : 10px;
  text-align:center;
  font-size:15px;
}
/* style de chaque ligne : contenu */
#calque_principal #calque_2 .ligne .content
{
  float:left;
  display:block;
  text-align:left;
  font-size:15px;
}
/* recherche de librairie : champ input */
#calque_principal #calque_2 .ligne .content input
{
  margin:0;
  width : 100px;
  color:black;
  background-color:white;
  font-weight: normal;
  border: 1px solid silver;
}
/* recherche de librairie : bouton submit */
#calque_principal #calque_2 .ligne input#submit
{
  position: absolute;
  left:470px;
  top:40px;
  height:23px;
  width:129px;
  -moz-opacity:0 ;
  opacity: 0;
  z-index:2;
}
/* recherche de librairie : champ de saisi code postal */
#calque_principal #calque_2 .ligne input#code_postal
{
  width:50px;
}
/* recherche de librairie : champ de saisi ville */
#calque_principal #calque_2 .ligne input#ville
{
  width:170px;
}
/* recherche de librairie : bouton de submit FAKE permet de simuler une image par exemeple */
a#hidden_submit
{
  position: absolute;
  left:470px;
  top:40px;
  display:block;
  background-color:transparent;
  background-image:url(submit.png);
  background-repeat:no-repeat;
  height:29px;
  width:137px;
  z-index:10;
  color:white;
  font-weight: bold;
  font-size: 12px;
  padding-top:6px;
  margin-top:-4px;
}
a#hidden_submit:hover
{
  cursor: pointer;
}


/*****************************************************/
/* 3EME BLOC : PARTIE VENTE => CADRE DE FOND         */
/*****************************************************/
/* calque4 : fond_elibrairie */
#calque_principal #calque_hidden
{
  position:absolute;
  top:359px;
  left:5px;
  z-index:0;
  width:100%;
  height:273px;
  background-color:white;
  background-image:url(fond_block4.jpg);
  background-repeat:no-repeat;
}

/*****************************************************/
/* 3EME BLOC : PARTIE VENTE => PARTENAIRE PRIVILEGIE */
/*****************************************************/
/* calque3 : présentation du partenaire privilégié */
#calque_principal #calque_3
{
  position:absolute;
  top:402px;
  left:19px;
  z-index:2;
  height:185px;
  width:290px;
  background-image:url(fond3.gif);
  background-repeat:repeat-y;
  z-index:10;
  overflow:hidden;
}
/* partenaire privilégié : titre du calque */
#calque_principal #calque_3 h1
{
  position:relative;
  top:0px;
  left:0px;
  color:black;
  text-align:center;
}

/* partenaire privilégié : lien + image */
#calque_principal #calque_3 .partenairePrivilegie
{
  clear:left;
  float:left;
  position:relative;
  left:45px;
  top:5px;
}
/* partenaire privilégié : lien */
#calque_principal #calque_3 .partenairePrivilegie a img
{
  float:left;
}
/* partenaire privilégié : image */
#calque_principal #calque_3 .partenairePrivilegie img
{
  width : 230px;
  height: 70px;
  z-index:30;
  text-align:center;
  position: relative;
  left:-20px;
}
/* partenaire privilégié : bloc contenant les infos du partenaire sur le livre */
#calque_principal #calque_3 .bloc_spec
{
  display:none;
}
/* partenaire privilégié : bloc contenant le texte de présentation du partenaire */
#calque_principal #calque_3 .bloc_spec2
{
  float:left;
  padding : 10px 10px 10px 10px;
  width : 265px;
  font-size: 11px;
  text-align:justify;
}
/*partenaire privilégié : bloc contenant le texte de présentation du partenaire : nom du partenaire*/
#calque_principal #calque_3 .bloc_spec2 span
{
  font-weight: bold;
}

/*****************************************************/
/* 3EME BLOC : PARTIE VENTE => E-LIBRARIE            */
/*****************************************************/
/* calque4 : e-librairie */
#calque_principal #calque_4
{
  float:left;
  width:50%;
  background-color:transparent;
  display:block;
}
/* e-librairie : TITRE du calque */
#calque_principal #calque_4 h1
{
  position:absolute;
  top:362px;
  left:0px;
  z-index:3;
  width:630px;
  text-align:center;
  font-size: 18px;
  padding-top:5px;
}
/* e-librairie : BLOC E-LIBRAIRIE (hold)*/
#calque_principal #calque_4 div#calque {
  position:absolute;
  top:400px;
  left:340px;
  z-index:3;
  height:185px;
  overflow:hidden;
  width:295px;
}
/* e-librairie : BLOC E-LIBRAIRIE (wm)*/
#calque_principal #calque_4 div#elibrairie {
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:1;
}
/*e-librairie : BLOC E-LIBRAIRIE (content)*/
#calque_principal #calque_4 div#list_elibrairie{
  position:absolute;
  left:0px;
  top:100px;
  z-index:1;
}


/* BLOC E-LIBRAIRIE : bloc spécifique à chaque partenaire */
#calque_principal #calque_4 .content .bloc_spec
{
  float:left;
  clear:left;
  padding : 0px 0 0px 10px;
  width:290px;
  font-size: 15px;
}
/* calque4 : e-librairie : bloc spécifique à chaque partenaire : lien*/
#calque_principal #calque_4 .content .bloc_spec a
{

}
/* calque4 : e-librairie : bloc spécifique à chaque partenaire : image */
#calque_principal #calque_4 .content .bloc_spec a img
{
  height:25px;
  width:62px;
  margin: 2px 32px 2px 10px;
  float:left;
}


/* calque4 : e-librairie : bloc spécifique à chaque partenaire : nom */
#calque_principal #calque_4 .content .bloc_spec a span.nom_eLibrairie
{
  margin: 5px 0 10px 0px;
  padding-left:20px;
  padding-top:0px;
  float:left;
  background-image:url(fleche.png);
  background-repeat:no-repeat;
  background-position:0px 2px;
  width:140px;

}
#calque_principal #calque_4 .content .bloc_spec a#a_0 span.nom_eLibrairie
{
  background-position:0px 5px;
}


#calque_principal #calque_4 select#list_deroulante_elibrairie
{
  position:absolute;
  top:555px;
  left:350px;
  z-index:20;
}








/*************************************/
/*      LISTES LIBRAIRIES            */
/*************************************/
/* cadre de FOND */
div#hidden_div_5
{
  position:absolute;
  top:359px;
  left:5px;
  height:338px;
  width:621px;
  background-color:transparent;
  background-image:url(fond_block5.jpg);
  background-repeat:no-repeat;
  background-position:1px 0px;
  z-index:1;
}
/* calque5 : listes des librairies par villes */
#calque_principal #calque_5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	z-index:5;
}
/* calque5 : listes des librairies par villes : titre */
#calque_principal #calque_5 h1
{
  position:absolute;
  top:0px;
  left:0px;
  z-index:2;
  height:36px;
  width:100%;
  background-color:transparent;
  background-image:url(fond4.gif);
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  padding-left:15px;
  padding-top:5px;
  text-align:left;
}
/* calque5 : listes des librairies par villes : nombre de résuultat de recherche */
#calque_principal #calque_5 div#nb_result
{
  position:absolute;
  top:340px;
  left:10px;
  z-index:102;
  width:610px;
  text-align:center;
}
/* BLOC LISTE (hold)*/
#calque_principal #calque_5 div#calque
{
	position:absolute;
	top:365px;
	left:5px;
	overflow:hidden;
	width:613px;
	height:308px;
	z-index:100;
}
/* BLOC LISTE (wm)*/
#calque_principal #calque_5 div.scroll_wm {
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:100;
}
/* BLOC LISTE content)*/
#calque_principal #calque_5 div.content {
  position:absolute;
  visibility:hidden;
  left:0px;
  top:0px;
  z-index:1;
}
/* calque5 : listes des librairies par villes : bloc listes des villes */
#calque_principal #calque_5 div.current_ville
{
  font-size: 9px;
  padding:5px 0 0 15px;
  clear:left;
  float:left;
  width:500px;
}
/* calque5 : listes des librairies par villes : nom de la ville */
#calque_principal #calque_5 div.current_ville a
{
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville */
#calque_principal #calque_5 div.current_ville div.liste_librairie
{
  clear:left;
  float:left;
  display:block;
  width:500px;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : une librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie
{
  clear:both;
  float:left;
  font-weight: normal;
  padding:5px 0 0 20px;
  width:100%;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : nom de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.nom_librairie
{
  clear:both;
  float:left;
  font-weight: bold;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : adresse de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie div.adresse_librairie
{
  clear:both;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : adresse1 de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.adresse1_librairie
{
  clear:left;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : adresse2 de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.adresse2_librairie
{
  clear:left;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : adresse3 de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.adresse3_librairie
{
  clear:left;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : code postal de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.codePostal_librairie
{
  clear:left;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : ville de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.ville_librairie
{
  margin-left:1ex;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : pays de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.pays_librairie
{
  margin-left:1ex;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : telephone de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.telephone_librairie
{
  clear:left;
  float:left;
}
/* calque5 : listes des librairies par villes : bloc listes des librairies par ville : lien de la librairie*/
#calque_principal #calque_5 div.current_ville div.liste_librairie div.current_librairie span.lien_librairie a
{
  clear:left;
  float:left;
  text-decoration: underline;
  background-image:url(picto_carte_loupe.gif);
  background-repeat:no-repeat;
  background-position:right top;
  height:25px;
  padding:6px 40px 0px 0px;
}
/* calque5 : listes des librairies par villes : pas de résultat */
#calque_principal #calque_5 span.no_result
{
  position:relative;
  top:376px;
  left:20px;
}




/*
  FAKE SCROLL BAR : CALQUE 4
*/
/* scrollbar */
#calque_principal #calque_4 div.scrollbar
{
	position:absolute;
	left:600;
	top:370px;
	width:16px;
	height:302px;
	font-size:1px;
	z-index:200;
}
/* fond de la scrollbar */
#calque_principal #calque_4 div.scrollbar div.track
{
	position:absolute;
	left:0;
	top:47px;
	width:16px;
	height:140px;
	background: #336 repeat;
	background-color:transparent;
	z-index:200;
}
/* curseur dans la scrollbar */
#calque_principal #calque_4 div.scrollbar div.dragBar
{
	position:absolute;
	left:1px;
	top:1px;
	width:14px;
	height:20px;
	z-index:100;
  background-image:url(barre_defil.png);
  background-repeat:repeat-y;
}
/* bloc feche du haut pour faire monter la scrollbar */
#calque_principal #calque_4 div.scrollbar div.up
{
  position:absolute;
  left:0;
  top:30;
  z-index:200;
  width:16px;
  height:16px;
  background-image:url(fleche_up.gif);
  background-repeat:no-repeat;
  background-position:top;
}
/* bloc fleche du bas pour faire descendre la scrollbar */
#calque_principal #calque_4 div.scrollbar div.down
{
  position:absolute;
  left:0;
  bottom:98;
  z-index:325;
  width:16px;
  height:16px;
  background-image:url(fleche_down.gif);
  background-repeat:no-repeat;
}
/* END SCROLLBAR CSS CALQUE 4*/


/* retour accueil */
#calque_principal #retour_accueil
{
  position:absolute;
  top:694px;
  left:10px;
  height:20px;
  width:100%;
  z-index:2;
  text-align:center;
}
/* retour accueil : lien */
#calque_principal #retour_accueil a
{
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration:underline;
}


/**********************************/
/*        GOOGLE MAP              */
/**********************************/
/* bloc de la carte de google map */
#calque_principal div#map_content
{
  position:absolute;
  top:365px;
  left:12px;
  height:390px;
  width:600px;
  z-index:2;
  background-color:transparent;
  display:none;
}

/* carte de google map */
#calque_principal #map_content #map
{
  float:left;
  width:604px;
  height:303px;
  border:1px solid #C0C0C0;
}
/* carte de google map : lien */
#calque_principal #map_content a
{
  clear:left;
  float:left;
  margin: 0px 0px 0px 4px;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration:underline;
  width:500px;
}
/* carte de google map : texte de la légende */
#calque_principal #map_content .texteLegende
{
  font-size: 12px;
  color: #000000;
}
/* carte de google map : texte de la légende : nom de la librairie */
#calque_principal #map_content .texteLegende .nom
{
  font-size: 14px;
  font-weight: bold;
}



/*******************************************/
/* partie spécifique à la page html inclue */
/*******************************************/

#calque_principal #calque_hidden2
{
  position:absolute;
  top:645px;
  left:566px;
  height:57px;
  width:57px;
  z-index:20;
  background-image: url(../../../../../GN/html/sites/2/logo_place.gif);
}

/*************************************/
/*    FAKE SCROLL BAR                */
/*************************************/
/* scrollbar */
#calque_principal #calque_5 div.scrollbar_lib
{
	position:absolute;
	left:600;
	top:371;
	width:16px;
	height:302px;
	font-size:1px;
	z-index:200;
}
/* fond de la scrollbar */
#calque_principal #calque_5 div.scrollbar_lib div.track_lib
{
	position:absolute;
	left:0;
	top:12px;
	width:16px;
	height:278px;
	background: #336 repeat;
	background-color:transparent;
	z-index:200;
}
/* curseur dans la scrollbar */
#calque_principal #calque_5 div.scrollbar_lib div.dragBar_lib
{
	position:absolute;
	left:1px;
	top:1px;
	width:14px;
	height:20px;
	z-index:100;
  background-image:url(barre_defil.png);
  background-repeat:repeat-y;
}
/* bloc feche du haut pour faire monter la scrollbar */
#calque_principal #calque_5 div.scrollbar_lib div.up_lib
{
  position:absolute;
  left:0;
  top:-5;
  z-index:200;
  width:16px;
  height:16px;
  background-image:url(fleche_up.gif);
  background-repeat:no-repeat;
  background-position:top;
}
/* bloc fleche du bas pour faire descendre la scrollbar */
#calque_principal #calque_5 div.scrollbar_lib div.down_lib
{
  position:absolute;
  left:0;
  bottom:-5;
  z-index:300;
  width:16px;
  height:16px;
  background-image:url(fleche_down.gif);
  background-repeat:no-repeat;
}