/* ====================================================================
Page principale
pb de positionnement
-------------------------------------------------------------------- 
*/
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
} 
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  text-align: center;
  font-family: Verdana;
/* ====================================================================
pb sur body
  scrollbar-face-color: #3333ff;
  scrollbar-shadow-color: #3333ff;
  scrollbar-highlight-color: #3333ff;
  scrollbar-3dlight-color: #3333ff;
  scrollbar-darkshadow-color: #000066;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
-------------------------------------------------------------------------*/
}

#page {
  text-align: left;
  width: 995px;
  margin: 10px auto 10px auto;
  padding: 0;
  position: relative;
  background: #fff;
/* ====================================================================

Menu arrondi

	border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
-------------------------------------------------------------------- */
}

div#header {
	display: block;
	background-image: url("../images/header_995_97.jpg");
  width: 990px;
	height: 132px;
}
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;
  position: absolute;
  right: 5px;
  top: 35px;
  font-size: 14px ;
  text-transform: uppercase;
  width: 990px;
  color: #ff8000;
}
#bloc_cmd_panier a, #bloc_cmd_panier a:visited, #bloc_cmd_panier a:hover, #bloc_cmd_panier a:focus {
  font-size: 15px ;
  font-weight: bold;
  text-transform: none;
  color: rgb(103, 103, 103);
}
#bloc_cmd img {
  float: right;
  margin: -1px 15px 0 5px;
  padding: 0;
}
#bloc_cmd a, #bloc_cmd a:visited, #bloc_cmd a:hover, #bloc_cmd a:focus {
  font-size: 15px ;
  font-weight: bold;
  text-transform: none;
  color: #ff8000;
}



div#bloc_text_ht {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 17px ;
 word-spacing: 5px;

  margin: 64px 10px 0 125px;
  color: rgb(100, 100, 100);


}



.borduresimple {
border-style : solid ;
}










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

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

}




/* ====================================================================
Menu horizontal
-------------------------------------------------------------------- */

.menu{
	width: 990px;	
	border:none;
	border:0px;
	margin: 50px 0 0 0;

 	padding: 95px 0 0 0;
	font: 50% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
.menu ul{
	background:#003FFF;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#003FFF;
		color:#FFFFFF;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #7CAEFF;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#7CAEFF;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:300px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:300px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:13px;
		font-style:normal;
		margin:0px;
		padding:0px 5px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#0079FF;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		
















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



#bandeau {
	width: 995px;
	height: 40px;
}
#bandeau_recherche {
	float: left;
	width: 254px;
	height: 40px;
	background-image: url(../images/rechercher_415_40.jpg);
	background-repeat:no-repeat;
	padding : 6px 0 0 160px;
}
#bandeau_recherche input {
	font-family: Verdana;
 color: rgb(255,255,255);

font-weight: bold;
	font-size: 13px;
	background-color: #1759FF;
border-style:none;

}
#bandeau_favori {
	cursor : pointer;
	float: left;
	width: 165px;
	height: 40px;
	background-image: url(../images/favori.jpg);
	background-repeat:no-repeat;

}
#bandeau_info {
	float: left;
	width: 380px;
	height: 35px;
	font-family: Verdana;
	font-size: 14px;
	word-spacing: 0px;
	text-align: center;
	font-weight: normal;
}
#bandeau_flash {
	z-index:0;
	margin: 0;
	padding: 0;
	display: block;
	width: 995px;
	height: 120px;

}
#bandeau_recherche_img {
	position: relative;
	top: 5px;
	left: 25px;
	border: 0px solid;
}
	.suggestionsBoxTitre {
		position:absolute;
		z-index:10;
		width: 210px;
		height: auto;
		border: 1px solid #2C70FF;	
		float: left;
		font-family: Verdana;
		font-size: 14px;
		left: 160px;
		top: 160px;
		margin: 10px 10px 0px 0px;
		background-color: #E1EEFF;
	}
	.suggestionsBoxAuteur {
		position:absolute;
		z-index:10;
		width: 210px;
		height: auto;
		border: 1px solid #2C70FF;	
		float: left;
		font-family: Verdana;
		font-size: 14px;
		left: 380px;
		top: 160px;
		margin: 10px 10px 0px 0px;
		background-color: #E1EEFF;
	}
	.suggestionTitre {
		padding: 10px 0px 10px 5px;
		background-color: #2C70FF;
		border-bottom: 1px solid #2C70FF;
		color: white;
	}
	.suggestionList {
		display: block;
		width: 190px;
		height: auto;
		padding: 10px 0px 10px 5px;
		color: #3A4680;
		float: left;
		background-color: #E1EEFF;
	}
	.suggestionList ul {
		width: 190px;
		height: auto;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.suggestionList li {
		margin: 0px 0px 3px 0px;
		padding: 0;
		width: 190px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		width: 190px;
  color: white;

		background-color: #60B7FF;
	}
















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




}














/* ====================================================================
Corps du document - Bloc Haut et bas
-------------------------------------------------------------------- */
.bloc_haut {
 display: block;
 margin: 45px 0 0 0;
 padding: 0 0 0 0;
 width: 995px;
 height: 305px;
 border: 0;
}
.bloc_haut hr {
  margin: 10px 20px 10px 0;
  height: 1px;
  color: rgb(120, 120, 120);
}
.bloc_haut H2{
 margin: 4px 0 0 21px;
 padding: 6px 0 0 0;

 font-size: 16px;
 color: rgb(255,255,255);
  font-weight: bold;
 font-style: regular;
}
.bloc_haut H3{
 margin: 2px 0 0 21px;
 font-size: 16px;
 color: rgb(0,0,0);
 font-weight: bold;
 font-style: italic;


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















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


background-image: url("../images/bloc_360_305.jpg");
 height: 305px;


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

}

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

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

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

margin: -2px 0px 0 0px;


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

margin: -2px 0px 0 0px;


 height: 60px;
}
.bloc_1_selection h4 {
 font-size: 14px;
 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: 14px;
word-spacing: -2px;

font-weight: bold; 
 margin: 0 0 0 0;
}
.bloc_1_selection p {
 font-size: 15px;
text-align: justify;
word-spacing: -3px;

 font-style: italic;
 margin: 0px 20px 10px 4px;
 padding: 2px 0 0 10px;
}
.bloc_2 {
 float: left;
 margin: 0 0 0 0px;
 padding: 0 0 0 0;
 width: 248px;
 border: 0;

background-image: url("../images/bloc_248_305.jpg");
 height: 305px;


}
.bloc_2 img{
 border: 0px;
 height: 240px;
 width: 235px;
 margin: -5px 0px 0px 3px;
}
.bloc_2 H3{
 color: rgb(0,0,0);
}
.bloc_2_haut_entete {
 background-image: url("../images/bloc_promo_248_60.jpg");
 height: 60px;
 margin: -3px 0px 0px 0px;

}
.bloc_2_bas_entete {
 background-image: url("../images/bloc_promo_248_60.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: middle;
 width: 28px;
 height: 20px;
 margin: -1px 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 0 -40px 0;
 padding: 0 0 0 0;
 width: 995px;
 height: 340px;
 border: 0px solid black;

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



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

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

 color: rgb(0,0,0);
 font-weight: bold;
 font-style: italic;
}
.bloc_3_entete {
 background-image: url("../images/bloc_centre_995_60.jpg");
 height: 60px;
}
.bloc_3_selection {
 float: left;
 margin: 5px 0 0px 5px;
 padding: 0 0 0 0;
 border-right: solid 1px rgb(150, 150, 150);
 height: 250px;
 width: 117px;
 text-align: center;
}
.bloc_3_selection img{
 border: 1px solid;
 border-color:#878787;
 /*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: 11px ;
 text-transform: none;
 color: black;
}
.bloc_3_selection p {
 margin: 4px 0 0 0;
 font-size: 15px;
}
.bloc_3_selection_dernier {
 float: left;
 text-align: center;
 margin: -10px 0 0 0;
 border: 0;
 width: 90px;
}
.bloc_3_selection_dernier img{
 border: 1px solid;
 height: 90px;
 width: 90px;
 margin: 60px 0px 0px 10px;
}
.bloc_3_selection_dernier p {
 margin: 10px 10px 10px 10px;
 font-size: 15px;


}













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

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


background-image: url("../images/bloc_rubrique_995_90.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: 251px;
 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 {
 font-size: 12px;
word spacing: -2px;
 font-weight: bold;
font-style: italic;
color: rgb(11,83,168);
 margin: 15px 20px 2px 15px;
 padding: 0 0 0 0;


}
.minibloc h2 {
 font-size: 13px;
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: 13px;
 font-weight: bold;
font-style: regular;
color: rgb(120,120,120);
 margin: 15px 15px 8px 117px;


}
.minibloc h4 {
 font-size: 13px;
word-spacing: -2px;

text-align: left;
 font-weight: normal;
font-style: italic;
color: rgb(120,120,120);
 margin: 15px 15px 8px 117px;




}
.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: 16px;
 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: 17px;
 font-weight: bold;
font-style: italic;
color: rgb(0,0,0);
 margin: -16px 0px 0px 64px;
 padding: 0 0 0 0;



}























/* ====================================================================
Pied de page
-------------------------------------------------------------------*/
#copyright {
 margin: 20px 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);
}