/* Fichier CSS de base - style.css */
/* --------------------------------------------------------------- CLASSES UTILES --- */
#colGauche .alignRight{
	position:relative;
	right:10px;
	top:-5px;
}
.lienExterne{
	padding-right:13px;
}
.lienExterne:link, .lienExterne:visited{
	background: url(../images/00_img_lienExterne.gif) no-repeat right; 
}
.lienExterne:hover, .lienExterne:active{
	background: url(../images/00_img_lienExterne_over.gif) no-repeat right; 
}

.image img{/*conteneur d'un image*/
	border: 1px solid #D1DDAF;
}
table{
	border-collapse: collapse;
}
td{
	padding:0;
}
.alignRight{
	text-align:right;
	margin-top:5px;
}
.alignCenter{
	text-align:center;
	position:relative;
	left:-20px;
}
.navigPage{
	margin-top:20px;
	text-align:center;
	font-weight:bold;
	width:350px;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.floatLeft #premierImage{
	margin-top:20px;
}
.infoFicheLivre{
	margin-left:160px;
}
* html .infoFicheLivre p{
	margin:10px 0;
}
.descriptionFicheLivre{/*description du livre ex: fiche et selection */
	clear:both;
	margin-bottom:25px;
}
.descriptionFicheLivre p{
	line-height:16px;
}
.introduction{/* texte d'intro au début d'une section */
	line-height:16px;
}
.texteOnzeGris{ /*ex: fiche et selection*/
	font-size:11px;
}
.texteDixGris{ /*ex: fiche et selection*/
	font-size:10px;
}
.texteNeufGris{ /*ex: ressources*/
	font-size:9px;
}
.titreLivre{ /*titre vert gras*/
		font-size:10px;
		color:#949E66;
		font-weight:bold;
}
.titreLivre:link, .titreLivre:visited{
	text-decoration:none;
}
.titreLivre:hover, .titreLivre:active{
	text-decoration:underline;
}
.texteDixRose{ /*accentuation texte rose, prix etc.*/
	font-size:10px;
	color:#C8526D;
}
.texteOnzeRose{ /*accentuation texte rose, prix etc.*/
	font-size:11px;
	color:#C8526D;
}
/* ------ DISPOSITION COLONNE DROITE LIVRES en 2 colonnes / ex: nouveautés page index.asp --- */ 
.livres2col{
	margin-bottom:5px;
}
.livres2col td{
	padding-bottom:5px;
}
.livres2col .image{/* cellule de l'image*/
	width:66px;
}
.livres2col .texte{/* cellule du texte*/
	width:120px;
	padding-right:6px;
}
.livres2col img{
	border: 1px solid #D1DDAF;
}
.livres2col a:hover img, .livres2col a:active img{
	border: 1px solid #A8B77E;
}
.livres2col p{
	margin-top:0;
	line-height:12px;
}
/* ------ DISPOSITION COLONNE DROITE SUJETS en 2 colonnes / ex: sujets page index.asp --- */ 
.sujets2col td{
	line-height:16px;
	width:182px;
}
.sujets2col a:link, .sujets2col a:visited{
	text-decoration:none;
}
.sujets2col a:hover, .sujets2col a:active{
	text-decoration:underline;
}
/* --------------------------------------------------------------- CORPS ET DIVISIONS --- */
body{
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	color:#6C6C6C;
	background-color:#E0E0E0;
	margin:0; 
	text-align:center;
	background-image:url(../images/00_img_backgroundRepeat.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
#conteneur{
	 width:683px;
	 margin-left:auto;
	 margin-right:auto;
	 text-align:left;
	 position:relative;
	 background: url(../images/00_img_backgroundContenu.gif) repeat-y center top; 
}
#contenuPrincipal{
	padding-left:30px;
}
/* --------------------------------------------------------------- HAUT DE PAGE --- */
#hautDePage{
	 margin-left:4px;
	 margin-right:4px;
	 height:288px;
}
* html #hautDePage{
	margin-bottom:-2px;
}
#logo{
	position:absolute;
}
#fleurDroite{
	position:absolute;
	right:-91px;
}
* html #fleurDroite{
	right:-92px;
}
#feuilleBas{
	position:absolute;
	top:288px;
	left:408px;
}
* html #feuilleBas{
	/*right:-90px;*/
}
/* --------------------------------------------------------------- NAVIGATION --- */
#navigation{
	background: repeat-x url(../images/00_img_menuBkg.gif) #39602D top left;
	height:21px;
	margin-left:4px;
	margin-right:4px;
}
#navigation ol, #navigation ul{
	list-style-type:none;
	padding:0; /*enleve le retrait de la liste sur navigateurs récents*/
	margin:0; /*le margin-left à 0 enleve le retrait de la liste sur IE*/
}
#navigation li{
	display:inline;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	background: repeat-x url(../images/00_img_menuBkg.gif) #39602D top left;
}
#navigation ul li{/*navigation secondaire*/
	float:right;
}
#navigation a{
	 font-size:9px;
	 color:#FFFFFF;
	 padding-top:4px;
	 padding-bottom:4px;
	 padding-right:9px;
	 padding-left:8px;
	 text-decoration:none;
}
* html #navigation a{/*hack destiné pour IE5, fonctionne aussi sous IE6, tout comme le selecteur précdèdent*/
	display:block;
	padding-top:1px;
	padding-bottom:3px;
	margin-bottom:-2px;
}
#navigation a:link{
	background: url(../images/00_img_menuSepar.gif) no-repeat right;
}
#navigation a:visited{
	background: url(../images/00_img_menuSepar.gif) no-repeat right;
}
#navigation a:hover{
	background: url(../images/00_img_menuSepar.gif) #274F22 no-repeat right;
}
#navigation a:active{
	background: url(../images/00_img_menuSepar.gif) #21471D no-repeat right;
}
/* dernier element de liste */
#navigation a.dernierItem:link{
	background-image:none;
}
#navigation a.dernierItem:visited{
	background-image:none;
}
#navigation a.dernierItem:hover{
	background-color: #274F22;
	background-image:none;
}
#navigation a.dernierItem:active{
	background-color: #21471D;
	background-image:none;
}
/* --------------------------------------------------------------- PANIER --- */
#panier{
	text-align:right;
	background: url(../images/00_img_panierBkg.gif) no-repeat right;
	margin-left:4px;
	margin-right:4px;
	color:#F4F7E0;
	font-style:italic;
	height:19px;
}
#panier span{ /*texte du panier*/
	vertical-align:super;
	padding-right:6px;
}
#panier img{
	margin-right:5px;
}
/* --------------------------------------------------------------- COLONNE DE GAUCHE --- */
#colGauche{
	float:left;
	width:384px;
	margin-right:8px;
}
/*#colGauche{
	float:left;
	width:384px;
	padding:0;
	padding-right:10px;
	margin:0;
	background-color:red;
}
* html #colGauche{
	width:394px;
}*/
#colGauche h2{
	margin:12px 0 6px 0;
}
#colGauche .floatLeft{
	margin-right:8px;
	margin-bottom:12px;
}
* html #colGauche .floatLeft{
	/*margin-bottom:-8px;*/
}
/*page ressources a verifier si utiles ici*/
#colGauche li{
	margin:4px 0;
}
#colGauche ol{
	margin:3px 0 12px 0;
}
/* --------------------------------------------------------------- COLONNE DE DROITE --- */
#colDroite{
	width:257px;
	float:left;
}
/*colDroite{
	float:left;
	width:250px;
	height: 1%  Holly hack for Peekaboo Bug
}*/
#colDroite h2{
	margin:18px 0 0 0;
}
#colDroite h2 img{
	margin:0;
}
#colDroite p{
	margin: 7px 10px 10px 13px;
}
#colDroite .premierItem{ /*enleve la marge pour le premier titre ou paragraphe*/
	margin-top:0;
}
#colDroite .champTexte, #colDroite img{/*marge appliquée à tous les élèments autre que le titre*/
	margin-left:14px;
}
#colDroite .floatRight {/*image en float - ex: promo index.asp*/
	margin:10px 12px 6px 6px;
	border: 1px solid #D1DDAF;
}
#colDroite a:hover .floatRight, .livres2col a:active .floatRight{
	border: 1px solid #A8B77E;
}
/* --------------------------------------------------------------- PIED DE PAGE --- */
#navigPiedDePage{
	clear:both;
	margin-left:20px;
}
#navigPiedDePage a, #navigPiedDePage span{
	float:left;
	padding:4px 4px;
	margin:20px 4px 10px 4px; 
	text-decoration:none;
	font-size:9px;
}
#navigPiedDePage .gauche{
	color:#A5BA70;
	border: 1px solid #E8EDCD;
}
#navigPiedDePage .gauche:hover, #navigPiedDePage .gauche:active{
	background-color:#ECF0D5;
}
#navigPiedDePage .droite{
	color:#949E66;
	border: 1px solid #DCE2A5;
}
#navigPiedDePage .droite:hover, #navigPiedDePage .droite:active{
	background-color:#E2E8AE;
}
#navigPiedDePage #contact{
	margin-left:24px;
}
#navigPiedDePage #recherche{
	display:none;
}
/* --------------------------------------------------------------- PIED DE PAGE --- */
#piedDePage{
	clear:both;
	background-color:#D7D7D7;
	padding-top:6px;
	padding-left:14px;
	height:90px;
}
#piedDePage img, #piedDePage div{
	float:left;
}
#piedDePage img{
	margin:10px 2px 0 2px;
	border: 1px solid #D2D2D2;
}
#piedDePage div{/* contient les bandeau Pantoute et Libraire */
	width:107px;
	margin:0 2px;
}
#piedDePage div img{
	margin:0 0 1px 0;
}
#piedDePage #iconeValidation{/* contient les bandeau XHTML, CSS et RSS */
	position:absolute;
	right:-114px;
	bottom:25px;
}
* html #piedDePage #iconeValidation{
	right:-111px;
	bottom:20px;
}
/* --------------------------------------------------------------- FORMATAGE GÉNÉRAL --- */
table{
	font-size:10px;
}
table td{
	vertical-align:top;
}
p{
	line-height: 12px;
}
a img{
	border:none;
}
.hr{
	width:90%;
	height: 1px;
	margin:14px 0 4px 0;
}
a:link, a:visited{
	color:#7B8550;
}
a:hover, .titreLivre a:hover, a:active, .titreLivre a:active{
	color:#5C6433;
}
a.image:hover img, a.image:active img{
	border: 1px solid #A8B77E;
}
/* ---------------------------------------------- FORMULAIRE --- */
input, textarea, select{
	font: 10px  Verdana, Arial, sans-serif; 
	color: #4e4e4e; 
	background-color: #f9f9f9;
}
.titreInfolettre{
	font-weight:bold;
	font-size:11px;
	color:#C8526D;
}
#tabInfolettre p{
	line-height:16px;
}