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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu{
	position: absolute;
	visibility: hidden;
}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
body#index{
	margin: 0;
	padding: 0;
}
body#main{
	margin: 0;
	padding: 0;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Arial;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	padding:20px;
	color: #C21527;
	font-size:18px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}
/*
.nouvelleBGCouleur h1{
	padding:3px 20px; 
	color:#d71b64;
	font-size:12px;
	font-weight:bold;
}

.listeLivreBGCouleur h1{
	margin:0px;
	color:#d71b64;
	font-size:18px;
	line-height:10px;
	float:left;
	padding:11px 100px 20px 30px;
	background:url(gx/h1Titre_droite.gif) no-repeat top right;
	color:#fdfdfd;
	font-weight:normal;
	line-height:22px;
}
.HCtn{
	float:left;background:url(gx/h1Titre_gauche.gif) no-repeat;
}
*/

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
#haut{
	position: absolute;
	visibility: hidden;
}
#hautInner{
	position: absolute;
	visibility: hidden;
}
#logo{
	position: absolute;
	visibility: hidden;
}
#recherche{
	position: absolute;
	visibility: hidden;
}

#coloneGauche{
	position: absolute;
	visibility: hidden;

}
#coloneDroite{
	width:699px;
	margin-bottom:150px;
}
.coloneDroiteInner{
	width:599px;
	margin-right:87px;
	_margin-right:43px;
}
.CtnHautUniversel{
	overflow:hidden;
	height:3px;
}
/*
.nouvelleImgHaut{background:url(gx/01/nouvelle_bg_haut.gif) no-repeat;}
.listeLivreImgHaut{background:url(gx/listeLivre_bg_haut.gif) no-repeat;}
.CtnCentreUniversel{}
.nouvelleBGCouleur{background-color:#e2dfc4;}
.listeLivreBGCouleur{background-color:#e9f3f3;}
.CtnBasUniversel{overflow:hidden;}
.nouvelleImgBas{background:url(gx/01/nouvelle_bg_bas.gif) no-repeat;height:42px;}
.listeLivreImgBas{background:url(gx/listeLivre_bg_bas.gif) no-repeat;height:3px;}
.Ctntitre{height:50px;_height:75px;padding-top:25px;}
.nouveaute{background:url(gx/01/nouvelleTitre.gif) no-repeat left bottom;}*/

/* CONTENEUR Liste Livre
--------------------------------------------------------------------------------------- */
.grandeDiv{float:left;margin-top:20px;}
.livreCtn{float:left;width:105px;padding:0 10px 0 30px;}
.livreImgCtn{float:left;width:105px;height:130px;}
.livreImgCtn a,.livreImgCtn a:link,.livreImgCtn a:visited{display:block;background:url(gx/livres_bg.gif) no-repeat;width:105px;height:130px;}
.livreImgCtn a:hover,.livreImgCtn a:link:hover,.livreImgCtn a:visited:hover{background:url(gx/livres_bg_over.gif) no-repeat;}
.livreImg {position:relative;background:white;height:118px; width:93px;}
.livreImg img{position:absolute; top:6px; left:6px; }
.livreTexte{width:105px;}
.livreTexte h2{font-size:12px;font-weight:bold;color:#679090;}
.livreTexte a, .livreTexte a:link, .livreTexte a:visited{color:#676767;}
.livreTexte a:hover, .livreTexte a:link:hover, .livreTexte a:visited:hover{color:#000;}

/* CONTENEUR Détail Livre
--------------------------------------------------------------------------------------- */
#detailInner{width:370px;_width:385px;padding:15px 25px 0 0;float:right;display:block;}

#detail h5{ font-size: 16px; padding: 0 0 3px 9px;color:#93B2B2; background:transparent url(gx/fleche_1.gif) no-repeat scroll 0px 8px;}
#detail p{ padding: 0 0 3px 4px; margin: 0 0 0 0px; color: #000;font-size:12px; }
#detail h6.prix{ padding: 0 0 5px 4px; margin: 0 0 0 0; font-size: 12px;color: #000;}

#detail a.btnAdd, #detail a.btnAdd:link, #detail a.btnAdd:visited{ height: 7px; display: block; padding: 9px 0 9px 0; width: 100%; float: left; }

#detailDesc p{ margin: 0 0 15px 0; padding: 4px 0 10px 15px; color: #4D4D4D; font-size:12px;color: #000;}
#detailDesc h5{ margin-left:10px;padding: 5px; font-size:14px;color: #93B2B2;}

#detail a.auteur em{ font-style: normal; visibility: hidden; font-size: 10px; }
#detail a.auteur:hover em{ visibility: visible; color: #000; }

#detailDesc a.btnMore , #detailDesc a.btnMore:link , #detailDesc a.btnMore:visited { margin-left:20px;text-decoration: none; color: #000;border: 1px solid #000; background:#fff url(gx/m/bullet.gif) no-repeat scroll left center; cursor:hand;}
#detailDesc a.btnMore, #detailDesc a.btnMore:link, #detailDesc a.btnMore:visited{ font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; padding: 4px 0 4px 35px; width: 195px; }
#detailDesc a.btnMore:hover, #detailDesc a.btnMore:visited:hover{ display: block; width: 195px; border: 1px solid #000; text-decoration: none; background:#93B2B2 url(gx/m/bullet_over.gif) no-repeat scroll left center;cursor:hand;}


/* CONTENEUR Liste Nouvelles
--------------------------------------------------------------------------------------- */
.nouvelleCtn{margin-top:20px;}
.nouvelleCtn h2{font-size:14px;font-weight:bold;margin:5px 0 0 20px;color:#000;}
.nouvelleCtn img{margin:20px 0 0 20px;}
.nouvelleCtn p{font-size:12px;color:#000;}

/* CONTENEUR Liste Faq
--------------------------------------------------------------------------------------- */
ol.faq li{
	font-size: 13px; margin:0 15px 15px 50px;
}
/* CONTENEUR À propos
--------------------------------------------------------------------------------------- */
#aproposMenu a, #aproposMenu a:link, #aproposMenu a:visited{	
	color: #93b2b2;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 10px 3px 20px;
	text-decoration: none;}
#aproposMenu a:hover, #aproposMenu a:visited:hover{color: #000;}
#aproposMenu a.actif, #aproposMenu a.actif:visited{color:#000;}

/* CONTENEUR Liste Auteur
--------------------------------------------------------------------------------------- */
.auteurCtn{margin-top:20px;}
.auteurCtn h2{font-size:14px;font-weight:bold;margin:5px 0 0 20px;color:#000;}
.auteurCtn h2 a, .auteurCtn h2 a:link, .auteurCtn h2 a:visited{font-size:14px;font-weight:bold;margin:5px 0 0 0px;color:#000;text-decoration:none;}
.auteurCtn h2 a{font-size:14px;font-weight:bold;margin:5px 0 0 20px;color:#000;}
.auteurCtn img{margin:20px 20px 0 20px;}
.auteurCtn img.right{float:right;}
.auteurCtn img.left{float:left;}
.auteurCtn p{font-size:12px;color:#000;display:block;width:390px;_width:430px;}

/* CONTENEUR Infolettre
--------------------------------------------------------------------------------------- */
#infoLettre{height:113px;width:204px;_height:128px;_width:219px;background:white url(gx/infolettre_bg.gif) no-repeat;padding:15px 0 0 15px;}
#infoLettre p{padding:0;}
/* MENU
--------------------------------------------------------------------------------------- */

#menu{	position: absolute;
	visibility: hidden;}/*
#menu ul{margin:0;padding:0;float:left;}
#menu ul li{padding:0; margin:0; list-style-type:none;width:219px;float:left;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{margin:0;padding:0;float:left;line-height:100%;}


#menu ul ul{margin:0;padding:0;float:left;width:219px;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{float:left;
	margin:0;
	padding:0;
	color:#464444;
	font-size:12px;
	text-decoration:none;
	width:191px;
	_width:219px;
	padding:5px 14px;
}
#menu ul li ul li a:hover, #menu ul li ul li a:link:hover, #menu ul li ul li a:visited:hover{font-weight:bold;}
#menu ul li ul li a.actif, #menu ul li ul li a.actif:link, #menu ul li ul li a.actif:visited{font-weight:bold;background:url(gx/m/flecheSelection.gif) no-repeat 95% 50%;}
*/
#menuHaut{	position: absolute;
	visibility: hidden;}/*
#menuHaut ul{margin:0;padding:0;}
#menuHaut ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menuHaut ul li a, #menuHaut ul li a:link, #menuHaut ul li a:visited{
	color: #b4b4b4;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	display:block;
	float:left;
	padding: 0px 0px 0px 1px;
	text-decoration: none;
	background:transparent url(gx/m/menuTabgauche.gif) no-repeat 0% 0px;
}
#menuHaut ul li a:hover, #menuHaut ul li a:visited:hover{background:transparent url(gx/m/menuTabgauche.gif) no-repeat 0% -35px;color:#fff;}
#menuHaut ul li a.actif, #menuHaut ul li a.actif:visited{background:transparent url(gx/m/menuTabgauche.gif) no-repeat 0% -35px;color:#fff;}

#menuHaut ul li a span{
	float:left;
	height:35px;
	background:transparent url(gx/m/menuTabdroite.gif) no-repeat 100% 0px;
	line-height:35px;
	display:block;
	cursor:hand;
	padding: 0px 15px 0px 15px;
}
#menuHaut ul li a:hover span, #menuHaut ul li a:visited:hover span{background-position:100% -35px;cursor:hand;}
#menuHaut ul li a.actif span, #menuHaut ul li a.actif:visited span{background-position:100% -35px;cursor:hand;}
*/
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 150%; color: #000;padding:20px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
.nouvelleBGCouleur p{font-size: 12px; line-height: 150%; padding:3px 20px; color:#d71b64;}


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



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{	position: absolute;
	visibility: hidden;;}/*
#piedPage a{color:#575757; text-decoration:none;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}


#piedPage ul{margin:0;padding:0;float:right;}
#piedPage ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#piedPage ul li a, #piedPage ul li a:link, #piedPage ul li a:visited{
	color: #575757;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	display:block;
	float:left;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
}
#piedPage ul li a:hover, #piedPage ul li a:visited:hover{text-decoration:underline;}
#piedPage ul li a.actif, #piedPage ul li a.actif:visited{}


*/




/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0;}


#formRecherche .champTexte{	
	background: #838383;
	border: 1px solid #C9D0D6;
	color: #fff;
	font-size: 16px;
	width:200px;
	margin:5px 3px 0px 0;float:left;

}
#formRecherche label{font-size: 20px; color:#ed1b35;float:left;margin:5px 3px 0px 0;}
#formRecherche  .bouton{
	position: absolute;
	visibility: hidden;
}
#infoLettreForm .champTexte{	
	background: #838383;
	border: 1px solid #C9D0D6;
	color: #fff;
	font-size: 16px;
	
	margin:5px 3px 0px 0;float:left;

}
#infoLettreForm label{font-size: 20px; color:#ed1b35;float:left;margin:5px 3px 0px 0;}
#infoLettreForm  .bouton{
	height:33px;
	width:91px;
	margin:4px 0 0px 0;
	overflow:hidden;
	float:left;
	border: none;
}
.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	position: absolute;
	visibility: hidden;
}
.bouton:hover{background-color: #838383;color: #fff;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}