body{
	margin: 0;
	padding: 0;
	text-align:center;
	background: url(Gx/M/haut_fond.gif) repeat-x 0 0px;
}
html{
	color: #000;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color:#014564; font-size:11px; text-transform:uppercase; padding-bottom:5px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #0070a3; font-size:12px;}
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;
}

p{font-size: 11px; line-height: 150%; color: #283236;}
.textePetit{font-size:10px;}
.bordureBas{border-bottom:1px solid #B3DBEF; margin-bottom:20px;}
p a, p a:link, p a:visited, td a, td a:link, td a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#195a8c; 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;
}

.lienBouton, .lienBouton:link, .lienBouton:visited{ 
	background: #016085; 
	color: #fff;
	display:Block;
	font-weight:bold;
	line-height: 30px;
	text-align: center;
	text-decoration:none;
	width: 220px;
}
.lienBouton:hover, .lienBouton:visited:hover{background: #013D56;	color: #fff;	text-decoration:none;}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:none; margin-left:16px;	background: url(Gx/fleche.gif) no-repeat 0 6px; padding-left:10px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

blockquote{
	padding:10px;
	border:1px solid #195A8C;
}

.bqleft{margin:0;width:460px;}
/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.bordure{border:1px solid #000;}

.twitter-share-button{
	padding: 0;
	margin: 8px 0 0 0;
	display: block;
	float: left;
	width: 400px;
}
.boutonBuzz{
	float: left;
	margin: 9px 0 0 0;
}
.boutonFacebook{
	border:none;
	overflow:hidden;
	width:100px;
	height:21px;
	margin: 8px 0 0 15px;
	float: left;
}

/* CONTENEURS ET CLASSES G�N�RALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto;
	text-align:left;
	width:980px;
	position:relative;
}


#colGauche{
	float:left;
	width:240px;
	padding:88px 3px 50px 0;
	
	/*background: url(Gx/M/colGauche_fond.jpg) no-repeat -50px 42px;*/
}

#colDroite{
	float:right;
	width:230px;
}

#haut{
	padding:0 0 0 10px;
	height:52px;
	
}

#principal{
	background: url(Gx/M/bg_bas.jpg) no-repeat bottom center;
	float:right;
	width:965px;
	padding:0 15px 0px 0px;
	border-left:1px solid #ceced8;
	border-right:1px solid #ceced8;
	border-bottom:4px solid #125581;
	overflow:hidden;
	position:relative;
}

#boiteMemoire{
	background:url(Gx/M/listeRapide_fond.jpg) no-repeat top left;
	margin:0 0 0 10px;
	padding:0;
}

#boiteMemoire h2{padding:10px 0 0 45px;color:#014564; text-transform:uppercase; font-size:11px;}
#boiteMemoire p{padding:0px 30px 10px 45px;color:#014564;line-height:12px;}
#menu a{text-decoration:none;}

#contenu{padding:20px 0 50px 15px;min-height:650px;float:left;width:700px;border-left:1px solid #ceced8;}

#conteneurLogo{
	position: absolute;
	/*_position: static;*/
	width: 252px;
	height: 135px;
	z-index:99;
}
#logo{background: url(Gx/M/logo_fond.png) no-repeat -2px bottom;height: 135px;}
#logo img{
	margin:35px 0 0 27px;
}
.both, .both2{clear:both;height:1px;}
.left{clear:left;}
.right{clear:right;}


#conteneurBanniere{/*background:url(Gx/00/conteneurBanniere_fond.gif) no-repeat;*/border: 1px solid #ceced8;height:198px; width:440px;}
/*#conteneurBanniere div{height:198px;display:none;width:700px;}
#conteneurBanniere div div.banniereTexte{
	display:table-cell;
	padding:10px;
	color:#fff;
	font-size:15px;
	vertical-align:middle;
	height:198px;
	width:318px;
	line-height:110%;
}
#conteneurBanniere div div em{font-family:Tahoma;font-style:normal;background-color:#014968;}
#conteneurBanniere div div.banniereImage{width:382px;display:table-cell;}

#conteneurBanniere div.banniereActif{display:block;}*/

#conteneurBanniere table{height:196px;display:none;width:440px;margin:0;padding:0;border:0;}
#conteneurBanniere table tr td.banniereTexte{
	padding:0 10px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	height:198px;
	width:318px;
	line-height:110%;
	background:url(Gx/00/conteneurBanniere_fond.gif) no-repeat top left;
	overflow:hidden;
}
#conteneurBanniere table tr td.banniereImage{width:382px;margin:0;padding:0;height:198px;overflow:hidden;}

#conteneurBanniere table.banniereActif{display:block;}

.imageTexte{border:1px solid #ccc; margin:0 0 10px 10px;float:right;}

.retraitMemoire{margin-right:20px;}

/* RECHERCHE
--------------------------------------------------------------------------------------- */

#recherche{
	background:url(Gx/M/fond_recherche.gif) repeat-x;
	width:370px; height:42px;
	float:right;
	border-right:1px solid #CECED8;
	padding-left:30px;
	padding-top:10px;
	position:relative;
	z-index:100;
}
#recherche form{padding:0;margin:0;}
#recherche form fieldset{border:0;padding:0;margin:0;}
#recherche a, #recherche a:link, #recherche a:visited{color:#fff;font-size:10px;position:absolute;top:33px;}
#recherche a:hover, #recherche a:visited:hover{color:#067bad;}

#champRecherche{
	float:left;
	background:url(Gx/M/champRecherche.gif) no-repeat right top;
	border:0;
	width:169px;
	height:17px;
	font-size:13px;
	padding:4px 3px 0 3px;
	font-size:11px;
	color:#283236;
	margin-right:3px;
}
#val-Critere{float:left;background:url(Gx/M/menuDeroulant.gif) no-repeat;width:144px; height:21px; position:relative; z-index:100;margin-right:10px;}
#val-Critere li{list-style-type:none; cursor:pointer; padding:0 0 0 5px; margin:0; background:none;}
#val-Critere a, #val-Critere a:link, #val-Critere a:visited{display:block;text-decoration:none;width:144px; height:21px;font-size:11px;color:#283236; line-height:20px;position:static;}
#val-Critere li ul{padding:0;margin:0 0 0 -5px;border:1px solid #5389AD;position:absolute;width:144px;}
#val-Critere li ul li{background:#fff;padding:0 0 0 5px;margin:0;width:139px;}
.submitRecherche{margin-top:1px;float:left;}

/* 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;
}

/* MENUS
--------------------------------------------------------------------------------------- */
#menuHaut{color:#fff; font-size:14px; line-height:49px;width:320px;float:left; margin-left:235px;_margin-left:110px;}
#menuHaut a, #menuHaut a:link, #menuHaut a:visited{
	color:#014564;
	text-decoration:none;
	text-transform:uppercase;
	font-size:9px;
	padding:0 3px 0 15px;;	
}
#menuHaut a:hover, #menuHaut a:visited:hover{text-decoration:underline;}

#menuTypo{float:right;width:40px;}
#menuTypo a:link, #menuTypo a:visited, #menuTypo a{padding:0;cursor:pointer;}
#menuTypo a.typoPetit, #menuTypo a.typoPetit:visited{font-size:8px;}
#menuTypo a.typoGrand, #menuTypo a.typoGrand:visited{font-size:9px; font-weight:bold;}

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

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


#menuPrincipal ul li a:hover, #menuPrincipal ul li a:visited:hover, #menuPrincipal ul li a.actif{background: url(Gx/M/menuPrincipale_btn_over.gif) no-repeat;}
#menuPrincipal ul li.blogue a:hover, #menuPrincipal ul li.blogue a:visited:hover, #menuPrincipal ul li.blogue a.actif{background: url(Gx/M/menublogue_btn_over.gif) no-repeat;}

#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;}

#menu{margin:10px 0 0 0; padding:0; width:230px;}
#menu ul{margin:0 0 0 10px;padding:0;}
#menu ul li{padding:0; margin:0; list-style-type:none; border-bottom:1px solid #eeeee8; background:none;}
#menu ul li ul{display:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	background:url(Gx/M/menu_fleche.gif) no-repeat 0 5px;
	display:block;
	height:20px;
	width:200px;
	color: #6c6c7b;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	padding:0 10px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color:#e6eff6;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-color:transparent; color:#be2929;}

#menu ul li ul li{border:0;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	background:none;
	text-transform:none;
	padding:0;
	color:#1e80c0;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover,#menu ul li ul li a.actif,#menu ul li ul li a.actif:visited,#menu ul li ul li a.expandActif,#menu ul li ul li a.expandActif:visited{color:#be2929;background:none;}
#menu ul li ul li ul li a:hover, #menu ul li ul li ul li a:visited:hover,#menu ul li ul li ul li a.actif,#menu ul li ul li ul li a.actif:visited{color:#0069B4;background:none;}

#menu ul li a.expandActif, #menu ul li a.expandActif:visited{
	background:url(Gx/M/menu_fleche_on.gif) no-repeat 0 7px;
	/*background-color:#e6eff6;
	color:#be2929;*/
}

#menu ul li ul li.arbo{
	background:url(Gx/m/menu_fleche.gif) no-repeat 0px 5px;
	padding-left:10px;
}

#menu ul li ul li.arboActif{
	background:url(Gx/m/menu_fleche_on.gif) no-repeat 0px 7px;
	padding-left:10px;
}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#accueil{float:left;width:455px;background:none;}

.actualiteAccueil{
	background:#f3f8fb;
	padding:15px 0px 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;
	/*float:left;*/
	width:195px;
	margin-right:20px;
}

.nouvellesAccueil{
	background:#f3f8fb;
	border:1px solid #c9ddec;
	padding:15px 10px 10px 20px;
}

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

.nouvelles{
	/*border-bottom:1px solid #c9cfd6;*/
	padding:10px 0;
	margin-right:20px;
}


.sep{border-right:1px solid #ccc;}

.sep_horizontal{border-top:1px solid #ccc; height: 1px; line-height: 1px; margin: 10px 0;}

.actualite p{color:#37384c;}

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

#nouveautes, #meilleursVendeurs, #incontournables, #categorieVedette{
	width:127px;
	padding:0 14px;
	border-right:1px solid #d1d1db;
	float:left;
	text-align:center;
	overflow:hidden;
	height:330px;
}
#livresAccueil .premier{padding-left:0;}
#livresAccueil .dernier{border-right:0;}
#nouveautes h2, #meilleursVendeurs h2, #incontournables h2, #categorieVedette h2{
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#nouveautes h2 a, #nouveautes h2 a:link, #nouveautes h2 a:visited, 
#meilleursVendeurs h2 a, #meilleursVendeurs h2 a:link, #meilleursVendeurs h2 a:visited,
#incontournables h2 a, #incontournables h2 a:link, #incontournables h2 a:visited,
#categorieVedette h2 a, #categorieVedette h2 a:link, #categorieVedette h2 a:visited{
	color:#014564;
	text-decoration:none;
}

#nouveautes h2 a:hover, #meilleursVendeurs h2 a:hover, #incontournables h2 a:hover, #categorieVedette h2 a:hover{
	color:#277D9F;
}

#slider1 div, #slider2 div, #slider3 div, #slider4 div{
	height:240px;
}
#slider1 p, #slider2 p, #slider3 p, #slider4 p{
	color:#283236;
	text-align:left;
	padding-bottom:5px;
	display:block;
	height:50px;
}

a.couverture{
	display:block;
	width:120px; height:176px;
	overflow:hidden;
}

#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, 
#slider4 p a, #slider4 p a:link, #slider4 p a:visited{
	color:#cb2c2b;
}

.nav{padding-top:5px;}

#accesClient{
	background:url(Gx/M/fond_accesClient.jpg) no-repeat;
	padding:5px 0px 0 7px;
	width:230px;
}

#accesClient .gauche{width:220px;}
#accesClient .droit{width:235px;}

#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:#125581;font-size:10px;text-transform:uppercase;font-weight:bold;border:0;padding:0 0 3px 5px;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{
	float:left;
	background:url(Gx/champTexte.png) no-repeat right top; 
	border:0;
	width:169px;
	height:20px;
	font-size:11px;
	padding:2px 3px 0 3px;
}

.submit{float:left;margin:3px 0 0 5px;}

#videoAccueil h2{color:#cb2c2b;}

#videoAccueil .conteneurImage{background:#000;padding:20px 0 0 0;text-align:center;height:127px;} 
#videoAccueil .btnPlay{position:absolute; top: 60px; right: 80px;} 

#boitePN{border:1px solid #ccc; padding: 10px;text-align:center;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#boitePN h2{text-transform:uppercase; font-size: 14px;margin-bottom: 10px;}
#boitePN img{}
/* LISTE LIVRE
--------------------------------------------------------------------------------------- */
.tri{display:block;border:1px solid #ccc;padding:5px 5px;text-align:center;}
form#tri{padding:0;margin:0;}
form#tri fieldset{padding:0;margin:0;}
.tri.blocCategorie{
	font-size:13px;
	line-height: 180%;
}

.triAsc{background: url(Gx/triasc.gif) no-repeat right; padding:5px 10px 5px 0;}
.triDesc{background: url(Gx/tridesc.gif) no-repeat right; padding:5px 10px 5px 0;}
/*.triNA{background: url(Gx/tri.gif) no-repeat right; padding:5px 10px 5px 0;}*/

.lienCategorie{
	background: url(Gx/fleche.gif) no-repeat 0 6px;
	padding-left:8px;
	color:#195a8c;
}

.tri.blocCategorie a.actif{font-weight:bold;}

/*
.tri .lienCategorie{
	font-size: 14px;
}*/

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

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

.listeColonne{
	width:320px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	padding:10px;
	/*page-break-inside:avoid;*/
}

.listeColonneQuart{
	width:145px; height:178px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	padding:10px;
	/*page-break-inside:avoid;*/
}

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

.hauteurFixe280{min-height:280px;}
.hauteurFixe220{min-height:220px;}

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

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

.arretListe {height:70px;}
.arretListe h3{color:#be2929; font-size:11px; padding:0;margin-bottom:4px;}
.arretListe div.demi{width:160px;float:left;}
.arretListe div.demi span{font-weight:normal;color:#000;}
.arretListe div.demi a{font-weight:normal;color:#014564;}



.liste{
	clear:left;
	/*background:#e8f3f8;*/
	margin-bottom:10px;
	padding:5px;
}
.liste .listeInfo{float:left;width:530px;}
.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;width:125px;min-height:30px;}
.liste 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, .listeTableau tr td.titre a.lienDetail{color:#000;text-decoration:none;float:right;padding:2px 5px 0 0;font-weight:normal;}
.listeSmall .listeInfo a.lienDetail:hover, .listeTableau 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:205px;*/}
.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;}
/*.listeTableau td.titre a, .listeTableau td.titre a:visited, .listeTableau td.titre a:link{color:#000;font-size:11px;font-weight:bold;padding:2px 5px;}*/

.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;}

.listeCategorie{border:1px solid #ccc;padding:10px;}
.listeCategorie h2{border-bottom:1px solid #A4BDC9;padding-bottom:5px;margin-bottom:10px;}
.listeCategorie h2 a{float:right;}
.listeCategorie .livreThumb{margin-right:25px;}

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

#fiche b{float:left;width:130px;}
#fiche span{float:left;width:140px;}

#fiche div.ficheImage{float:left;margin-right:40px;width:130px;text-align:center;}
#fiche p{float:left;width:270px;}
#fiche div.ficheImage p{width:auto;float:none;margin-top:2px;}
#fiche div.ficheImage p a{margin:5px 7px 0 8px;padding:0;float:left;}
#fiche div.ficheImage p a span{width:26px;}

#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;position:relative;}
#menuDroit ul{padding:10px 10px 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;*/background:none;border-bottom:1px solid #9fadb8;padding:5px 0;margin:0 0 0 5px;}
#menuDroit ul li a, #menuDroit ul li a:link, #menuDroit ul li a:visited{color:#195a8c;font-weight:bold;text-decoration:none;}
#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 .partageLivre{ text-align:right; margin:30px 0 8px 0; }

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

#boutonFeuilletez{display:block; width: 130px;  }
#boutonFeuilletez div.haut{background:#fff url(Gx/M/btnFeuilletez.gif) no-repeat left top; height:10px; display: block; }
#boutonFeuilletez div.centre{text-align:center;background:#fff url(Gx/M/btnFeuilletez.gif) no-repeat left -20px; color: #084977;}
#boutonFeuilletez div.centre a, #boutonFeuilletez div.centre a:link, #boutonFeuilletez div.centre a:visited{color: #084977; text-decoration:none;}
#boutonFeuilletez div.bas{background:#fff url(Gx/M/btnFeuilletez.gif) no-repeat left -65px; height:10px; display: block;  }
#boutonFeuilletez.over div.haut{background-position: left -75px;}
#boutonFeuilletez.over div.centre{background-position: left -95px;}
#boutonFeuilletez.over div.bas{background-position: left bottom;}

#boutonFormatNum{display:block; width: 160px; margin: 10px 0 0 170px; }
#boutonFormatNum div.haut{background:#fff url(Gx/M/btnLivreNum.gif) no-repeat left top; height:10px; display: block; }
#boutonFormatNum div.centre{text-align:center;background:#fff url(Gx/M/btnLivreNum.gif) no-repeat left -20px; color: #084977;}
#boutonFormatNum div.centre a, #boutonFormatNum div.centre a:link, #boutonFormatNum div.centre a:visited{color: #084977; text-decoration:none;}
#boutonFormatNum div.bas{background:#fff url(Gx/M/btnLivreNum.gif) no-repeat left -65px; _background-position:left -62px; height:10px; display: block;  }
#boutonFormatNum.over div.haut{background-position: left -75px;}
#boutonFormatNum.over div.centre{background-position: left -95px;}
#boutonFormatNum.over div.bas{background-position: left bottom;}

/*
 * BROWSING WIDGET
 */

#ebook_browsing .browsing_unavailable {
	font-weight: bold;
	text-align: left;
	width: 130px;
}
#ebook_browsing .browsing_button_blue a {
	background: url(gx/m/bouton_Feuilletage.png) left top no-repeat;
	color : #4a4a4a;
}
#ebook_browsing .browsing_button_blue a span {
	background: none;
}
#ebook_browsing a, #ebook_browsing div {
	display: block;
	font-family: Arial;
	font-size: 12px;
	height: 23px;
	padding: 7px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 130px;
}
#ebook_browsing a span, #ebook_browsing div span {
	padding: 0 0px 0 0;
	width: 130px;
	cursor: pointer;
}

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

.blocCommentaire p{
	color:#195a8c;
}

.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:10px;
}
.livreThumb a.photoThumb{display:block;height:120px;overflow:hidden;}
.livreThumb p{
	color:#283236;
	text-align:left;
	padding-bottom:5px;
	display:block;
	height:50px;
}

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

#formLivre fieldset{padding:10px 0 0 0;}

/* ICONES
--------------------------------------------------------------------------------------- */
span.icone{background:url(Gx/icones_prologue.gif) no-repeat;display:block;clear:left;float:left;width:26px;height:26px;margin-top:-5px;}
span.inst1{background-position:0 0;}
span.inst2{background-position:-26px 0;}
span.inst3{background-position:-52px 0;}
span.inst4{background-position:-78px 0;}
span.inst5{background-position:-104px 0;}
span.inst6{background-position:-130px 0;}
span.inst7{background-position:-156px 0;}
span.inst8{background-position:-182px 0;}
span.inst9{background-position:0 -26px;}
span.inst10{background-position:-26px -26px;}
span.inst11{background-position:-52px -26px;}
span.inst12{background-position:-78px -26px;}
span.inst13{background-position:-104px -26px;}
span.inst14{background-position:-130px -26px;}
span.inst15{background-position:-156px -26px;}
span.inst16{background-position:-182px -26px;}
.inactif span.inst1{background-position:0 -52px;}
.inactif span.inst2{background-position:-26px -52px;}
.inactif span.inst3{background-position:-52px -52px;}
.inactif span.inst4{background-position:-78px -52px;}
.inactif span.inst5{background-position:-104px -52px;}
.inactif span.inst6{background-position:-130px -52px;}
.inactif span.inst7{background-position:-156px -52px;}
.inactif span.inst8{background-position:-182px -52px;}
.inactif span.inst9{background-position:0 -78px;}
.inactif span.inst10{background-position:-26px -78px;}
.inactif span.inst11{background-position:-52px -78px;}
.inactif span.inst12{background-position:-78px -78px;}
.inactif span.inst13{background-position:-104px -78px;}
.inactif span.inst14{background-position:-130px -78px;}
.inactif span.inst15{background-position:-156px -78px;}
.inactif span.inst16{background-position:-182px -78px;}

.icone_modifier{ background: url(Gx/crayon_edition.png) no-repeat left top; } .icone_modifier:hover{ background-position: left -28px; }
.icone_supprimer{ background: url(Gx/x_supprimer.png) no-repeat left top; } .icone_supprimer:hover{ background-position: left -28px; }
.icone_telechargement{ background: url(Gx/telechargement.png) no-repeat left top; } .icone_telechargement:hover{ background-position: left -28px; }

.bordureIcone{border:1px solid #ccc;}

/* LISTE ACTUALITES
--------------------------------------------------------------------------------------- */

.listeActualite{
	margin:10px;
	padding:10px;
	position:relative;
}

.livreActualite{padding:5px;margin:0 5px 5px 0;color:#014968;position:relative;z-index:1;}
.livreActualite img{position:relative;}
.livreActualite h3{font-size:11px;}
.imageFondActualite{position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;}
.livreActualite .listeFormat{ margin: 6px 0 0 0; padding: 0; }
.livreActualite .listeFormat li{background:none; margin: 0; padding: 4px 0; list-style: none; line-height: 13px; }

/* 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;}

.listeBlogRoll li{
	float:left; width: 175px; line-height: 170%;
}

/* 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:#669ac0;padding:5px 10px;margin:5px 0;color:#fff;}
.listeEvenement{clear:both;border:1px solid #eee;padding:5px;margin-bottom:3px;}
.listeEvenement .listeEvenementPhoto{float:left;margin:0 10px 0 0;}
.listeEvenement .listeEvenementTexte{float:left;width:335px;}
.listeEvenement .listeVideo{
	float:right;
	border-color:#eee;
	background: none;
	width: 126px;
}
#salonCongresRecherche{clear:right;float:right;width:180px;margin-top:20px;border:1px solid #ccc;padding:5px;}

/* CALENDRIER (Calendrier d'�v�nements calendrierEvenement.js) */
div#CalendrierEvenement{
	font-size:11px; 
	width:200px; height:152px;
	float:right;
}
div#CalendrierEvenement div#CalendrierEvenement{border:1px solid #ccc;}
#CalendrierEContent, #Calendrier{position:relative; }
div#CalendrierEvenement .controls{padding:3px;}
div#CalendrierEvenement input{outline:none;}
div#CalendrierEvenement div.weekdays div{ color:#000; font-weight:bold;padding:0 0 1px 1px;font-size:11px;}
div#CalendrierEvenement div.days div{color:#CCC; font-weight:bold; height:18px;line-height:18px; padding:1px;}
div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited{ background:#669ac0; color:#fff; font-weight:bold; display:block; text-decoration:none; cursor:pointer; height:18px; }
div#CalendrierEvenement div.days div ul{display:none;font-weight:normal;background:#fff;padding:5px;right:0;width:200px;position:absolute;z-index:100;border:1px solid #ccc;}
div#CalendrierEvenement div.days div ul li{list-style-type:none;margin:3px 16px;text-align:left;color:#000;font-size:11px;}
div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited{
	display:inline;
	color:#000; font-weight:normal;
	padding:0;
	margin:0;
	text-indent:0;
	background:none;
}
div#CalendrierEvenement div.days a:hover{ text-decoration:underline; }
div#CalendrierEvenement div.days div{ margin:-1px 0 0 -1px; }

/* ICONES G�N�RALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:10px 0 10px 20px;float:right;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}
a.teaserPDF, a.teaserPDF:visited, a.teaserPDF:link{display:block;width:229px; height:36px;background: url(Gx/teaser_PDF.gif) no-repeat left;padding:5px 0 5px 40px;line-height:34px;color:#fff;font-weight:bold;text-decoration:none;}
.lienXLS, .lienXLSX{background: url(Gx/icone_XLS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienVCF{background: url(Gx/icone_VCF.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPrint{background: url(Gx/icone_Print.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPrint2{background: url(Gx/icone_Print2.gif) no-repeat left;padding:5px 0 5px 30px;}
.lienMPrint{background: url(Gx/icone_MPrint.gif) no-repeat left;padding:5px 0 5px 35px;}
.lienCourriel{background: url(Gx/icone_courriel.gif) no-repeat left;padding:5px 0 5px 25px;}
.lienExportation{float:right;text-align:right;margin-bottom:10px;}
.iconeVideo{background: url(Gx/icone_video.gif) no-repeat left;padding:5px 0 5px 25px;}
.iconePhoto{background: url(Gx/icone_photo.gif) no-repeat left;padding:5px 0 5px 25px;}

#blocImprimer .lienPrint2{margin:0 150px 0 30px}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#c2c3c9; font-size:10px; width:980px; padding-top:10px;}
#piedPage a{color:#517585; text-decoration:none;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;padding-top:10px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#517585;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #menuBas{float:left;text-align:right;color:#283236;margin-top:5px;padding-bottom:13px;}
#menuBas a, #menuBas a:link, #menuBas a:visited{color:#283236;text-decoration:none;text-transform:uppercase;} 
#menuBas a:hover, #menuBas a:visited:hover{color:#5789a6;}
#liensPratiques{
width:800px;
color:#717171;
padding-top:10px;
float:left;
}
#liensPratiques a, #liensPratiques a:link, #liensPratiques a:visited{
color:#517585;
}
#cartePiedPage{float:right;width:160px;color:#717171; margin-top:4px; font-size:11px}
#cartePiedPage a, #cartePiedPage a:link, #cartePiedPage a:visited{color:#195A8C;}
#cartePiedPage .colonne1{float:left;padding-right:5px;border-right:1px solid #ccc;}
#cartePiedPage .colonne2{float:right;width:125px;}
#cartePiedPage span{color:#014968}


#microSites{
	color:#717171;
	height:25px;
}
#microSites label{float:left;margin-top:3px;}
#MicroSite{float:left;}
.champBtnMicrosite{float:left;margin:2px 0 0 3px;}
/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;padding:3px 3px 0 3px;}
#socialBookmarkerPrefix {float:left;cursor:default; text-transform:uppercase; padding:2px 0 2px 20px; color:#565b5e; background:url(Gx/M/signetvortex_logo.gif) no-repeat 0 1px;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:165px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}
/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; padding:4px 80px 0 0; color:#666; text-align:right; text-decoration:none;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{ font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{color:#014564; font-size:14px; font-weight:bold; padding:0 0 10px 0;position:relative;left:-3px;}
fieldset label{font-size:12px; color:#014564; margin:2px 0 2px 0;border:none;}

.innerleft{float:left}
.innerright{float:right}

/* R�f�rer ce site */
#referer{width:450px;}
#referer .champTexte{width:200px;}
/* Formulaire contact */
#formulaireQuestion{}
#formulaireQuestion fieldset label{float:left;width:90px;}
#formulaireQuestion .champTexte{float:left;width:250px;}
#formulaireQuestion .listeDeroulante{float:left;width:250px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:250px;}

/* Formulaire filtre */
#formulaireFiltre{background: #eeeeee; padding: 5px;}
#formulaireFiltre .bouton{background: #014463; color: #fff; border:none;}
#formulaireFiltre .champTexte{background:#fff; }
#formulaireFiltre .listeDeroulante{background:#fff; }
/*#rechercheAvance{display:none;}*/
#rechercheAvance .champTexte{float:left;width:250px;}

.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, .boutonSubmit{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilis� pour l'anti-spam */

.erreur{color:#FF0000;}

.submitLabel{cursor:pointer;font-weight:bold;text-transform:uppercase;clear:none;float:left;width:100px;margin:5px 0 0 10px;}

.noteLigne em, .noteDetail em{color:#C21527;}

/* BOITE TABS */
/* jQuery tabs */
.ui-tabs .ui-tabs-hide { display: none; }

.boiteTab{ margin: 0 7px 0 7px; width: 700px; }
.boiteTab ul.tab{ height: 37px; margin: 0; padding: 0; position: relative; top: 1px; }
.boiteTab ul.tab li{ margin: 0; padding: 0; height: 37px; width: 125px; float: left; margin-right: 2px; list-style: none; background: url(Gx/M/boite_tab_btn_bg.gif) repeat-x left -37px; cursor: pointer; }
.boiteTab ul.tab li a{ margin: 0; padding: 0; height: 37px; display: block; text-decoration: none; outline: none; background: url(Gx/M/boite_tab_btn_coin_gauche.gif) no-repeat left -37px; cursor: pointer; }
.boiteTab ul.tab li a span.coinDroite{ margin: 0; padding: 0; height: 25px; display: block; text-align: center; overflow: hidden; padding: 12px 0 0 0; font-size: 14px; color: white; background: url(Gx/M/boite_tab_btn_coin_droite.gif) no-repeat right -37px; cursor: pointer; }

.boiteTab .boiteSousTab{ background: url(Gx/M/boite_tab_haut_bg.gif) repeat-x left 5px; padding: 25px 20px 0 20px; }

.boiteTab ul.tab li.ui-state-hover{ background-position: left bottom; }
.boiteTab ul.tab li.ui-state-hover a{ background-position: left bottom; }
.boiteTab ul.tab li.ui-state-hover a span.coinDroite{ background-position: right bottom; color: white; }

.boiteTab ul.tab li.ui-state-active{ background-position: left top; }
.boiteTab ul.tab li.ui-state-active a{ background-position: left top; }
.boiteTab ul.tab li.ui-state-active a span.coinDroite{ background-position: right top; color: black; }

.boiteTab .boite{ border-top: 1px #d3d3d3 solid; }
.boiteTab .boite .bordureGauche{ background: url(Gx/M/boite_tab_bordure_grise.gif) repeat-y left top; }
.boiteTab .boite .bordureDroite{ background: url(Gx/M/boite_tab_bordure_grise.gif) repeat-y right top; padding: 10px 2px 0 2px; }
.boiteTab .boite .bgHaut{ background: url(Gx/M/boite_tab_haut_bg.gif) repeat-x left top; }
.boiteTab .boite .contenue{ background: url(Gx/M/boite_tab_ombre_bas.gif) repeat-x left bottom; padding: 25px 15px 20px 15px; }

.boiteTab .boite .bas{ background: url(Gx/M/boite_tab_bas_ombre_bas.gif) repeat-x left top; height: 6px; overflow: hidden; }
.boiteTab .boite .bas .coinGauche{ background: url(Gx/M/boite_tab_bas_coin_gauche.gif) no-repeat left top; height: 6px; overflow: hidden; }
.boiteTab .boite .bas .coinDroite{ background: url(Gx/M/boite_tab_bas_coin_droite.gif) no-repeat right top; height: 6px; overflow: hidden; }

.boiteFormulaire .boiteSelection{ width: 600px; height: 150px; border: 1px #b0b1aa solid; border-color: #b0b1aa #e6e5e5 #e6e5e5 #b0b1aa; background: #EEF3F7; font-size: 12px; color: #5a698a; padding: 5px; overflow: auto; }
.boiteFormulaire .boiteSelection ul li{ background:none; padding: 0; margin: 0; list-style: none; width: 600px; line-height: 12px; }
.boiteFormulaire .boiteSelection ul li.pair{ background: #fff; }
.boiteFormulaire .boiteSelection ul li .item{ margin: 5px 0 5px 5px; float: left; display: block; width: 500px; }
.boiteFormulaire .boiteSelection ul li .image{ float: left; display: block; margin: 2px 5px 5px 5px; width: 16px; }
.boiteFormulaire .boiteSelection ul li .image img{ border: #5a698a 1px solid; }
.boiteFormulaire .boiteSelection .icone_supprimer{ float: right; display: block; width: 28px; height: 28px; margin: 0 0 0 10px; }
.boiteFormulaire .boiteSelection .message{ color: #666; text-align: center; font-style: italic; margin: 60px 0 0 0; }

#formExport label{width: 135px; float:left;display: block;}
#formExport .champTexte{width:500px;}
#formExport .checkRestriction{width: 15px; float:left;}
#formExport div.check .checkRestriction{width:15px; float:left;}
#formExport div.check label{width: 400px; float:left; display: block;}

tr td.action{ height:28px; } tr td.action div{ width:28px; height:28px; float:left; display:block; }
tr td.action a{ width: 28px; height: 28px; display: block; margin: 0; padding: 0; outline: none; }

/* AUTO COMPLETE */
html body .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
body .ui-autocomplete { position: absolute; cursor: default; }
body .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

body .ui-menu { list-style: none; color: #5a698a; border: 1px #ccc solid; background: #fff; color: #333333; font-family: Arial; font-size: 11px; padding: 4px; text-align: left; }
body .ui-menu a { color: #666; font-weight: bold; }

body .ui-menu .ui-state-hover{ font-weight: bold; color: #1597c9; }
body .ui-menu .ui-state-hover a, body#main .ui-menu .ui-state-hover a:hover { color: #1597c9; text-decoration: none; }




/* ======================================== */
/* BANNIÈRE									*/
/* ======================================== */

div#cadreBanniere{
	width:  441px;
	height: 201px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	border: #c5c5c5 1px solid;
	z-index: 99;
	overflow: hidden;
	position: relative;
}
div#conteneurBanniere{
	position: relative;
	top:-88px;/* -64px - padding */
	left: 3px;
	_left: 0px;
	width: 435px;
	height: 195px;
	_height: 179px;
	border: 0px;
	z-index: -1;
	
}
div#conteneurBanniere div.listeBanniere{
	/*position:relative;
	left:0;
	top: -88px;*/
}
div#bkgTexte{
	position: relative;
	top: 91px;
	width: 435px;
	height: 67px;
	margin: 0px;
	padding: 12px 10px 12px 10px;
	/*background-image: url('gx/m/bkgTexte_banniere.png');
	background-repeat: repeat-y;*/
	z-index: 9;
}
div#banniereImage{
	position: relative;
	left: -10px;
	z-index: -1;
	background-color: transparent;
}
div#banniereImage img{
	border: 0px;
}
div#banniereTexte{
	position: relative;
	width: 415px;
	height: 43px;
	top:-195px;
	padding: 12px 10px 12px 10px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	z-index: 999;
}
div#bannierePager{
	position: relative; 
	top: -20px; 
	left: 356px; 
	width: 77px; 
	height: 20px;  
	background-image: url('gx/m/bkgNav_banniere.png'); 
	background-repeat: no-repeat; 
	z-index: 999;
}
div#bannierePager a{
	display: block;
	float: left;
	width: 19px;
	height: 100%;
	padding-top: 2px;
	color: #4d86a3;
	font-size: 11px;
	text-decoration: none;
}
div#bannierePager a:hover, div#bannierePager a:active, div#bannierePager a.activeSlide{
	color: #fff;
	background-image: url('gx/m/bkgNavSelect_banniere.png');
	background-repeat: no-repeat;
}


/* Le Blogue 09_100
--------------------------------------------------------------------------------------- */
#listeBlogue{border-top: 1px solid #E8E8E8; padding-top: 15px;}

.btnDetail, .btnDetail:link, .btnDetail:visited{
	color: #b4ddec;
	width: 130px;
	height: 29px;
	background: url(gx/m/bg_btn_detail.gif) no-repeat 0 0;
	line-height: 29px;
	text-align: center;
	float: right;
	text-decoration: none;
}

a.lienPartagerPage, a.lienPartagerPage:link, a.lienPartagerPage:visited{
	background: url(Gx/M/ico_partager.gif) no-repeat left top;
	padding: 5px 0 5px 30px;
	color:#2e2e2e;
	text-decoration:none;
	text-transform: none;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	display: block;
	float: right;
	margin-top: 8px;
}
a.lienCommentaire, a.lienCommentaire:link, a.lienCommentaire:visited{
	background: url(Gx/M/ico_commentaire.gif) no-repeat left top;
	padding: 5px 0 5px 32px;
	color:#2e2e2e;
	text-decoration:none;
	text-transform: none;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal; 
	display: block;
	float: right;
	margin: 8px 10px 0 0;
}
a.lienCommentaire:hover, a.lienCommentaire:visited:hover{text-decoration: underline;}

/* Pagination */
#pagination{
	padding: 4px 8px;
	width: 714px;
	height: 37px;
	background-color: #ebebeb;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	position: relative;
}
#pagination  .boutonDetail{
	position: relative;
	z-index: 10;
}
#pagination #lespages{
	position: absolute;
	width: 100%;
	top: 15px;
	left: 0;
	text-align: center;
	line-height: 22px;

}
#pagination #lespages .boutonDetail{padding: 3px;}
#pagination #lespages span{font-weight: bold;}

/* Ajouter un commentaire */
#ajoutercommentaire{
	/*width: 700px;
	float: left;
	background-color: #e9e9e9;
	border-top: 1px #d5d5d5;
	padding: 10px 15px 15px 15px;*/
	background:#f2f8fb;
	margin-right:10px;
	padding:15px;
}
#contenu.frameBlog #ajoutercommentaire h4{
	background: url(Gx/30/ajoutCommentaire.jpg) no-repeat left center;
	color: #535353;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding: 8px 0 8px 50px;
}
.listeCommentaire{display: none;}

#ajoutercommentaire fieldset label{width: 150px;text-align: right;padding-right: 10px;}
#ajoutercommentaire fieldset .champTexte{width: 350px;background-color: #fff;}
#ajoutercommentaire fieldset .boiteTexte{width: 530px;background-color: #fff;}

#boiteTwitter{width: 200px;	border:1px solid #ccc;	padding:5px 10px}
#boiteTwitter .header{border-bottom: 1px solid #ccc; height: 50px; margin:0 0 10px 0;}
#boiteTwitter .header h3{font-family: arial; float:left; margin: 10px 0; text-align: left;}
#boiteTwitter .header h3 a{color: #004363; font-size: 12px; line-height: 14px; text-decoration:none; font-weight:normal;  }
#boiteTwitter .header h3 strong{font-size: 16px;}
#boiteTwitter .fans{	text-align: left;}
#boiteTwitter .fans img{ margin: 5px;}