/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuPrincipal, #infolettre, #haut,  #socialBookmarker, #bookmarkHoverPopup, #menuBas, #tri, #menuDroit, .lienFacebook, .lienExportation, .lienResize, #microSites, #liensPratiques, .tri, #carteMenuGauche, .listePage, #boiteMemoire, #formLivre, .lienBouton, .noPrint{
	display:none;
}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	line-height: 130%;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{color:#014564; font-size:11px; text-transform:uppercase; padding-bottom:5px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}
h2{
	color: #353535;
	font-size: 15px;
}
h2 a, h2 a:link, h2 a:visited{color:#333;}
h3{color:#195a8c;font-size:11px;}
h3 a, h3 a:link, h3 a:visited{
	color:#195a8c;
	font-weight:bold;
	text-decoration:none;
}

.both{clear:both;}
.noprint{clear:none;display:none;}
.left{clear:left;}
.right{clear:right;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:20px 6px 0 6px;}
#piedPage a{color:#999; text-decoration:none;}
#piedPage a:hover{color:#353535;text-decoration:none;}

#cartePiedPage{float:left; width:400px;color:#717171;padding:0 10px;	margin-top:0px;}
#cartePiedPage a, #cartePiedPage a:link, #cartePiedPage a:visited{color:#195A8C;}
#cartePiedPage .colonne1{float:left;display:blodk;padding-right:5px;width:170px; text-align:left;border:none;}
#cartePiedPage .colonne2{margin-left: 15px;float:left;display:blodk;width:170px; text-align:left;}

#piedPage #copyrights{
	padding: 10px; 
	/*float:right; width:370px;*/
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #353535;}
p strong{font-size: 13px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, td a, td a:link, td a:visited{color:#195a8c; text-decoration:underline;}

ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#1F1F1F; margin-left:16px;}


/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#colDroite{
	float:right;
	width:230px;
}
#accueil{float:left;width:455px;background:none;}

.actualiteAccueil{
	background:#f3f8fb;
	padding:20px 20px 10px 20px;
}

.actualiteAccueil h2{
	color:#C21527;
	text-transform:uppercase;
	font-size:14px;
	padding:0 0 10px 0;
}

.actualite{
	border-bottom:1px solid #c9cfd6;
	padding:10px 0;
}

.actualite p{color:#37384c}

.actualite p a, .actualite p a:link, .actualite p a:visited{
	color:#df4647;
}

#nouveautes, #meilleursVendeurs, #incontournables{
	width:125px;
	padding:0 15px;
	border-right:1px solid #d1d1db;
	float:left;
	text-align:center;
	overflow:hidden;
}
#nouveautes{padding-left:0;}
#incontournables{border-right:0;}
#nouveautes h2, #meilleursVendeurs h2, #incontournables h2{
	color:#014564;
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#slider1 div, #slider2 div, #slider3 div{
	height:225px;
}
#slider1 p, #slider2 p, #slider3 p{
	color:#283236;
	text-align:left;
	padding-bottom:5px;
	display:block;
	height:50px;
}

#slider1 p a, #slider1 p a:link, #slider1 p a:visited, #slider2 p a, #slider2 p a:link, #slider2 p a:visited, #slider3 p a, #slider3 p a:link, #slider3 p a:visited{
	text-transform:uppercase;
	color:#cb2c2b;
}

.nav{padding-top:5px;}

#accesClient{
	background:#e8f1f7;
	padding:25px 15px 15px 15px;
	width:425px;
}

#accesClient .gauche{float:left;width:255px;}
#accesClient .droit{float:right;width:160px;}

#accesClient p{
	line-height:130%;
	font-size:11px;
	color:#5789a6;
}

#accesClient form{padding:0;margin:0}
#accesClient form fieldset{padding:0;margin:0;border:0;}
#accesClient legend{color:#5789a6;font-size:11px;text-transform:uppercase;font-weight:bold;border:0;padding:0 0 3px; 0;margin:0;position:relative;left:-7px;}
#accesClient label{clear:left;float:left;font-size:11px;color:#5789a6;width:77px;text-transform:uppercase;padding:6px 0;}
#accesClient .champTexte{
	background:url(Gx/champTexte.gif) no-repeat right top;
	_background-attachment:fixed;
	border:0;
	width:169px;
	height:23px;
	font-size:13px;
	padding:3px 3px 0 3px;
}

.submit{float:left;margin:10px 50px 0 0;}

/* LISTE LIVRE
--------------------------------------------------------------------------------------- */
.liste{
	clear:left;
	/*background:#e8f3f8;*/
	margin-bottom:10px;
	padding:5px;
}
.liste .listeInfo{float:left;}
.listeInfo a.lienDetail{color:#014968;text-decoration:none;float:right;padding-top:5px;}
.listeInfo a.lienDetail:hover{text-decoration:underline;}
.liste h2{color:#014564; font-size:11px; padding:5px 0;border-bottom:1px solid #a4bdc9;margin-bottom:4px;}
.liste .listePhoto{float:left;margin-right:30px;}
.liste p, .listeInfo p{float:left;width:250px;}
.liste span{font-weight:bold;}

.listeSmall{clear:left;/*background:#e8f3f8;*/padding:3px;border:1px solid #cce;margin-bottom:3px;}
.listeSmall .listeInfo a.lienDetail{color:#000;text-decoration:none;float:right;padding:2px 5px 0 0;}
.listeSmall .listeInfo a.lienDetail:hover{text-decoration:underline;}
.listeSmall h2{color:#000; font-size:11px; padding:2px 5px;border-bottom:1px solid #a4bdc9;margin-bottom:4px; background-color:#fff;}
.listeSmall h2 a, .listeSmall h2 a:link, .listeSmall h2 a:visited{color:#000;}
.listeSmall p{float:left;width:100%}
.listeSmall span{font-weight:bold;}

.listeTableau{width:100%;}
.listeTableau th{font-size:11px;text-align:left;}
.listeTableau td{padding:4px 5px;font-size:11px;line-height:150%;}
.listeTableau tr.odd{background:#eee;}

.listePage{float:right;}
.listePage a, .listePage a:link, .listePage a:visited{text-decoration:none;color:#014968;border:1px solid #A4BDC9;padding:3px 5px;line-height:200%;}
.listePage a:hover, .listePage a:visited:hover{background-color:#E8F3F8;}
.listePage a.actifPage, .listePage a.actifPage:visited{font-weight:bold;text-decoration:none;}

.CategorieTitre{border-bottom:1px solid #195a8c;margin-bottom:5px;}

.lienHaut{float:right;}
.lienHaut a,.lienHaut a:visited,.lienHaut a:link{
	text-transform: none;
	color:#195a8c;
}

.listeColonne{
	clear:both;
	/*page-break-inside: avoid;*/
	margin:0 10px 10px 0;
	height:200px;
	padding:10px;
}

table tr td{page-break-inside: avoid;}

.listeColonne .listePhoto{float:left;margin:0 10px 10px 0;}
.listeColonne .listeInfo{float:left;width:500px}

.listeColonne h2, .listeColonneQuart h2{color:#014564; font-size:11px; padding:0;margin-bottom:4px;}
.listeColonne span, .listeColonneQuart span{font-weight:bold;}

.listeColonneQuart{
	width:145px; height:145px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	padding:10px;
}

.listeColonneQuart .listePhoto{text-align:center;height:85px;overflow:hidden;line-height:85px;margin-bottom:3px;}


/* FICHE LIVRE
--------------------------------------------------------------------------------------- */
#fiche{
	float:left;
}

#fiche div.ficheImage{float:left;margin-right:40px;width:130px;text-align:center;}
#fiche p{float:left;width:270px; line-height: 130%;}
#fiche div.ficheImage p{width:auto;float:none;margin-top:2px;}
#fiche b{float:left;width:130px;}
#fiche span{float:left;width:140px;}

#fiche b.prixLabel{display:inline;width:auto;float:none;}
#fiche b.prix{display:inline;width:auto;float:none;color:#cd2828;}

#menuDroit{width:229px;clear:right;float:right;}
#menuDroit ul{padding:10px 15px 10px 0;}
#menuDroit ul#menuDroitHaut{background:#cde0e8 url(Gx/03/menuHaut.gif) no-repeat left top;}
#menuDroit ul#menuDroitBas{background:#f2f8fb url(Gx/03/menuBas.gif) no-repeat left bottom;}
#menuDroit ul li{list-style-type:none;background:url(Gx/M/menu_fleche.gif) no-repeat 0 10px;border-bottom:1px solid #9fadb8;padding:5px 0;}
#menuDroit ul li a, #menuDroit ul li a:link, #menuDroit ul li a:visited{color:#195a8c;font-weight:bold;text-decoration:none;padding-left:10px;}
#menuDroit ul li a.actif, #menuDroit ul li a.actif:link, #menuDroit ul li a.actif:visited{color:#C21527;font-weight:bold;text-decoration:none;padding-left:10px;}
#menuDroit ul#menuDroitHaut li a:hover, #menuDroit ul#menuDroitHaut li a:visited:hover, #menuDroit ul#menuDroitHaut li a.actif:hover, #menuDroit ul#menuDroitHaut li a.actif:visited:hover{color:#1981d1;}
#menuDroit ul#menuDroitBas li a:hover, #menuDroit ul#menuDroitBas li a:visited:hover, #menuDroit ul#menuDroitBas li a.actif:hover, #menuDroit ul#menuDroitBas li a.actif:visited:hover{color:#cd2828;}

#menuDroit ul#menuDroitBas li a.inactif, #menuDroit ul#menuDroitBas li a.inactif:visited, #menuDroit ul#menuDroitBas li a.inactif:visited:hover{color:#ccc;}

.blocCommentaire{
	background:#f2f8fb;
	margin-right:10px;
	padding:15px;
}

.blocCommentaire p{
	color:#195a8c;
	line-height: 130%;
}

.blocCommentaire p a, .blocCommentaire p a:link, .blocCommentaire p a:visited{
	background: url(Gx/fleche.gif) no-repeat 0 4px;
	padding-left:10px;
	color:#195a8c;
}
.blocCommentaire p a:hover, .blocCommentaire p a:visited:hover{
	color:#000;
}

.livreThumb{
	float:left;
	width:90px;
	margin-right:8px;
}
.livreThumb p{
	color:#283236;
	text-align:left;
	padding-bottom:5px;
	display:block;
	height:50px;
	line-height: 130%;
}

.livreThumb p a, .livreThumb p a:link, .livreThumb p a:visited{
	text-transform:uppercase;
	color:#cb2c2b;
}

/* LISTE ACTUALITES
--------------------------------------------------------------------------------------- */
.listeActualite{
	padding:10px;
}

.livreActualite{width:318px;padding:5px;margin:0 5px 5px 0;color:#01496;}
.livreActualite h3{font-size:11px;}

/* LISTE VIDÉOS
--------------------------------------------------------------------------------------- */
.listeVideo{
	font-weight:bold;
	text-align:center;
	width:156px;
	text-transform:uppercase;
	background:#E8F3F8;
	padding:3px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #A4BDC9;
}

.lienVideo{display:block;text-decoration:none;color:#014564;}

/* BLOGS AUTEURS
--------------------------------------------------------------------------------------- */
.listeBlogue{
	border:1px solid #eee;
	padding:10px;
}
.listeBlogue h2{
	color:#0070a3;
	text-transform:uppercase;
}
.listeblogue h2 span{text-transform:none;}
.listeBlogue p.textePetit{padding-bottom:5px;}
.listeBlogue a.lienComment{float:right;color:#014564;margin-bottom:5px;}

.listeCommentaire{
	clear:both;
	display:none;
}
span.Nom{color:#283236;font-size:11px;}
.listeCommentaire div{border:1px solid #eee;margin-bottom:3px;padding:5px;}

.listeCommentaire form{width:400px;}
.listeCommentaire form fieldset{border:1px solid #eee;}

/* LISTE LIBRAIRIES
--------------------------------------------------------------------------------------- */
.librairie{border:1px solid #CECED8;padding:10px;width:680px;}
.map{border:1px solid #eee;width:350px;height:200px;float:right;overflow:hidden;}
.showgdir{clear:right;float:right;color:#195a8c;width:350px;font-size:12px;margin-top:3px;}
.direction{clear:right;float:right;width:350px;display:none;}

/* LISTE SALON ET CONGRÈS
--------------------------------------------------------------------------------------- */
.evenements h1{background:#C4DFEC;padding:3px;margin:5px 0;}
.listeEvenement{border:1px solid #eee;padding:5px;margin-bottom:3px;}

/* LISTES D'IMPRESSION
--------------------------------------------------------------------------------------- */
.tableauPrint{
}
.tableauPrint td{border-bottom:1px solid black;}
.tableauPrint td.printHead{border-top:2px solid black;border-bottom:2px solid black;}

/* ABONNEMENT ET INFOLETTRE
--------------------------------------------------------------------------------------- */

#abonnement{margin-top:20px;}
#abonnement h1{padding:0;margin:0;}
#abonnement h2{font-size:11px;}
#abonnement form fieldset label{color:#195a8c;float:left;width:500px;margin:5px 0;}
#abonnement form fieldset input{float:left;margin:5px 10px 5px 0;}
#abonnement form fieldset input.infolettreBtn, #abonnement form fieldset input.infolettreChamp{clear:none;margin-right:0;}
#abonnement form fieldset label.submitLabel{cursor:pointer;font-weight:bold;text-transform:uppercase;clear:none;float:left;width:100px;margin:5px 0 0 10px;}
#infolettre{
	margin-top:10px;
}
#infolettre h2{
	color:#cb2c2b;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
#infolettre form{margin:0;padding:0;}
#infolettre form fieldset{
	border:0;
	padding:0;
	margin:0;
}
.infolettreChamp{
	border:1px solid #ceced8;
	background:#fafbfc;
	float:left;
	height:17px;
	width:190px;
	padding:3px;
}
.infolettreBtn{
	float:left;
	background:url(Gx/M/infolettre_btn.gif) no-repeat;
	border:0;
	width:22px;
	height:25px;
	cursor:pointer;
}

#menuActualite li{padding:0; margin:0; list-style-type:none; background: url(Gx/M/actualite_btn.gif) no-repeat; margin-bottom:3px;}
#menuActualite li a, #menuActualite li a:link, #menuActualite li a:visited{
	display:block;
	width:229px;
	padding-top:10px;
	height:26px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size:13px;
}

#menuActualite li a:hover, #menuActualite li a:visited:hover, #menuActualite li a.actif{background: url(Gx/M/actualite_btn_over.gif) no-repeat;}