/* CSS Document */
/* style new accueil */
/*************************/
*{
	margin:0 auto; /* pour centrer la page */
	padding:0;
	
}

.backgroundPopUpJacTest {

	background-image:url(images/test/popUp_Jacquette.png);
	background-repeat:no-repeat;
}
.chapo {color:#000000;font-style:normal;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;padding-top:7px;padding-bootom:2px;padding-left:5px;text-align:left;}
a.chapo {padding-left:2px;text-align:left;}
.backgroundPoPupTitre {
background-image:url(images/test/popUpDescriptif.png);
background-repeat:no-repeat;
}
.blanc{color:#FFFFFF};
.contenuBtnAjouterPrixBas{
	width:70px;
	position:absolute;
	top:45px;
	left:00px;
	clear:both; /* pour IE !! */
	
}

.contenuBtnAjouterPrix{
	width:70px;
	position:absolute;
	top:35px;
	left:00px;
	clear:both; /* pour IE !! */
}

/*bloc navigation gauche */
.navigationGauche {

margin-left:38px;
width:180px;

}
.navigationDroite {

width:180px;
left:995px;
}
/* LES BLOCS */
/* ********* */
/*          */

/* blocs a gauche de navigation*/
/********************************************/

.AccueilContaintGauche{
		
		width:					176px;
		margin-left:			5px;
		margin-right:			5px;
		text-align:				center;
		border:					1px solid #CCCCCC;
		margin-bottom:			15px;
		margin-top:				5px;

}

/* style identidque au conteneur du dessus mais les a de AccueilContaintGauche sont différents*/ 
.AccueilContaintGaucheProposition{
	
		width:					176px;
		text-align:				center;
		border:					1px solid #CCCCCC;
		margin-left:			5px;
		margin-right:			5px;
		margin-bottom:			15px;
		margin-top:				5px;

}

/* bloc a droite*/
/********************************************/
.AccueilContaintDroite{
		
		width:					177px;
		text-align:				center;
		border:					1px solid #CCCCCC;
		margin-left:			6px;
		margin-right:			5px;
		margin-top:				5px;
		margin-bottom:			15px;
		/*padding-bottom:	-30px;*/
	
}
/* bloc a droite -recrutement - */
/********************************************/
.AccueilContaintDroiteRecrutement{
		
		width:					177px;
		text-align:				center;
		margin-left:			6px;
		margin-right:			5px;
		margin-top:				-10px;
		margin-bottom:			15px;

}


/* bloc page genre */
/*********************************************/

.blocGenreGaucheCollection {

		float:					left;
		width:					39%;
		height:					100%;
		border:					1px solid #CCCCCC;
		margin-bottom:			20px;	

}
.blocGenreDroiteCollection {

		float:					right;
		width:					39%;
		height:					100%;
		border:					1px solid #CCCCCC;
		margin-bottom:			10px;	

}
.blocConteneurCollection{
	width:86%;
	margin-left:7%;
	margin-bottom:20px;


}

.blocGenreRechercheLettre {

		width:					86%;
		height:					100%;
		border:					1px solid #CCCCCC;
		margin:0 auto;
		text-align:center;
		clear:both;
		margin-bottom:20px;
	
	
}





.contenuGenre {
		padding-top: 			10px;
		padding-left: 			10px;	
		padding-bottom: 		10px;
		

}

.contenuGenre  ul li{
	
	line-height: 				20px;
	list-style:					circle;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					12px;
	font-weight:				100;
}


/* blocs au centre*/
/********************************************/
.AccueilContaintCentre{
	
		width:					377px;
		height:					auto;
		overflow:				hidden;
		left :					-175px;
		clear:					both;
		margin-top:				6px;
		margin-bottom:			20px;
}

.AccueilContaintCentreActu{
		margin-top:				6px;
		margin-bottom:			20px;
		width:					377px;
		/*border:					1px solid #666666;/*/
		height:					auto;
		overflow:				hidden;
		left:						-175px;
		clear:					both;

}
/* sous bloc grande jacquette */
/*********************************************/

 .contenuBlocGrandeJacquette{ 
		  overflow: 			hidden; /* POUR QUE LA JACQUETTE NE SORTE PAS DU CONTENU*/ 
		  margin-bottom: 		10px; 
		  width: 				98%; 
		  height:				100px; 
		  margin-top:			5px; 
		  padding-left:      2px;
		  padding-top: 		5px;
		  margin-bottom:		0px;
 } 

.GrandeJacquette{
	 	position:				relative;
		float: 					left;
		margin-top: 			5px;
		margin-left : 			2px;
		margin-right:			0px;
		margin-bottom:			10px;
		border:					#333333 1px solid;
		width:					50px;
		height:					auto;
}
.GrandeJaquetteCarroussel{
	 	position:				relative;
		margin-top: 			5px;
		margin-left : 			2px;
		margin-right:			0px;
		margin-bottom:			10px;
		border:					#333333 1px solid;
		width:					auto;
		height:					auto;
}
.contenuPrixTitreGrandeJacquette{
		position:				relative;	
		float:					left;
		width:					110px;
		height:					89px;
		margin-left:			5px;
}

.btnAjouter{
	width:					80px;
	position:				absolute;
	top:						30px;
	left:						0;
	z-index:					4;
	margin:					0 0 0 0;
	padding:	            0 0 0 0;
	

}

/* sous bloc petite jacquette */
/*********************************************/
.contenuBlocPetiteJacquette{

		overflow:				hidden; /* POUR QUE LA JACQUETTE NE SORTE PAS DU CONTENU*/
		height:					auto;
		padding-left:        2px;
		padding-bottom:      5px;
		margin-top : 			5px;
		width:					auto;
}


.PetiteJacquette{
	
		float: 					left;
		margin-top: 			5px;
		margin-left: 			2px;
		border:					#333333 1px solid;
		width:					25px;
		height:					auto;
		clear:					both;

}

.contenuPrixTitrePetiteJacquette {
		
		float:					left;
		width:					140px;
		height:					33px;
		
}

/* SOUS RUBRIQUE */
/*********************************************/

.flottantRubrique {
	
		width:					377px;
		margin-top:				5px;
		margin-bottom:			5px;
		margin-left:			7px;
		margin-right:			7px;
	
}

.btnAjouterBas{

	width:					105px;
	position:				absolute;
	top:						30px;
	left:						00px;
	z-index:1;
	
}



.titreBlocGenre {

	border-bottom : 		1px #cccccc solid;
	color:					#FF6600;
	font-weight:			bold;
	font-size:				13px;
	text-align:          left;
	padding-left:        4px;
}

.RubriqueGenreGauche {

		text-align:				center;
		float:					left;
		width:					176px;
		text-align:				center;
		border:					1px solid #666666;
		overflow:				hidden;
		margin-left:			1px;
		margin-right:			4px;

}

.RubriqueGenreBas {
		
		float:					left;
		width:					375px;
		text-align:				center;
		border:					1px solid #cccccc;
		margin-top:				5px;
		margin-bottom:			10px;

}

.contenuBlocGrandeJacquetteBas{

		float:					left;
		width:					53%;
		height:					100%;
		padding-left:        2px;
		margin-top:				5px;	
		margin-bottom:			10px;
		margin-left : 			0px;
	
}
.contenuBlocCarroussel{

		float:					left;
		width:					300px;
		height:					100%;
		padding-left:        2px;
		margin-top:				5px;	
		margin-bottom:			10px;
		margin-left : 			0px;
	
}

.contenuBlocPetiteJacquetteBas{

		overflow:				hidden;
		float:					left;
		width:					45%;
		height:					50px;
		margin-top:				0px;
		margin-left:			5px;
		
}

.contenuPrixTitrePetiteJacquetteBas {
		
		float:					left;
		margin-right:			-150px;
		width:					80px;
		height:					30px;
		
}

.contenuPrixTitreGrandeJacquetteBas {
		position:				relative;	
		float:					left;
		width:					135px;
		height:					89px;

}
.contenuPrixTitreGrandeJacquettecaroussel{
		position:				relative;	
		float:					left;
		width:					140px;
		height:					89px;

}

/* general */
/********************************************/

.titreBloc {

		font-family:			Geneva,"Arial", Helvetica, sans-serif;
		line-height:			18px;
		height:					18px;
		padding-left : 		3px;
		padding-right: 		3px;
		border:					#666666 solid 1px;
		font-size:				12px;
		color:					#ffffff;
		background-image:		url(images/fond_categ_accueil.jpg);
		background-repeat:	repeat;
		text-align:				center;
		font-weight:			bold;
		letter-spacing: 		1px;


}
.titreBloc a,.titreBloc a:hover{

		font-family:			Geneva,"Arial", Helvetica, sans-serif;
		line-height:			18px;
		height:					18px;
		padding-left : 		3px;
		padding-right: 		3px;
		border:					#FFFFFF solid 0px;
		font-size:				12px;
		color:					#FFFFFF;
		background-image:		url(images/fond_categ_accueil.jpg);
		background-repeat:	repeat;
		text-align:				center;
		font-weight:			bold;
		letter-spacing: 		1px;
		
		


}
/*
.titreBlocLVP {

		font-family:			Geneva, Arial, Helvetica, sans-serif;
		vertical-align:		middle;
		line-height:			12px;
		height:					23px;
		padding-left : 		3px;
		padding-right: 		3px;
		border-bottom:			#666666 solid 1px;
		font-size:				12px;
		color:					#ffffff;
		background-image:		url(images/fond_categ_accueil.jpg);
		background-repeat:	repeat;
		font-weight:			bold;
		text-align:				center;
		padding-bottom:		2px;
		letter-spacing: 		1px;

}
*/
.contenuBloc {

 		vertical-align:		top;
		font-size:				12px;
		text-align:				left;
		background-color:		#FFFFFF;
		height:					100%;
		padding:	      	   1px;
		 /* POUR QUE LA JACQUETTE NE SORTE PAS DU CONTENU*/
		
}

.auteurJour {
		
		color:					#121c3e;
		text-transform:      capitalize;
		font-size:				13px;
		padding:	            10px 5px 10px 2px;
}	


/** LIENS **/


a:hover {
		color:					#FF6600;
}		
.lienAutres {
		text-align:				right;
}

.titreBlocGenre a, .titreBlocGenre a:hover{
		/*border-bottom: 		1px #cccccc solid;*/
		color:					#FF6600;
		font-weight:			bold;
		font-size:				13px;
		text-align:          center;

}

.lienVoirGenre a {

		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				11px;
		color:					#000000;
		font-weight:			500;
		text-align:				rigtt;
		line-height:			5px;	
}
.lienVoirGenre a:hover {
	color:#FF6600;
}
.lienVoirGenre{

		padding: 				5px 5px 5px 2px;
		text-align:				right;
		height:					11px;
		/*border-top:				solid 1px #CCCCCC;*/
		font-size:				11px;

		vertical-align:		bottom;
		position:				relative;
		clear:					both;
		color:					#FFFFFF;
	
}

.lienRubriqueBleu,.lienRubriqueBleuAuteur{
		/*background-image:		url(images/fond_rubriqueBleuBas.jpg);*/
		background-repeat:	repeat;
		padding : 				3px 5px 3px 5px;
		text-align:				center;
		height:					auto;
		border-top:				solid 1px #CCC;
		font-size:				11px;
		clear:					both; /* pour la partie basse que le paragraphe se trouve bien en dessous */
		/*background-color:		#C9D0E6;*/
		position:				relative;
		color:					#121C3E;
		margin-top:5px;
		
}

.lienRubriqueBleu a, .lienRubriqueBleu a:hover
 {
		
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				11px;
		color:					#121C3E;
		text-align:				left;
		vertical-align:		text-top;
		line-height: 25px !important;


}
.lienRubriqueBleuAuteur a, .lienRubriqueBleuAuteur a:hover
 {
		
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		font-size:				11px;
		color:					#121C3E;
		text-align:				left;
		vertical-align:		text-top;
		height:					30px;
	
	
}

.AccueilContaintGauche a {

	/*background-color:		#FDF8F4;*/
		height:					18px;
		display:					block;
		line-height:			19px;
		text-decoration:		none;
		color:					#333333;
		padding-bottom:		2px;
		padding-top:			2px;
		padding-left:			2px;
		border-bottom : 		2px #E8E8E8 dotted;
	
}
/* liens de tous les conteneurs : noir : soulignés orange*/
.AccueilContaintDroite a:hover, .AccueilContaintCentre a:hover, .AccueilContaintGaucheProposition a:hover {
		/*background-color:		#E6D7CA;*/
		color:					#FF6600;
}
a.lienBulletin:hover{color:					#FF6600; text-decoration:none;}
/* liens cote gauche */
.AccueilContaintGauche a:hover {
		/*background-color:		#E6D7CA;*/
		color:					#D87103;
		padding-left:			2px;
		border-right: 			 #FFAF47 solid 4px;
		
}
		
.lienHistorique a, .lienHistorique a:hover {
		color : 					#C56600;
		text-decoration:		none;	
		padding-left:  	   65px;

}

a.auteurJour:hover, a.auteurJour {

		color:					#FF6600;
		font-weight:			bold;
		text-transform:      capitalize;
		font-size:				13px;
		text-align:          center;
	
}	

/* liens du bas */
a.lienGenre{
		text-align:				left;
		font-size:				11px;
		color:					black;
}	
a.lienGenre:hover {
	color:#D87103;
}


/****TEXTE ********/
/*******************/
/* texte pour le titre du livre de la maquette 50*/

h1.titreLivreGrandeMaquette  {
				
		margin-top: 			0px;
		margin-left:			0px;
		margin-right:			0px;
		width:					110px;
		color:					black;
		font-weight:			500;
		font-size:				12px;
		text-align:				left;
		padding-left:        0px;
	
}

/* prix pour la maquette 50 */
h2.prixLivreGrandeMaquette {
		position:				absolute;
		width:					90px;
		color:					red;
		font-weight:			bold;
		font-size:				12px;
		text-align:				right;
		top:						7px;
		left:						-3px;
		z-index:					4;

}

h3.nomAuteurGrandeMaquette  {
				
		float:					left;
		margin-top:				-8px;
		width:					100px;
		color:					black;
		font-weight:			500;
		font-size:				11px;
		font-style:          italic;
		text-align:				left;
		padding-right:       0px;
		margin-left: 			2px;
	
}

h1.titreLivreGrandeMaquetteBas  {
	
		margin-top: 			0px;
		width:					130px;
		color:					black;
		font-weight:			500;
		font-size:				12px;
		text-align:				left;
		padding-left:        0px;
		margin-right:0px;
	
}
h1.titreLivreGrandeMaquetteCaroussel  {
	
		margin-top: 			0px;
		width:					260px;
		color:					black;
		font-weight:			500;
		font-size:				12px;
		text-align:				left;
		padding-left:        0px;
		margin-right:0px;
	
}
h3.nomAuteurGrandeMaquetteBas  {
				
		margin-top: 			-8px;
		width:					120px;
		color:					black;
		font-weight:			500;
		font-size:				11px;
		font-style:				italic;
		text-align:				left;
		padding-left:        5px;
		margin-left:			0px;
	
	
}
h2.prixLivreGrandeMaquetteBas  {

		position:				absolute;
		width:					85px;
		color:					#ca0000;
		font-weight:			bold;
		font-size:				14px;
		text-align:				left;
		left:						6px;
		top:						8px;
		z-index:					2;
	
	
}

h1.TitreLivrePetiteJac  {
	
		margin-top: 			3px;
		padding-right:			1px;
		margin-right:			-5px; /* pour IE */
		width:					135px;
		color:					black;
		font-weight:			500;
		font-size:				11px;
		text-align:				left;
		margin-left:			5px;
	
}

h2.PrixLivrePetiteJac  {
		margin-top:				-10px;
		line-height:			22px;
		width:					120px;
		color:					#ca0000;
		font-weight:			bold;
		font-size:				11px;
		text-align:				left;
		padding-bottom:      0px;
}

h1.TitreLivrePetiteJacBas  {
	
		margin-top: 			5px;
		width:					133px;
		color:					black;
		font-weight:			500;
		font-size:				11px;
		text-align:				left;
		padding-left:	  	   0px;
		/*padding-right: 		9px;*/
	
}

h2.PrixLivrePetiteJacBas {
		margin:					-10px 0px 0px 0px;
		line-height:			22px;
		width:					130px;
		color:					red;
		font-weight:			bold;
		font-size:				11px;
		text-align:				left;
		padding-left:	  	   5px;

}

/*Le bulletin d'infos */
.lienHistorique {
			padding-left:	   6px;
			text-align:			right;
}

.TexteCentreSouligne {
	border-bottom : 			1px #DB6F1F solid;
	border-top : 				1px #DB6F1F solid;
	letter-spacing:			3px;
	font-size:					10px;
	color:						#4F2202;
	text-transform:			uppercase;
	text-align:					center;
}
.touslesGenres {
	text-align:					center;
	font-size:					11px;
	margin-bottom:				10px;
	color:						#4F2202;

}

.texteParagraphe {
		padding:				   2px;
		text-align:				center;
		font-size:				12px;

}

.floatRight {
		float:					right;
}

.texte14GrisFonce{
		font-size:				14px;
		color:					#333333;
}	

.listeVide {
		font-size:				12px;
		text-align:				center;
}	
	 	
.paddingLeft5{
padding-left:10px;
text-align:left;
}