body{
	background:#FFF;
	color:#5b7421;
	font-size:62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	text-align:center;
}

.clearboth{
	clear:both;
	height:1px;
	overflow:hidden;
	display:block;
}

a{color:#5b7421;}
a:visited{color:#a7cd60;}


.orange{color:#E49E40;}

p{
	margin:0;
	padding: 0 0 20px 0;
}

form{margin:0;}

#page{
	width:750px;
	margin:0 auto;
	text-align:left;
	font-size:1.1em;
}

table{font-size:1em;}

.nouvimg{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
}


/*******************************************************************************
																Entete
*******************************************************************************/

#logoPrint{display:none;}


#bandeau{
	width:750px;height:174px;
	margin:0;
	position:relative;
}

.bandeau1{background:url(../img/bandeaux/img_bande1.jpg) no-repeat;}
.bandeau2{background:url(../img/bandeaux/img_bande2.jpg) no-repeat;}


/*****************************  Menu  *****************************************/
#menu{
	margin:0;padding:0;
	list-style:none;
	display:block;height:2.3em;
	/*position:absolute;
	top:5px;*/
}
#menu li{
	float:left;
	display:inline;
	margin:0 2px;
	color:#5b7421;
	line-height:2.3em;
}

#menu li a,#menu li a:visited{
	text-decoration:none;
	color:#5b7421;
}
#menu li a:hover{text-decoration:underline;}

#menu li.filetd, li#plan, li#langue{
	float:right;
}

#PageAccueil li#accueil a,#PageAccueil li#accueil a:hover,
#PageApropos li#apropos a,#PageApropos li#apropos a:hover,
#PageNouvelles li#nouvelles a,#PageNouvelles li#nouvelles a:hover,
#PageConditionsVente li#conditionsvente a,#PageConditionsVente li#conditionsvente a:hover,
#PageArchives li#archives a,#PageArchives li#archives a:hover,
#PageJoindre li#joindre a,#PageJoindre li#joindre a:hover,
#PagePlan li#plan a,#PagePlan li#plan a:hover
{
	font-weight:bold;
	text-decoration:none;
}

/************************  Menu Principal  ************************************/
#menuprincipal{
	margin:0;padding:0;
	list-style:none;
}

#menuprincipal li{
	float:left;
	display:inline;
	/*height:47px;*/
}

#menuprincipal li a{
	color:#516824;
	font-size:0.9em;
	text-transform:uppercase;
	line-height:1.2em;
	text-decoration:none;
	height:47px;
	display:block;
	border-bottom:3px solid #8e9d70;
	border-right:1px solid #8eb542;
}

#menuprincipal li a:hover,
#PageRessFr li#ressFrancais a,
#PageRessAn li#ressAnglais a,
#PageRessAnSec li#ressAnglaisSec a,
#PageRessAuto li#ressAutoch a,
#PageIndex li#index a {
	background:#8eb441;
	color:#FFF;
	border-bottom:3px solid #8eb441;
}

#menuprincipal li a strong{
	padding-top:10px;
	display:block;
}

li#ressFrancais{width:188px;}
li#ressFrancais a{padding-left:55px;}
li#ressAnglais{width:188px;}
li#ressAnglais a{padding-left:45px;}
li#ressAnglaisSec{width:187px;}
li#ressAnglaisSec a{padding-left:40px; padding-top:7px; height:40px;}
li#ressAutoch{width:155px;}
li#ressAutoch a{padding-left:32px;}
li#index{width:187px;}
li#index a{
	border-right:0px;
	padding:0 0 0 70px;
}
li#index a strong{
	padding-top:17px;
}

/****************************  Panier  ****************************************/
#panier{
	position:absolute;
	background:url(../img/haut/bande_haut_recherche.gif) no-repeat;
	width:750px;height:40px;
	bottom:0;
}

#panier form{
	margin:0;padding:0;
	position:absolute;
	top:9px;left:350px;
}
#panier form input{
	width:120px;
	padding:3px 5px;
	border:2px solid #8db441;
	font-size:10px;
	color:#5b7421;
}
#btnRecherche{
	background:url(../img/haut/btn_recherche.gif) 0 -38px no-repeat;
	width:18px;height:19px;
	position:absolute;
	left:140px;top:2px;
}
#btnRecherche a{
	background:url(../img/haut/btn_recherche.gif) no-repeat;
	width:100%;height:100%;
	display:block;
}

#itempanier{
	background:url(../img/haut/btn_panierdachat.gif) 0 -68px no-repeat;
	width:139px;height:34px;
	position:absolute;
	top:3px;left:515px;
}
#itempanier a{
	background:url(../img/haut/btn_panierdachat.gif) no-repeat;
	width:100%;height:100%;
	display:block;
	color:#5b7421;
	text-transform:uppercase;
	text-decoration:none;
}
#itempanier a span{
	padding: 3px 0 0 25px;
	display:block;
}

#itempanier a span.blanc{
	color:#FFF;
	padding: 0;
}

#btnRecherche a:hover, #itempanier a:hover, #achatexpress a:hover
{background:none;}

#achatexpress{
	position:absolute;
	top:3px;right:3px;
}
#btnpolitique,#btnannuler,#btncontinuer,#btnVisite{
	float:left;
	margin-right:3px;
}

#achatexpress a,.btnAjoutPanier a,.btnRecalculer a,.btnRetirerPanier a,#btnpolitique a, #btnannuler a,#btncontinuer a,#btnVisite a
{display:block;}

.btnAjoutPanier a:hover,.btnRecalculer a:hover,.btnRetirerPanier a:hover,#btnpolitique a:hover,#btnannuler a:hover,#btncontinuer a:hover,#btnVisite a:hover
{background:none;}

/***************************  Haut de page  ***********************************/

#hautpage{
	clear:both;
	height:28px;
}
#hautpage a{
	float:right;
	margin-right:50px;
}

/*******************************************************************************
																Corps
*******************************************************************************/

#corps{
	background:#8eb542;
	clear:both;
	padding-bottom:20px;
	height:1%;
}

/*****************************  Titres  ***************************************/
#corps h2{
	margin:0;
	padding: 0 0 0 30px;
	color:#FFF;
	font-size:1.8em;
	clear:left;
}
#corps h3{
	margin:0 0 20px;
	padding:20px 0 5px;
	border-bottom:1px solid #ffbb00;
	font-size:1.4em;
}

#corps h3.titre_collection {
	border: none;
	text-align: center;
	text-transform: uppercase;
/*	font-style: oblique; */
}

#corps h3.nomarges{margin:0;}

#corps h4{
	margin:0;
	font-size:1.1em;
}
#corps h4 a,#corps h4 a:visited{
	color:#5b7421;
	text-decoration:none;
}
#corps h4 a:hover{text-decoration:underline;}

#corps h5{
	margin:0;
	font-size:1.0em;
	color:#E49E40;
}

#corps h6{
	background:#ffbb00;
	padding:5px 15px;
	font-weight:bold;
	line-height:2em;
	font-size:1em;
}
#corps h6 span{
	margin-left:20px;
	font-weight:normal;
}

#corps p.intro{
	font-size:1.2em;
	line-height:1.5em;
	background:url(../img/ligne_separateur.gif) left bottom repeat-x;
	padding-bottom:30px;
	margin-bottom:15px;
}


/*************************  Fil d'ariane  *************************************/
#corps .ariane{
	margin:0;padding:0 0 0 30px;
	list-style:none;
}
#corps .ariane li{
	float:left;
	display:inline;
	line-height:3em;
	padding-right:5px;
}
#corps .ariane li a,#corps .ariane li.separateur{ color:#FFF;}

#contenucentre{
	background:#FFF;
	border-top:6px solid #ffbb00;
	margin:10px;
}

/**********************  Liste des catégories  ********************************/
#categories{
	margin:0;padding:20px 0 0;
	float:left;
	width:125px;
}

#categories li{
	float:left;
	width:125px;
	list-style:none;
	border-bottom:1px solid #8eb542;
}
#categories li a{
	padding:0.5em 0 0.5em 20px;
	height:100%;
	text-decoration:none;
	display:block;
}

#categories li.dernier{border:none;}

#categories li a:visited{color:#5b7421;}

#categories li a:hover, #corps #categories li.selection a{
	background:#b5dc69;
	color:#FFF;
}
.le-dernier{
		background:#b5dc69;
		color:#FFF;
	border:none;
}

/******************************  Contenu  *************************************/
.liste-livres {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15px;
}
#info{
	width:565px;
	float:right;
	display:inline;
	position:relative;
	margin-right:10px;
}

#info .collection{
	background:url(../img/separateur_fondblanc.jpg) left bottom no-repeat;
	padding:0 20px 30px 0;
	margin-bottom:20px;
	height:1%;
}
#info .dernier{ background:none;}
#info .collection img{ float:left;}
#info .collection .couverture {float: left; width: 130px;}
#info .collection .couverture img {float: none;}
#info .collection .collectionContenu{ margin-left:140px;}
#info .collection .categorie{ margin-bottom:20px;}
#info .collection .approbation{ margin:5px 0 20px;line-height:1.6em;}

#info .collection .approbation img{padding-top:3px;}

#info .collection a.details{
	font-weight:bold;
	font-size:0.9em;
	display:inline;
	padding:3px 5px;
}
#info .collection a.details:visited{color:#5b7421;}
#info .collection a.details:hover{background:#FCCA02;}

#niveau{
	position:absolute;
	top:25px;right:10px;
}

#valide{
	position:absolute;
	top:50px;right:10px;
	background:#F2F5E8;
	padding:3px;
}

#valide a{
	background:url(../img/fleche_jaune.gif) 0 4px no-repeat;
	font-size:0.9em;
	color:#849753;
	padding-left:10px;
}

.reserveratelier{
	float: left;
	background:#FFE5A0;
	padding:2px 0 3px 0;
	margin-top: 5px;
	margin-bottom: 10px;
}

.reserveratelier a{
	background:url(../img/pictos/pdf.gif) 4px 2px no-repeat;
	font-size:0.9em;
	height: 25px;
	color:#5B7421;
	padding:2px 5px 3px 25px;
	text-decoration:none;
}
.reserveratelier :hover{background:url(../img/pictos/pdf.gif) 4px 2px no-repeat #FFBB00;}

#niveau a{
	background:url(../img/pictos/picto_caracteristiques.gif) no-repeat;
	font-size:0.9em;
	text-decoration:none;
	padding-left:15px;
	line-height:14px;
	display:block;
}

#niveau a.retour{background:none;font-weight:bold;text-decoration:underline;}

#niveau a:visited{color:#5b7421;}
#niveau a:hover{text-decoration:underline;}

#collectionDesc{
	padding-top:20px;
}


#collectionDesc img{
	float:right;
	display:inline;
	margin: 0 10px 10px;
}

#ensembles, #son{
	margin:0 0 30px 0;padding:0;
	list-style:none;
	border-top:1px solid #ffbb00;
	clear:both;
	height:1%;
}

#son{border-top:none;}

#ensembles li, #son li{
	border-bottom:1px solid #ffbb00;
	height:1%;
}

#son li{border-bottom:none;}

#ensembles li span, #son li span{
	float:right;
	display:inline;
	cursor:pointer;
	cursor:hand;
	text-decoration:underline;
}

#ensembles li a, #son li a{
	line-height:2.5em;
	text-decoration:none;
	display:block;
	padding:0 40px 0 15px;
	background:url(../img/fleche_jaune.gif) 5px 10px no-repeat;
}

#son li a{
	background:url(../img/btn_son.gif) 5px 3px no-repeat;
	padding:0 40px 0 35px;
}

#ensembles li a:visited, #son li a:visited{color:#5b7421;}
#ensembles li a:hover{background:#ffbb00;}
#ensembles li a:hover span, #son li a:hover span{text-decoration:none;}

#son li a:hover{text-decoration:underline;}




.titretab{
	clear:both;
	background:#ffbb00;
	display:inline;
	padding:5px 15px;
	font-weight:bold;
	line-height:2em;
}

.date{
	border-bottom:1px solid #ffbb00;
	padding:5px 10px;
}


#tableCollection{width:565px;margin-bottom:20px;}
#tableCollection thead td{
	background:#FFF none;
	font-weight:bold;
	border-right:1px solid #ffbb00;
}
#tableCollection tfoot td{
	background:#FFF none;
	border-bottom:1px solid #ffbb00;
}
#tableCollection tfoot tr.total td{padding:2px 10px;font-weight:bold;}

#tableCollection thead td.prix{border:none;width:auto;text-align:left;}

#tableCollection td{
	background:#FFF7D7 url(../img/bande_haut_fiche.gif) no-repeat;
	border-bottom:2px solid #FFF;
	padding:10px;
}
#tableCollection td.description{
	vertical-align:top;
	width:268px;
	padding-left:15px;
}
#tableCollection td.description a{
	color:#5b7421;
}
#tableCollection td.description p{
	color: #f00;
	margin: 0;
	padding: 10px 0 0;
	font-size: 0.8em;
}
#tableCollection td.description p a{
	color: #f00;
}
#tableCollection td.prix{
	width:60px;
	text-align:right;
}
#tableCollection td.isbn{
	width:130px;
	text-align:center;
	white-space: nowrap;
	font-size:0.9em;
}
#tableCollection td.panier{
	width:112px;
}
#tableCollection td input{
	width:25px;
	border:0px;
	text-align:center;
	color:#5b7421;
}

#total{
	font-weight:bold;
	padding:10px 0;
	border-bottom:1px solid #ffbb00;
	margin-bottom:20px;
}

#lstprix{
	float:right;
	margin-right:112px;
}


.pdf{
	margin:20px 0;
	background:url(../img/pictos/picto_pdf.gif) no-repeat;
}

.pdf a{
 padding:5px 0 5px 30px;
 display:block;
}

.note{font-size:0.9em;}

/****************************  Liste alpha  ***********************************/

.listeNiveauInfo{
	position:relative;
	margin:10px 0 0;padding:0;
}

.listeNiveauInfo li{
	list-style:none;
}
.listeNiveauInfo li ul{
	margin:0;padding:0 0 20px 120px;
}

.listeNiveauInfo li ul li{
	list-style:disc;
	padding-bottom:3px;
}

.listeNiveau{
	margin:0;
	padding:2px 0 0 80px;
	clear:both;
	height:1%;
	position:relative;
}
.niveauPadding{padding-left:0px;}

.listeNiveau li{
	list-style:none;
	float:left;
	display:inline;
	margin:0 10px 2px 0;
}
.listeNiveau li img{
	cursor:pointer;
	cursor:hand;
	display:block;
}

li span.lettre{
	color:#FFF;
	font-size:5em;
	line-height:1.3em;
	width:1.3em;
	display:block;
	text-align:center;
}
.listeNiveau li.livreInfo{
	clear:both;
	margin:2px 0 2px -80px;
	width:565px;
	line-height:1.8em;
	background:#ECF1DD url(../img/fleche_jaune.gif) 5px 6px no-repeat;
	font-weight:bold;
	visibility:hidden;
	font-size:0.9em;
}
.niveauPadding li.livreInfo{margin-left:0;}

.listeNiveau li.livreInfo span{padding-left:20px;}

.listeNiveau li.livreInfo span span{
	color:#000;
	padding:0;
}

li.NiveauA{background:#e7e514;position:absolute;top:0;left:0;}
li.NiveauB{background:#ffcb05;position:absolute;top:0;left:0;}
li.NiveauC{background:#ec9922;position:absolute;top:0;left:0;}
li.NiveauD{background:#da2032;position:absolute;top:0;left:0;}
li.NiveauE{background:#b72655;position:absolute;top:0;left:0;}
li.NiveauF{background:#f27292;position:absolute;top:0;left:0;}
li.NiveauG{background:#b29bc9;position:absolute;top:0;left:0;}
li.NiveauH{background:#702b90;position:absolute;top:0;left:0;}
li.NiveauI{background:#384ea1;position:absolute;top:0;left:0;}
li.NiveauJ{background:#0072bc;position:absolute;top:0;left:0;}
li.NiveauK{background:#49add8;position:absolute;top:0;left:0;}
li.NiveauL{background:#a7be39;position:absolute;top:0;left:0;}
li.NiveauM{background:#4f8b41;position:absolute;top:0;left:0;}
li.NiveauN{background:#005482;position:absolute;top:0;left:0;}
li.NiveauO{background:#da142d;position:absolute;top:0;left:0;}
li.NiveauP{background:#da142d;position:absolute;top:0;left:0;}


#alpha{
	margin:0;padding:0;
	background:#8eb542;
	height:1.8em;
}

#alpha li{
	list-style:none;
	float:left;display:inline;
	border-right:1px solid #FFF;
	text-transform :uppercase;
	color:#FFF;
	font-weight:bold;
	line-height:1.8em;
	background:#8eb542;
}
#alpha li a{
	text-decoration:none;
	color:#FFF;
	display:block;
	padding:0 0.3em;
}

#alpha li a:hover{background:#FFBB00;}

#alpha li.rien{
	background:#CADCA6;
	padding:0 0.3em;
}
#alpha li.active{
	background:#FFBB00;
	padding:0 0.3em;
}


/****************************  Nouvelles  *************************************/
ul.nouvelles{margin:0;padding:10px 0 0;}

ul.nouvelles li{
	list-style:none;
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #FFE59B;
	height:1%;

}
ul.nouvelles li.filet{
	background:url(../img/ligne_separateur.gif) left bottom repeat-x;
	border:none;
	padding-bottom:30px;
	margin-bottom:10px;
}

ul.nouvelles li.auteur{
	background:#FFF7E0;
	border-top:1px solid #ffbb00;
	padding-left:10px;
	font-weight:bold;
	font-size:1.2em;
}
ul.nouvelles li.listInfo{
	border:0;
	background:url(../img/fleche_jaune.gif) 10px 3px no-repeat;
	padding:0 0 0 20px;
}

ul.nouvelles li p{margin:0;padding:0 0 3px 0;}
ul.nouvelles li h4{margin:0;padding:0 0 3px 0;}

p.nouvelles{margin:0;padding:0 0 3px 0;}
h4.nouvelles{margin:0;padding:0 0 20px 0;}
h4.mois{
	border-bottom:1px solid #FFE59B;
	padding-bottom:10px;
}

h4.index{	padding:10px 0;}

ul#smenuAtelier{
	margin:0;padding:0;
	border-bottom:1px solid #FFE59B;
	height:2.4em;
}

ul#smenuAtelier li{
	float:left;display:inline;
	list-style:none;
	margin-right:30px;

}
ul#smenuAtelier li.selection{
	padding-left:8px;
	background:url(../img/fleche_jaune.gif) 0 3px no-repeat;
}

ul.nouvelles li p.titre,p.titre{
	padding:0;
	color:#a7cd60;
}

#info h5.atelier{color:#5b7421;}

ul.nouvelles li p.txt{padding-top:20px;}

/******************************  Panier  **************************************/
#corps h4.panier{
	color:#E49E40;
	font-size:1.4em;
	margin-bottom:10px;
}

.erreur{
 	position:absolute;
	left:260px;top:3px;
	color:#E49E40;
}

.ligneform{
	position:relative;
	margin-bottom:5px;
}
.ligneform label{
	position:absolute;
	top:3px;
	width:150px;
}
.ligneform input, .ligneform select{
	margin-left:160px;
	width:250px;
	color:#5b7421;
	position:relative;
	border:1px solid #CCC;
}

.ligneform span{margin-left:160px;}
.ligneform label span{margin:0px;}
#tel1, #tel2,#tel3{
	margin:0;
	width:30px;
}

#expirationmois,#expirationannees{width:auto;}
#expirationannees{margin:0 0 0 10px;}

input.invalidInput,select.invalidInput{background:#ffe08d;}

#ajoutISBN{
	background:#E4ECD2;
	margin-bottom:20px;
	padding:5px 10px;
	position:relative;
}
#ajoutISBN input{color:#888;}

#btnISBNAjout{
	background:url(../img/btn_ajouterpanier.gif) 0 -34px no-repeat;
	width:17px;height:17px;
	position:absolute;
	top:8px;left:360px;
}
#btnISBNAjout a{
	background:url(../img/btn_ajouterpanier.gif) no-repeat;
	width:17px;height:17px;
	display:block;
}
#btnISBNAjout a:hover{background:none;}

/* Style for valid input */
input.validInput,select.validInput{
	background:#FFF;
}

#facturation{
	display:none;
	margin-bottom:20px;
}

#adresse{
	background:url(../img/fleche_jaune.gif) 0 3px no-repeat;
	padding-left:10px;
	font-weight:bold;
	float:left;
	width:280px;
}
#livraison{
	background:url(../img/fleche_jaune.gif) 0 3px no-repeat;
	padding-left:10px;
	font-weight:bold;
	margin-left:300px;
}
#adresse span,#livraison span{
	font-size:0.9em;
	color:#ADBC95;
	display:block;

}

#imprimer{
	margin:20px 0;
	border-top:1px solid #ffbb00;
}

/*** plan du site ***/

#plansite{margin:30px 0;padding:0;}
#plansite li.niveau1{
	list-style:none;
	border-top:1px solid #FFC936;
	height:1%;
	margin-bottom:10px;
}
#plansite li.niveau1 a,#plansite li.niveau1 a:visited{
	padding-left:10px;
	background-color:#FFF1CC;
	line-height:2em;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#5b7421;
}
#plansite li.niveau1 ul{
	margin:0;padding:10px 0 0;
}

#plansite li.niveau1 ul li.niveau2{
	list-style:none;
	height:1%;
	margin-bottom:2px;
}
#plansite li.niveau1 ul li.niveau2 a,#plansite li.niveau1 ul li.niveau2 a:visited{
	background:#FFF url(../img/fleche_jaune.gif) 30px 7px no-repeat;
	padding-left:45px;
	line-height:2em;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#5b7421;
	font-size:0.9em;
}
#plansite li.niveau1 a:hover,#plansite li.niveau1 ul li.niveau2 a:hover{
	text-decoration:underline;
}



/*******************************************************************************
																Pied
*******************************************************************************/

#pied{
	font-size:0.9em;
	padding:10px 20px;
}