
a:link {text-decoration: none; color: #000000;}, a:visited, a:active, a:hover {
	text-decoration: none; color: #000000;
} 
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  text-align: center;
  font-family: Verdana;

}

#page {

  text-align: center;
  width: auto;
  margin: auto;
  padding: 0;
  position: relative;
	background-image: url("../images/fond_page.jpg");
background-repeat: repeat-x;



}

div#header {
	display: block;
  background-position: center;

width: auto;
	height: 130px;

}
div#bloc_maj {
  text-align: right;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 10px ;
  color: white;
  width: 990px;

}

div#bloc_cmd {

  margin: 0;
  padding: 0;
  text-align: right;
float: right;
  position: relative;
  right: 5px;
  top: 3px;
  font-size: 11px ;
  text-transform: uppercase;
  width: 400px;
  color: #000000;
z-index: 9999;

	background-image: url("../images/fond_panier.png");
background-repeat: no-repeat;
background-position: 100% 100%;

}
#bloc_cmd_panier a, #bloc_cmd_panier a:visited, 

#bloc_cmd_panier a:hover, #bloc_cmd_panier a:focus {
  font-size: 12px ;
  font-weight: bold;
  text-transform: none;
  margin: 0px 0px 0 5px;

  color: rgb(0, 0, 0);
}
#bloc_cmd img {
  float: right;
  margin: 5px 8px 0 10px;
  padding: 0;
}
#bloc_cmd a, #bloc_cmd a:visited, #bloc_cmd a:hover, #bloc_cmd a:focus {
  font-size: 11px ;
  font-weight: bold;
  text-transform: none;
  color: #FFFFFF;
}



div#bloc_text_ht {
  position: absolute;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 13px ;
 font-weight: bold;
 margin: 70px 130px 0px 17px;

  color: rgb(255, 255, 255);

}



.borduresimple {
border-style : solid ;
}










/* ====================================================================
Menu principal Haut
-------------------------------------------------------------------- */

#info {
 margin: 200px 0 2px 0;
 padding: 0px 0 2px 0;
 text-align: right;
 font-size: 15px;
 word-spacing: 0px;
 font-weight: normal;
 font-style: italic;

}





#menu {
height:50px;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
color:#000000;
background-color : red;
background-image : none;


}
#menu li {
float:left;

margin:auto;
padding:0;

background-image: url("http://www.largevision.fr/duplicata/images/out.png");


}
#menu li a {
display:block;
width:100px;
color: #000000;
text-decoration:underline;

padding:5px;



}
#menu li a:hover {

text-decoration: underline;
color:#FFD700;





}
#menu ul li ul {
display:none;
background-color : #707070;
background-image : #none;


}
#menu ul li:hover ul {
display:block;
background-color : #707070;
background-image : #none;

}
#menu li:hover ul li {
background-image: url("http://www.largevision.fr/duplicata/images/over.png");
border: 1px solid;
border-top: 0px;
border-color: #51ACFF;
float:none;






}

#menu li ul {
 position:absolute;
 }

























/* ====================================================================
Corps du document - Bandeau
-------------------------------------------------------------------- */



#bandeau {
	width: 995px;
	
}

#bandeau_bouton_ok {
	float: left;
	margin-top: -7px;
margin-left: -140px;
z-index: 10000;
}

#bandeau_recherche {
float: left;

	width: 375px;
	height: 20px;
	margin: 0px 0px 0px 0px;

	
	padding : 0 0 0 0;
}
#bandeau_recherche input {
	font-family: Verdana;
 color: rgb(82,173,255);
position: absolute;
font-weight: bold;
	font-size: 10px;
letter-spacing: 0px;
margin-top: 0px;
margin-left: 0px;
	background-color: transparent;
border-style:none;

}
#bandeau_favori {
	cursor : pointer;
	float: left;
	width: 138px;
	height: 40px;
	margin: 0px 0px 0px 0px;

	background-image: url(../images/favori.jpg);
	background-repeat:no-repeat;


}
#zone_haut_gauche {
	float: right;
	width: 170px;
	height: 8px;
	margin: 0px 40px 0px 0px;
	font-family: Verdana;
	font-size: 10px;
	word-spacing: 0px;
	text-align: right;
	font-weight: bold;








}
#bandeau_paiement {
text-align: right;	
float: right;
	width: 375px;
	height: 40px;
	margin: 0px 0px 0px 0px;

font-size: 10px;






}
#bandeau_info {
	float: left;
	width: 380px;
	height: 35px;
		margin: 100px 0px 0px 0px;

	font-family: Verdana;
	font-size: 12px;
	word-spacing: 0px;
	text-align: center;
	font-weight: bold;
 color: rgb(8,100,194);
}
#bandeau_flash {
	z-index:0;
	margin: 35px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	width: 995px;
	height: 150px;

}
#bandeau_recherche_img {
	position: relative;
	top: 5px;
	left: 10px;
	border: 0px solid;
}
	.suggestionsBoxTitre {
		position:absolute;
		z-index:10000;
		width: 230px;
		height: auto;
		border: 1px solid #000000;	
		float: left;
text-align: left;
		font-family: Verdana;
		font-size: 11px;
		line-height: 14px;
		left: 130px;
		top: 135px;
		margin: 15px 10px 0px 0px;
		background-color: #FFFFFF;
	}
	.suggestionsBoxAuteur {
		position:absolute;
		z-index:10000;
		width: 230px;
		height: auto;
		border: 1px solid #000000;	
		float: left;
	text-align: left;
		font-family: Verdana;
		font-size: 11px;
		line-height: 14px;
		left: 370px;
		top: 135px;
		margin: 15px 10px 0px 0px;
		background-color: #FFFFFF;

	}
	.suggestionTitre {
		padding: 5px 0px 5px 5px;
		background-color: #51ACFF;
		border-bottom: 1px solid #AED2FF;
		color: white;
		font-weight: bold;
	}
	.suggestionList {
		display: block;
		width: 190px;
		height: auto;
		padding: 5px 0px 10px 5px;
		color: #000000;
		float: left;
		background-color: #FFFFFF;
	}
	.suggestionList ul {
		width: 190px;
		height: auto;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.suggestionList li {
		margin: 0px 0px 2px 0px;
		padding: 0;
		width: 230px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		width: 230px;
  		color: #51ACFF;

	
	}
















/* ====================================================================
Corps du document - Bloc pub haut
-------------------------------------------------------------------- */
.bloc_pub {
 display: block;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 width: 995px;
 height: 150px;
 border: 0;




}














/* ====================================================================
Corps du document - Bloc Haut et bas
-------------------------------------------------------------------- */
.bloc_haut {
 display: block;
position: relative;
 margin: -15px 0px 20px 0;
 padding: 0 0 0 0;
 width: 995px;
 height: 185px;
 border: 0;





}
.bloc_haut hr {
  margin: -5px 5px 5px 0;
  height: 1px;
width: 90px;
  color: rgb(120, 120, 120);


}
.bloc_haut H1{
 margin: -10px 0 0 15px;
 padding: 5px 0 0 0;
 width: 480px;

 font-size: 12px;
 color: rgb(255,255,255);
  font-weight: bold;
text-align: left;
 font-style: regular;



}
.bloc_haut H2{
text-align: left;
float: left;
 margin: 8px 0 0 21px;
 padding: 0px 0 0 0;
word-spacing: -1px;
 font-size: 12px;
 color: rgb(255,255,255);
  font-weight: bold;
 font-style: regular;
 width: 480px;

}
.bloc_haut H3{
 margin: 0px 0 0 21px;
 font-size: 12px;
word-spacing: -2px;
 color: rgb(0,0,0);
 font-weight: normal;
 font-style: regular;
 width: 270px;



}
.bloc_haut H6{
 margin: -25px 15px 0 0;
text-align: justify;
word-spacing: -3px;
 font-size: 12px;
 color: rgb(120,120,120);
 font-weight: bold;
 font-style: regular;




















}
.bloc_1 { 
 float: left;
 margin: 0 0px 0 0px;
 width: 495px;


background-image: url("../images/bloc_petit.png");
 height: 190px;


}
.bloc_1 img{
 border: solid 1px black;
 /*height: 155px;
 width: 90px;*/
 float: left;
 margin: 5px 10px 0px 20px;

}


.bloc_1_nouveaute_entete {
 background-image: url("../images/bloc_nouveau_tete.jpg");
 margin: -2px 0px 0 0px;

 height: 25px;
}
.bloc_1_magazine_entete {
 background-image: url("../images/bloc_mag_tete.jpg");
 margin: -2px 0px 0 0px;

 height: 25px;
}
.bloc_1_almanach_entete {
 background-image: url("../images/bloc_almanach_tete.jpg");

margin: -2px 0px 0 0px;


 height: 25px;
}
.bloc_1_motscroises_entete {
 background-image: url("../images/bloc_motscroises_tete.jpg");

margin: -2px 0px 0 0px;


 height: 60px;

}
.bloc_1_selection h4 {
 font-size: 12px;
 font-weight: normal;
word-spacing: -3px;
font-style: italic;
color: rgb(0,0,0);
 margin: 8px 0 0 10px;

}
.bloc_1_selection h5 {
 font-size: 12px;
word-spacing: -2px;

font-weight: bold; 
 margin: 0 0 0 0;
}
.bloc_1_selection p {
 height: 130px;
font-size: 12px;
text-align: justify;
word-spacing: -1px;
 font-style: italic;
 margin: 2px 20px 0 0;
 padding: 0 0 0 0;
}



.bloc_2 {
 float: right;
 margin: 0 0 0 0px;
 padding: 0 0 0 0;
 width: 420px;
 border: 0;
background-image: url("../images/bloc_moyen.jpg");
 height: 200px;


}
.bloc_2 img{
 border: 0px;
 
height: 150px;
 width: 420px;
 margin: 0px 0px 50px 0px;
}
.bloc_2 H3{
 color: rgb(0,0,0);
}



.bloc_2_selection h2 {
 font-size: 10px;
word-spacing: 0px;
font-weight: bold; 
 margin: 0px 0 0 30px;

}
.bloc_2_selection p {
 width: 240px;
font-size: 10px;
float: right;
text-align: justify;
word-spacing: -4px;

 font-style: italic;
 margin: -8px 15px 0px 9px;
}




.bloc_2_haut_entete {
 background-image: url("../images/bloc_promo_tete.jpg");
 height: 60px;
width: 420px;
 margin: -3px 0px 0px -6px;

}
.bloc_2_bas_entete {
 background-image: url("../images/bloc_promo_tete.jpg");
 height: 60px;
 margin: -2px 0 13px 0;
}
/* ====================================================================
Corps du document - bas
-------------------------------------------------------------------- */
p#bloc_1_cmd_droite a, p#bloc_1_cmd_droite a:visited, p#bloc_1_cmd_droite a:hover, p#bloc_1_cmd_droite a:focus {
 font-size: 11px ;
 font-weight: bold;
 color: blue;
 font-style: italic;
 text-decoration: none;
}
p#bloc_1_cmd_gauche a, p#bloc_1_cmd_gauche a:visited, p#bloc_1_cmd_gauche a:hover, p#bloc_1_cmd_gauche a:focus {
  font-size: 11px ;
  font-weight: bold;
  text-decoration: none;
  font-style: italic;
  color: red;
}
div#bloc_1_bas {
 float: left;
 width: 282px;
 height: 20px;
 margin: 1px 0 1px 0;
 padding: 0 0 0 0;
}
p#bloc_1_cmd_gauche { 
 vertical-align: center;
 width: 192px;
 float: left;
 margin: 0 0 0 0;
 font-size: 11px ;
 font-weight: bold;
 color: red;
 font-style: italic;
}

p#bloc_1_cmd_gauche img {
 border: 0px;
 position: relative;
 vertical-align: left;
 width: 28px;
 height: 20px;
 margin: -10px 2px 0 1px;
 padding: 0;
}
p#bloc_1_cmd_droite {
 width: 90px;
 float: left;
 position: relative;
 text-align: right;
 margin: 0 0 0 0;
 font-size: 11px ;
 font-weight: normal;
 color: blue;
 font-style: italic;
}
p#bloc_1_cmd_droite img {
 border: 0px;
 position: relative;
 vertical-align: middle;
 margin: -1px 5px;
 width: 28px;
 height: 20px;
 padding: 0;
}


/* ====================================================================
bloc central
-------------------------------------------------------------------- */











.bloc_3 {
 /*display: block;
 float: left;*/
 margin: 10px 0px 0 0;
 padding: 0 0 0 0;
 width: 495px;
 height: 415px;
 border: 0px solid black;

 background-image: url("../images/bloc_grand.png");



}
.bloc_3 H2{
 float: left;
 margin: 8px 0px 0 21px;
 padding: 4px 0 0 0;

 font-size: 13px;
 color: rgb(0,0,0);
 font-weight: bold;
}
.bloc_3 H3{
 
 font-size: 13px;
 margin: 16px 10px 0 21px;

 color: rgb(0,0,0);
 font-style: italic;
}
.bloc_3_entete {
 background-image: url("../images/bloc_catalogue_tete.jpg");
 height: 60px;
}
.bloc_3_selection {

}
.bloc_3_selection img{
 border: 1px solid;
text-align: center;
 border-color:#000000;
 /*height: 155px;
 width: 90px;*/
 margin: 10px 0 0 0;
}

.bloc_3 a, .bloc_3 a:visited, .bloc_3 a:hover, .bloc_3 a:focus {
 text-decoration: none;
 font-size: 12px ;
 text-transform: none;
 color: black;
}
.bloc_3_selection p {
 margin: 0 0 0 0;
text-align: center;
  font-size: 12px;
line-height: 12px;
letter-spacing: -1px;
 color: rgb(120,120,120);
 font-weight: bold;
 font-style: regular;



}







.bloc_3_pub_flash {

text-align: right;
 float: right;
position: relative;
 margin: 10px -50px -50px -50px;
 padding: 0 0 0 0;
 width: 200px;
 height: 415px;
 border: 0px solid black;
 background-image: url("../images/bloc_grand.png");

























/* ====================================================================
Liste des livres - Minibloc livre
-------------------------------------------------------------------- */










}
.fond_rubrique { 
 float: left;
 margin: 0 0 0 0;
 width: 995px;
 height: 90px;


background-image: url("images/fond_livre_250_320.jpg");

}
.fond_rubrique h1 {
 font-size: 16px;
 font-weight: bold;
word-spacing: -2px;
font-style: regular;
color: rgb(255,255,255);
 margin: 15px 0px 0px 75px;
 padding: 0 0 0 0;

}
.fond_rubrique h2 {
 font-size: 17px;
 font-weight: normal;
font-style: italic;
word-spacing: 1px;
color: rgb(0,0,0);
 margin: -18px 0px 0px 75px;
 padding: 0 0 0 0;



}
.minibloc_page {
 display: block;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 width: 995px;
 border: 0;





}
.minibloc { 
 float: left;
 margin: 0 0 0 0;
 width: 250px;
 height: 335px;


background-image: url("../images/bloc_livre_251_335.jpg");


}
.minibloc img{
 border: 1px;
 border-color: #676767;
 /*height: 155px;
 width: 90px;*/
 float: left;
 margin: 5px 4px 0px 20px;
 border : none;

}
.minibloc h1 {
 height: 52px;
 width: 180px;
vertical-align: bottom;
 font-size: 13px;
word spacing: -3px;
 font-weight: bold;
font-style: italic;
color: rgb(255,255,255);
 margin: 15px 0px 0px 20px;
 padding: 0 0 0 0;


}
.minibloc h2 {
 font-size: 12px;
word spacing: -2px;

 font-weight: bold;
font-style: regular;
word-spacing: -2px;
color: rgb(0,0,0);
 margin: 0px 5px 8px 15px;


}
.minibloc h3 {
 font-size: 12px;
 font-weight: bold;
font-style: regular;
color: rgb(120,120,120);
 margin: 15px 15px 8px 117px;


}
.minibloc h4 {
 font-size: 12px;
word-spacing: -2px;
text-decoration: none;

text-align: left;
 font-weight: normal;
font-style: italic;
color: rgb(0,0,0);
 margin: 2px 18px 2px 80px;




}
.minibloc lh {
 font-size: 14px;
 font-weight: normal;
font-style: italic;
color: rgb(255,130,0);
 margin: 15px 15px 8px 0;

}
.minibloc lb {
 font-size: 12px;
 font-weight: normal;
font-style: italic;
color: rgb(0,0,0);
 margin: 15px 15px 8px 0;




}
.minibloc p {
 font-size: 15px;
text-align: justify;
 font-style: italic;
 margin: 5px 10px 0 0;
 padding: 0 0 0 0;
width: 120px;
 height: 300px;
}










/* ====================================================================
Fiche livre
-------------------------------------------------------------------- */
}
div#fiche_haut {
 float: left;
 width: 995px;
 height: 50px;
background-image: url("../images/fiche_haut_995_90.jpg");

}
 
.fiche_livre lettrine{
 border: 1px;
 height: 55px;
 width: 55px;
 float: left;
 margin: 10px 10px 0px 20px;

}


.fiche_haut h1 {
 font-size: 14px;
 font-weight: normal;
word-spacing: -2px;
font-style: regular;
color: rgb(120,120,120);
 margin: 0px 0px 0px 0px;
 padding: 0 0 0 0;

}
.fiche_haut h2 {
 font-size: 16px;
 font-weight: normal;
word-spacing: -2px;
font-style: regular;
color: rgb(0,0,0);
 margin: 12px 0px 0px 55px;
 padding: 0 0 0 0;


}
div#fiche_centre {
 float: left;
 width: 995px;
background-image: url("../images/fiche_milieu_995_10.jpg");

}
 
.fiche_centre h1 {

width: 500px;
 font-size: 12px;
 font-weight: normal;
word-spacing: -2px;
font-style: regular;
color: rgb(125,15,120);
 margin: 12px 0px 0px 55px;
 padding: 0 0 0 0;

}


p#fiche_centre {
 border: 0px;
 position: relative;
 vertical-align: left;
 width: 550px;
 

 margin: -1px 2px 0 1px;
 padding: 0;



}








/* ====================================================================
Paiement
-------------------------------------------------------------------- */

}
.fond_paiement { 
 float: left;
 margin: 0 0 0 0;
 width: 995px;
 height: 90px;


background-image: url("../images/bloc_paiement_995_90.jpg");

}
.fond_paiement h1 {
 font-size: 15px;
 font-weight: bold;
font-style: regular;
color: rgb(255,255,255);
 margin: 15px 0px 0px 64px;
 padding: 0 0 0 0;

}
.fond_paiement h2 {
 font-size: 15px;
 font-weight: bold;
font-style: italic;
color: rgb(0,0,0);
 margin: -16px 0px 0px 64px;
 padding: 0 0 0 0;



}























/* ====================================================================
Pied de page
-------------------------------------------------------------------*/




.bloc_pied {
 display: block;
position: relative;
 margin: 0px 0px 0px 0;
 padding: 0 0 0 0;
   border: 0;
height: 185px;
background-image: url("../images/fond_bas.jpg");
background-repeat: repeat-x;
color: rgb(81, 172, 255);


}
.bloc_pied p{
 margin: 0px 0 0 0px;
 padding: 5px 0 0 0;
 

 font-size: 10px;
 color: rgb(255,255,255);
  font-weight: bold;
text-align: center;
position: relative;


 font-style: regular;




}





#copyright {
 margin: 30px 0 0 0;
 padding: 0 0 0 0;
 text-align: center;
 font-size: 11px;
 font-weight: normal;
 font-style: regular; 
 color: rgb(120, 120, 120);
}

