/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
---------------------------------------------------------------------------------------- */

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #E0E6F4 url(gx/bg.gif) repeat-x top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{color: #425893; font-size:22px; margin-bottom:6px; letter-spacing: -1px;}
h1 a, h1 a:link, h1 a:visited{color:#425893;text-decoration:none;}
h1 span.rubriqueDroite{
	text-align:right;
	float:right;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0px;
	padding-top:10px;
}

h1.titre_0{background-color:#0078bf;letter-spacing:0;margin:0;padding:8px 0 5px 10px;font-size: 16px; color:#FFF;}
h1.titre_0 a, h1.titre_0 a:link, h1.titre_0 a:visited{color:#FFF;font-size: 16px;} 
h1.titre_0 a:hover, h1.titre_0 a:visited:hover{text-decoration:underline;}

h1.division_0{color:#425893;}
h1.division_0 a, h1.division_0 a:link, h1.division_0 a:visited{color:#425893;font-size: 16px;text-decoration:none;} 
h1.division_0 a:hover, h1.division_0 a:visited:hover{color:#425893;text-decoration:underline;}

.ligneHor_0{border-bottom:1px solid #425893;display:block;}	

h2{color: #555; font-size:17px; letter-spacing:-1px;padding:0 0 5px 0;}
h2 a, h2 a:link, h2 a:visited{color:#555; text-decoration:none;}
h2 a:hover, h2 a:visited:hover{color:#000; text-decoration:underline;}

.both, .clearBoth{clear:both}
.floatLeft{float:left;}
.floatRight, .icone2.floatRight{float:right;}
.italic{font-style:italic;}
.displayNone{display:none;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:977px;
	position:relative;
}

/* Liste des liens en haut de page */
#hautLien{color:#999; text-align:right; padding:10px;}
#hautLien a, #hautLien a:link, #hautLien a:visited{color:#fffffd; text-decoration:none;}
#hautLien a:hover, #hautLien a:visited:hover{text-decoration:underline;}
#hautLien a.actif, #hautLien a.actif:visited{color:#93abf1;}

#hautBouton{color:#848484; text-align:right; padding:0 10px 0 0; width:440px; float: right;}
#lienEnvoyer{background:url(gx/m/icone_Envoyer.gif) no-repeat left center;margin-right:20px;}
#lienPanier{background:url(gx/m/icone_panier.gif) no-repeat left center;margin-right:20px;}
#lienImprimer{background:url(gx/m/icone_Imprimer.gif) no-repeat left center;}
#lienBiblio{background:url(gx/m/icone_biblio.gif) no-repeat left center;margin-right:20px;}

#hautBouton a, #hautBouton a:link, #hautBouton a:visited{color:#848484; text-decoration:none; padding:5px 0 5px 22px; font-size:11px;}
#hautBouton a:hover, #hautBouton a:visited:hover{text-decoration:underline;}
#hautBouton a.actif, #hautBouton a.actif:visited{color:#848484;}

#boiteLogo{
	padding:10px 0 10px 10px;
	float:left;
	width:500px;
}

#conteneurPage{
	background: #FFF url(gx/m/conteneurPage_bg.gif) repeat-y;
}
#conteneurPage.conteneurPagePortail{
	background-image:url(gx/portail/conteneurPage_bg.gif);
}
#cadreConteneurPage{
	width:945px;
	margin: 25px 0 0 16px;
	_margin: 25px 0 0 8px;
	float:left;
	display:block;
}

#cadreConteneurPage #boiteGauche{
	width:223px;
	float:left;
}
#cadreConteneurPage #boiteGauche h1{
	color:#010101;
	font-size:16px;
	/* font-family: Arial, "Trebuchet MS"; */
	letter-spacing: -1px;
	line-height:29px;
	display:block;
	margin:0;
}

/* ------------- BOITE RECHERCHE ------------*/
#cadreConteneurPage #boiteGauche #boiteRecherche{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	display: block;
	float:left;
	margin-bottom:30px;
	width:223px;
}

#cadreConteneurPage #boiteGauche #boiteRecherche h1.icone{
	background: url(Gx/M/boiteRechercheIcone_bg.gif) right no-repeat;
}

/* ------------- BOITE MENU DIVISION ------------*/
#cadreConteneurPage #boiteGauche #boiteDivision{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	float:left;
	width:223px;
	display: block;
	margin-bottom: 30px;
}
#cadreConteneurPage #boiteGauche #boiteDivision h1.icone{
	background: url(Gx/M/boiteParcourirIcone_bg.gif) right no-repeat;
}
#cadreConteneurPage #boiteDivision a, #cadreConteneurPage #boiteDivision a:link, #cadreConteneurPage #boiteDivision a:visited{
	background: url(Gx/M/boiteDivision_bg.gif) right repeat-y;
	border-bottom:2px solid #FFF;
	display:block;
	padding:8px 0 7px 30px;
	font-size: 14px;
	font-weight:bold;
	color:#888;
	text-decoration: none;
}
#cadreConteneurPage #boiteDivision a:hover, #cadreConteneurPage #boiteDivision a:visited:hover{
	background: none;
	color:#FFF;
}
#cadreConteneurPage #boiteDivision a.actif, #cadreConteneurPage #boiteDivision a.actif:visited{
	background: url(gx/m/boiteDivision_actif.gif) no-repeat left center;
	color:#FFF;
}


/* ------------- BOITE S' INSCRIRE ------------*/
#cadreConteneurPage #boiteGauche #boiteInscrire{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	float:left;
	margin-bottom:30px;
	width:223px;
}
#cadreConteneurPage #boiteGauche #boiteInscrire h1.icone{
	background: url(Gx/M/boiteInscrireIcone_bg.gif) right no-repeat;
}


/* ------------- BOITE RECEVOIR ------------*/
#cadreConteneurPage #boiteGauche #boiteRecevoir{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	float:left;
	margin-bottom:30px;
	width:223px;
}
#cadreConteneurPage #boiteGauche #boiteRecevoir h1.icone{
	background: url(Gx/M/boiteRecevoirIcone_bg.gif) right no-repeat;
}

/* ------------- BOITE Echanger ------------*/
#cadreConteneurPage #boiteGauche #boiteEchanger{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	float:left;
	margin-bottom:30px;
	width:223px;
}
#cadreConteneurPage #boiteGauche #boiteEchanger h1.icone{
	background: url(Gx/M/boiteEchangerIcone_bg.gif) right no-repeat;
}

/* ------------- BOITE SOUMETTRE ------------*/
#cadreConteneurPage #boiteGauche #boiteSoumettre{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	float:left;
	margin-bottom:30px;
	width:223px;
}
#cadreConteneurPage #boiteGauche #boiteSoumettre h1.icone{
	background: url(Gx/M/boiteSoumettreIcone_bg.gif) right no-repeat;
}


/* ------------- BOITE COMMANDER ------------*/
#cadreConteneurPage #boiteGauche #boiteCommande{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	float:left;
	margin-bottom:30px;
	width:223px;
}
#cadreConteneurPage #boiteGauche #boiteCommande h1.icone{
	background: url(Gx/M/boiteCommandeIcone_bg.gif) right no-repeat;
	text-transform: uppercase;
}


/* ------------- BOITE SOUTIEN TECHNIQUE ------------*/
#cadreConteneurPage #boiteGauche #boiteSoutien{
	background: url(gx/m/hautRAye.gif) repeat-x top;
	float:left;
	margin-bottom:30px;
	width:223px;
}
#cadreConteneurPage #boiteGauche #boiteSoutien h1.icone{
	background: url(Gx/M/boiteSoutienIcone_bg.gif) right no-repeat;
	text-transform: uppercase;
}
/* -------------------------------------------- */

#contenu{
	float:right;
	width:698px;
	margin-right:6px;
	_margin-right:3px;
}
#contenu.contenuLargeurTotale{padding:0 20px 0 32px;background:#fff;width:890px;_padding-left:0;_width:910px;}
#contenu #colContenu{
	display:block;
	float:left;
	width:500px;
}
#contenu #colDroiteBanniere{
	background: #FFF;
	display:block;
	float:right;
	text-align:center;
	margin-top:34px;
	width:186px;
}

/* ------------------ ACCUEIL ------------------*/
.boiteItemDivision{
	display:inline;
	width:335px;
}
.boiteItemDivision h1 a{
	/* background: url(Gx/M/boiteItemDivision_bg.gif) no-repeat top left; */
	color:#FFF;
	font-size: 14px;
	padding:0;
	margin:0;
	text-decoration: none;
}

.boiteItemCommande{position: relative;}

	.boiteItemCommande ul{
		padding: 10px 0 0 0;
	}
	
		.boiteItemCommande ul li{
			margin: 0;
			list-style: none;
		}
		
			.boiteItemCommande ul li a{
				display: block;
				height: 26px;
				margin: 0 0 0 0;
				padding: 0 0 0 15px;
				color: #9d9fa2;
				text-decoration: none;
				background: #fff url(gx/m/boiteCommandeBullet.gif) no-repeat 0 4px;
				font-size: 12px;
			}
			
				.boiteItemCommande ul li a:hover, .boiteItemCommande ul li a.active{color: #273961 !important; font-weight: bold; text-decoration: none; background-position: 0 -21px;}
	
	.boiteItemCommande .catalogueImg img{display: none; position: absolute; top: 42px; right: 0;}


/* ITEM - page détail (01_500) */
#conteneurOnglet{
	border-top:1px solid #e2e2e2;
	display: block;
	padding-top:20px;
	width:698px;
}
#conteneurOnglet #boiteGauche{
	border-bottom:1px solid #e2e2e2;
	float:left;
	width:172px;
	display:block;
}
#conteneurOnglet #boiteDroite{
	width:526px;
	float:right;
	display:block;
}
#conteneurOnglet #boiteDroite .ongletPage{
	border:1px solid #cdcdcd;
	display:none;
	float:right;
	padding:9px;
	margin-bottom:10px;
	padding:9px;
	width:501px;
	_width:526px;
	min-height: 320px;
}

#conteneurBoiteCompagnon, #conteneurBoiteLien{
	clear:right;
	width:200px;
	float:right;
}
.boiteCompagnon, .boiteLien{
	border:3px solid #F0F0F0;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
	text-align:center;
}
#boiteItemDetailInfo{
	float:right;
	width:511px;
}

	#boiteItemDetailInfo form{position: relative; z-index: 10000;}

	#boiteItemDetailInfo span.rabais, #boiteItemDetailInfo span.rabais strong{color: #9B1D1E;}

#boiteItemDetailCouverture{
	float:left;
	width:166px;
}

/* ITEMS */
.boiteItemListe{
	display: inline;
	padding:0;
	float:left;
	text-align:center;
	width:131px;
	color:#666;
	font-size: 11px;
}
.boiteItemListe .titre_0{
	color:#425893;
	font-weight:bold;
	text-decoration:none;
	margin:0;padding:0;
}
.boiteItemListe .titre_0:hover{
	text-decoration:underline;
}
.boiteItemListe .lienDetail_0{
	border:2px solid #cbcfd9;
	color:#a8afc0;
	display:block;
	margin-top:5px;
	padding:5px 0 5px 0;
	text-decoration:none;
	width:131px;
}
.boiteItemListe .lienDetail_0:hover{
	border:2px solid #425893;
	color:#000;
}

.boiteItemListe span.rabais{color: #9B1D1E;}

/* Boite de rubriques générale*/
.boiteRubriqueDivision_0{
	background-color: #cbcfd9;
	border-top:1px solid #425893;
	color:#425893;
	font-size: 12px;
	text-align:left;
	width:100%;
}
.boiteRubriqueDivision_0 a, .boiteRubriqueDivision_0 a:link, .boiteRubriqueDivision_0 a:visited{
	color:#000;
	text-decoration:none;
	line-height:30px;
	padding:8px 5px 7px 5px;
}
.boiteRubriqueDivision_0 a:hover, .boiteRubriqueDivision_0 a:visited:hover{
	background-color: #425893;
	color:#FFF;
}
.boiteRubriqueDivision_0 a.actif, .boiteRubriqueDivision_0 a.actif:visited{
	background-color: #425893;
	color:#FFF;
	font-weight:bold;
}


/* Page détail - Section onglets */
.boutonOnglet_0{border-top:1px solid #e2e2e2;color:#333;display:block;font-size:11px;padding:5px 0 5px 5px;text-decoration:none;width:172px;}
.boutonOnglet_0:hover{background:#cbcfd9;}
.boutonOnglet_0_actif{
	background: #425893 url(gx/01/boutonOnglet_actif_bg.gif) no-repeat top right;
	border-top:1px solid #e2e2e2;
	color:#FFF;
	display:block;
	font-size:11px;
	padding:5px 0 5px 5px;
	text-decoration:none;
	width:172px;
}
/* Page détail - Bouton Ajouter au panier */
.lienAjouterPanier_0{
	background: url(Gx/01/lienAjouterPanier_bg.gif) no-repeat left center;
	border:1px solid #dbdbdb;
	color:#000;
	display:block;
	font-weight:bold;
	margin-top:5px;
	padding:5px;
	text-decoration:none;
	text-align:right;
	width:260px;
}
.lienAjouterPanier_0:hover{border:1px solid #425893;color:#425893;text-decoration:none;}

.lienPanierNext{
	background: url(Gx/Boutique/next.gif) no-repeat right center;
	border:1px solid #CCCCCC;
	color:#1D2D5E !important;
	display:block;
	font-weight:bold;
	margin-top:5px;
	padding:5px;
	text-decoration:none;
	text-align:left;
	width:160px;
}
.lienPanierNext:hover{border:1px solid #425893;color:#0C1C4D !important;text-decoration:none !important;}

.lienPanierBack{
	background: url(Gx/Boutique/back.gif) no-repeat left center;
	border:1px solid #CCCCCC;
	color:#1D2D5E !important;
	display:block;
	font-weight:bold;
	margin-top:5px;
	padding:5px;
	text-decoration:none;
	text-align:right;
	width:160px;
}

.lienPanierBackCourt{
	background: url(Gx/Boutique/back.gif) no-repeat left center;
	border:1px solid #CCCCCC;
	color:#1D2D5E !important;
	display:block;
	font-weight:bold;
	margin-top:5px;
	padding:5px;
	text-decoration:none;
	text-align:right;
	width:80px;
}

.lienPanierBack:hover,.lienPanierBackCourt:hover{border:1px solid #425893;color:#0C1C4D !important;text-decoration:none !important;}

.lienFichePdf_0{background: url(Gx/icone_PDF_Item.gif) no-repeat left top;border:1px solid #dbdbdb;color:#dbdbdb;display:block;font-weight:bold;margin-top:5px;padding:5px;text-decoration:none;text-align:center;width:156px;_width:168px;font-size:11px;}
.lienFichePdf_0:hover{border:1px solid #425893;color:#425893;text-decoration:underline;}



.boiteLienHaut{
	text-align:right;
	padding-right:6px;
	font-size:11px;
	margin-bottom:14px;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #666;}
p strong{font-size: 13px; line-height: 150%; color: #333;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #666; 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;}
ul li{color:#666; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#666; font-size:12px; line-height:150%; list-style-type: decimal; margin-left:26px;}
	ul li span.rabais{color: #9B1D1E;}

.contenuHtml, .contenuHtml table{font-size: 12px; line-height: 150%; color: #666;}
.contenuHtml p{padding-bottom:10px;}

.lienRSS{background: url(Gx/rss.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left; padding:5px 0 5px 20px;}

.nouveaute{background-color:#1c2d5b;color:#FFF;font-size:9px;padding:1px 2px 1px 2px;margin-left:6px;letter-spacing:0px;}

.boitePagination{padding:10px 6px 10px 0;}

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

sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#676767; font-size:11px; padding:0 10px 0 10px;}
#piedPage a{color:#676767; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{color:#676767; float:left; text-align:left;}
#piedPage #copyrights a, #piedPage #copyrights a:link, #piedPage #copyrights a:visited{color:#676767; text-decoration:none;}
#piedPage #copyrights a:hover, #piedPage #copyrights a:visited:hover{color:#000; text-decoration:none;}

/* TABLEAU GÉNÉRAL
--------------------------------------------------------------------------------------- */
.tableau{border: 1px solid #D4D0C2;width:100%;}
.tableau th{background: #6f80ad;color:#e7e9f0;font-size:12px;margin:0;padding:4px;text-align: left;border-bottom:1px solid #d4d0c2;}
/*.tableau .texteCentre{text-align: center;}*/
.tableau td{font-size: 11px; line-height: 140%; color: #666;padding:2px 4px 2px 4px; border-bottom:1px solid #EDECE4;}
.tableau a, .tableau a:link,.tableau a:visited{color: #666; text-decoration: underline;}
.tableau a:hover, .tableau a:visited:hover{color:#000; text-decoration: underline;}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#lightbox{ background:#1c2d5c;} /* couleur du contour popup */
#overlay{background-color: #1c2d5c;} /* couleur du fond tranparent */

/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
****************************************************************************** */
#dhtmltooltip{position:absolute; left:-300px; width:150px; padding:10px; visibility:hidden; z-index:100; text-align:left;}
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip { border: 1px solid #949cb2; background: #ececf0 url(gx/infoBulle_bg.gif) no-repeat bottom right; color : #000; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #e2e2e2;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#666; padding:3px;border:none;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0;padding:4px 0 0 0;}
fieldset label.etiquette{width:200px;display:block;float:left;}
fieldset input.clePromo{width:40px;}
fieldset .detail{ padding:0 0 0 50px; }
#referer{width:500px;}
.innerleft{float:left;} 
.innerright{float:left;margin-left:10px;}
.champTexte{
	font-family:arial;
	background: #e1e6f5;
	border: 1px solid #cfd4e3;
	color: #2a3b67;
	font-size: 12px;
	margin:2px 0 2px 0;
	padding:4px;
	_height:20px;
}
.listeDeroulante{
	background: #e1e6f5;	
	border: 1px solid #cfd4e3;
	color: #2a3b67;
	font-size: 12px;
	padding:4px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #e1e6f5;
	border: 1px solid #cfd4e3;
	color: #2a3b67;
	font-family: Arial;
	font-size: 12px;
	margin:2px 0 2px 0;
	padding: 4px;
}
.bouton, .bouton_0{
	background: url(gx/m/bouton_bg.gif) repeat-x;
	/* background-color: #425893; */
	color: #cfd4e3;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding:4px 0 4px 0;
}

.bouton:hover, .bouton_0:hover{background: #2a3b67; color:#FFF;} /* FF seulement */
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color: #FF0000;font-weight:bold;}

.inputRequirement{color:#F00;font-weight:bold;/*font-size: 12px;*/}
.inputRequirementSmall{color:#F00;font-weight:bold;/*font-size: 10px;*/}


/*********************************************************************************/
/*                                    PANIER                                     */
/*********************************************************************************/
#login .input {font-family:Arial;background-color:#FFFFFF;color:#000;font-size:11px;text-align:left;width:100px;color:#666}
#login .bouton {
	background: url(gx/m/bouton_bg.gif) repeat-x;
	/* background-color: #425893; */
	color: #cfd4e3;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding:2px 0 2px 0;
	margin-top:11px;
	margin-left:2px;
}

#login .bouton:hover, #login .bouton_0:hover{background: #2a3b67; color:#FFF;} /* FF seulement */

#Commande A:link {text-decoration:none;}
#Commande A:hover {text-decoration:underline;}
#Commande A:active {text-decoration:none;}
#Commande A:visited {text-decoration:none;}
#Commande A:visited:Hover {text-decoration:underline;}
#Commande .link {font-family:Arial;color:#000000;font-size:12px;font-weight:bold;}
#Commande a {font-family:Arial;color:#000000;font-size:12px;font-weight:bold;}
/* form */
#Commande .InputSelect {font-family:Arial;background-color:#FFF;color:#000;font-size:11px;}
#Commande .Input {font-family:Arial;background-color:#FFFFFF;color:#000;font-size:11px;text-align:left;}
#Commande .titre {font-family:Arial;color:#000;font-size:18px;font-weight:bold;}
#Commande .titreSmall {font-family:Arial;color:#000000;font-size:15px;}
#Commande .titreRow {font-family:Arial;color:#000;font-size:11px;font-weight:bold;}
#Commande .contourBoiteRow {background-color:#eee;border:1px solid #FFFFFF;}
#Commande .contourItem {background-color:#ccc;border:1px solid #FFFFFF;}
#Commande .contourTotal {background-color:#eee;border:1px solid #FFFFFF;}

#Commande .contourTaxeItem {background-color:#ddd;border:1px solid #FFFFFF;}
#Commande .texte {font-family:Arial;color:#000;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}
#Commande .texteSmallBlanc {font-family:Arial;color:#333;font-size:9px;font-weight:normal;line-height:13px;text-align:left;}
#Commande .prix {font-family:Arial;color:#000000;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}
#Commande .prixTotal {font-family:Arial;color:#333;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}

#Commande .codePromo{color:blue; text-decoration:underline; cursor:pointer;}
#Commande .btnCodePromo{
	background:url(gx/m/bouton_bg.gif) repeat-x left top;
	width:50px;
	color:#CFD4E3;
	font-weight:bold;
	padding:2px 0;
 }
 
 .boutonSubmit{padding: 5px;}
/*********************************************************************************/
/*                                   LISTE # de TÉL                              */
/*********************************************************************************/
 

#listeTelephonique{
	margin-left:5px;
	color:	#000;
}

#listeTelephonique td{
	border: solid 1px #aaa ;
	padding:1px 5px 1px 5px;
}

#listeTelephonique .titre{
	font-weight:bold;
	font-style:italic;
}
#listeTelephonique .titre2{
	font-style:italic;
	font-weight:normal;
}

#listeTelephonique tr.vide td{
	border:none;
}

/* Inscription portail */
#pagePortail h1{text-transform:uppercase;font-size:30px;color:#2e3192;font-family:Helvetica;border-bottom:1px solid #000;}
#pagePortail h2{color:#2c3669;text-transform:uppercase;font-family:Helvetica;font-size:33px;font-weight:normal;padding-bottom:10px;}
#pagePortail p a, #pagePortail p a:visited, #pagePortail p a:link{color:#2e3192;}

#conteneurFormPortail{float: left; width: 383px; margin: 30px 0 0 0;}
	#conteneurFormPortail fieldset{padding: 15px 30px; overflow: hidden;}
	#conteneurFormPortail fieldset legend{color: #293A65; font-size: 14px; font-weight: bold;}
		#conteneurFormPortail fieldset label{display: block; margin: 0 0 4px 0; font-size: 12px; color: #000; font-weight: bold;}
			#conteneurFormPortail fieldset label.erreur{color: red;}
		#conteneurFormPortail fieldset input{margin: 0 0 10px 0;}
#pagePortail div.note{width:230px;padding:15px 0 0 15px;float:right;font-size:11px;line-height:110%;color:#525252;position:relative;z-index:10;}
#pagePortail div.note ul li{background:url(gx/portail/list_pnt.gif) no-repeat 0 2px; padding:0 0 10px 10px;list-style:none;font-size:11px;line-height:110%;color:#525252;}
#pagePortail div.note span{padding-left:10px;display:block;}
#pagePortail div.note a, #pagePortail div.note a:link, #pagePortail div.note a:visited{color:#525252;}

.portailListeLivre{float: right; width: 210px;}

/* FAQ */
.matcompFaq{width: 300px; height: 50px; position: relative; text-align: left;}
	.matcompFaq a{color: #0e2243; text-decoration: none;}
	.matcompFaq span{display: block; width: 170px; position: absolute; top: 0; left: 50px; line-height: 100%; font-size: 11px;}
		.matcompFaq span:hover{cursor: pointer;}
	.matcompFaq img{display: block; position: absolute; top: 0; left: 0;}

/* Acces module complémentaire */
.boiteConnexion{float: left; width: 220px; margin: 40px 30px 0 0; }
	.boiteConnexion fieldset{padding: 22px 24px; background-color: #d5d8df; border: 1px solid #d7dae1;}
		.boiteConnexion fieldset h3{margin: 0 0 10px 0; font-size: 14px; color: #293a65; font-weight: bold; text-transform: uppercase !important; text-align: left;}
		.boiteConnexion fieldset label{margin: 5px 0 5px 0; color: #000; font-size: 14px; display: block;}
		.boiteConnexion fieldset input{width: 165px !important; margin: 0 0 5px 0; border: 1px solid #cfd4e3; color: #000; font-size: 12px; display: block;}
		.boiteConnexion fieldset a{color: #293a66; font-size: 10px;}
			.boiteConnexion fieldset a:hover{text-decoration: none;}
			.boiteConnexion fieldset input.btnInscrit{display: block; float: right; margin: 10px 0 0 0; width: 85px !important; height: 25px !important; background: #d5d8df url(gx/acces-portail-connexion-b.gif) no-repeat 0 0 !important;}
.formPortail fieldset label{font-size:14px;}
.formPortail h3{text-align:center;color:#000;font-family:Helvetica;font-size:18px;text-transform:uppercase;padding-bottom:0;}
.formPortail p{text-align:left;color:#000;line-height:110%; font-size: 12px;}
.formPortail p sup{text-transform:lowercase;}
.formPortail h4{font-size:18px;text-align:center;color:#000;padding-top:150px;font-weight:normal;}
.formPortail input.champTexte{background:#fff;height:13px;_height:20px;width:140px;padding:2px;}
.mortaiseDroite{margin-right:20px;_margin-right:15px;}
.formPortail div.floatLeft{width:150px;}
.formPortail label span.textePetit{font-size:11px;}
.formPortail input.champLong{width:310px;}

.formPortail a.btnDejaInscrit:link span, #formPortail a.btnDejaInscrit:visited span, #formPortail a.btnDejaInscrit span{
	font-size:12px;
}


.portailListeLivre img{display:block;}
.portailListeLivre .infoItem{margin-top:30px;color:#000;}
.portailListeLivre .infoItem p{color:#000;}
.portailListeLivre .infoItem h3{text-transform:uppercase;color:#000;font-size:12px;}
.portailListeLivre .infoItem h3 sup{text-transform:lowercase;}
.portailBtnSoumettre{display: block; float: right; margin: 10px 6px 0 0 !important; width: 85px !important; height: 25px !important; background: #d5d8df url(gx/acces-portail-connexion-b.gif) no-repeat 0 0 !important; border: 0;}

p.statutUsager{
	color:#2e375a;
	float:right;
	position:relative;
	top:-10px;
}

div.listeEtablissement{
	border:1px solid #ccc; padding:10px;
	display:inline-block;
	background:#ddd;
	margin-bottom:3px;
}

/* 02_100 : Page matériel complémentaire
--------------------------------------------------------------------------------------- */
#matCompContenu h1,#matCompContenu .h1,#matCompContenu .h1 a {color: #2c3669; font-size:28px; margin:15px 0 6px 0; text-decoration:none; font-weight:normal; font-family:Helvetica; border-bottom:1px solid #c6c9d6; padding-top:10px;}
#matCompContenu h1 a, #matCompContenu h1 a:link, #matCompContenu h1 a:visited{ color:#C21527; }
#matCompContenu .h1 a:hover { text-decoration:underline; }
#matCompContenu h2.h1{padding:0 0 10px 0;margin:0;border:0;}
#matCompContenu h1 span.floatRight span{color:#a7c4e2;}

#filAriane{
	font-size:15px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

.navRetour{
	float:right;
	width:96px;	
}

a.btnRetour, a.btnRetour:link, a.btnRetour:visited{
	background: url(gx/btnRetour.gif) no-repeat;
	margin-bottom:10px;
	float:right;
	width:96px; height:71px;
	text-align:center;
	padding-top:25px;
	text-decoration:none;
	font-size:13px;
	color:#fff;
}

a.btnRetourChapitre, a.btnRetourChapitre:link, a.btnRetourChapitre:visited{
	background: url(gx/btnRetour2.gif) no-repeat;
}

.boitePreload{
	background: url(gx/spinner.gif) no-repeat center center;
	min-height:300px;
}
.texteDescriptif{font-size:11px;}

#boiteEtudiant{background-color:#f1dda5;}
#boiteEnseignant{background-color:#f9f1db;}

#boiteEtudiant2{background-color:#f1dda5;}
#boiteEnseignant2{background-color:#f9f1db;}
#boitePublic2{background-color:#f1dda5;}

#btnFeuilletage{position:absolute;left:0;margin-top:10px;}

.spinner{background:url('gx/spinner.gif') no-repeat center center;min-height:300px;}
#tabs{display:none;position:relative;}
/*#tabs ul{display:none;}*/

h2.dossier{_display:inline-block;clear:both;cursor:pointer;margin:0;border-collapse:collapse;padding:3px 3px 3px 20px;background:#fff url(gx/fleche.gif) 2px 4px no-repeat;border:1px solid #ccc;}
h2.preload{background:#fff url(gx/ajaxpreload.gif) no-repeat 2px 2px;}
h2.actif{background:#fff url(gx/flecheActif.gif) 2px 5px no-repeat;}
div.contenuDossier{display:none;padding:15px;border:1px solid #ccc;border-top:none;}
div.contenuDossier ul{padding-bottom:10px;}
div.contenuDossier h2{position:relative;font-size:13px;}
ul.fichier{margin:0;padding:0;}
ul.fichier li{clear:both;list-style-type:none;margin:0;padding:0;background:#fff;margin-bottom:1px;padding:2px 5px;min-height:18px;}
ul.fichier li.vignette{padding:10px 0 0 0;margin:0;display:inline;background:none;clear:none;border:0;}
ul.fichier li.vignette a, ul.fichier li.vignette a:visited, ul.fichier li.vignette a:link{
	text-decoration:none;
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	width:100px;
	display:inline-block;
	vertical-align:top;
	margin:5px;
}
div.contenuMatComp{float:left;width:650px;padding:10px 0;}

div.contenuMatComp ul li a.lienTelechargement,div.contenuMatComp ul li a.lienTelechargement:link, div.contenuMatComp ul li a.lienTelechargement:visited{display:none;clear:left;}
ul li.vignette a:hover, .ui-tabs-panel ul li.vignette a:visited:hover{
	border:1px solid #999;
}
#div_MatComp div div.contenuMatComp, #div_FilRss div div.contenuFilRss,
#div_Atelier div div.contenuAtelier{_display:inline-block;padding:5px;/*border:1px solid #ccc;border-top:none;*/}


a.btnToggle, a.btnToggle:link, a.btnToggle:visited{display:inline-block;border:1px solid #ccc;padding:5px;background:#fff;text-decoration:none;}
a.btnToggle:hover, a.btnToggle:visited:hover, a.btnToggle:active{border:1px solid #999;text-decoration:underline;}

/* Bibliothèque */
#bibliotheque{
	background:url(gx/biblio_haut.jpg) no-repeat 1px top;
	width:688px;
	margin-top:80px;
	position:relative;
	padding-top:50px;
}

#bibliotheque p{
	color:#000;
	font-size:11px;
	padding:5px 30px 5px 30px;
	line-height:125%;
}

#bibliotheque h1{
	color:#0d2443;
	font:30px Helvetica;
	padding: 0 0 0 30px;
	margin:0;
}

#biblioBas{
	clear:both;
	padding:10px 5px; margin:0;
	background:url(gx/biblio_bas.jpg) no-repeat center top;
}

#biblio-menu{
	text-align:center;
	position:absolute;
	top:-50px;
	left:100px;
}

#biblio-menu a{
	display:inline-block;
	width: 150px;
	height: 15px;
	font-size:10px;
	background-position:center top;
	padding-top:71px;
	color:#5d5d5d;
}
#biblio-menu a span{background:#fff;border:1px solid #ccc;padding:0 5px;}

a.compte{
	background:url(gx/ico_compte.png) no-repeat;
}

a.classe{
	background:url(gx/ico_gestion_classe.png) no-repeat;
}

a.titre{
	background:url(gx/ico_nouveau_titre.png) no-repeat;
}


div.etagere{
	background:url(gx/biblio_fond.jpg) no-repeat 1px 0; 
	height:128px;
	overflow:hidden;
	position:relative;
	float:left;
	width:688px;
	display:inline-block;

}
div.etagere img{
	border:1px solid #aaa;
	display:inline-block; 
	box-shadow:0px 0px 14px #999;
	-webkit-box-shadow:0px 0px 14px #999;
	-moz-box-shadow: 0px 0px 14px #999;
}
div.etagere h2{
	box-shadow:0px 0px 14px #999;
	-webkit-box-shadow:0px 0px 14px #999;
	-moz-box-shadow: 0px 0px 14px #999;
	display:inline-block;
	width:311px; _width:341px;
	position:absolute;
	z-index:20;
}
div.etagere h2.ouvrage1{background:url(gx/titre_bleu.gif) no-repeat;height:22px;_height:32px;padding:10px 0 0 30px;margin:0;font-size:13px; color:#0d2443;}
div.etagere h2.ouvrage2{background:url(gx/titre_jaune.gif) no-repeat;height:22px;_height:32px;padding:10px 0 0 30px;margin:0;font-size:13px; color:#0d2443;}
div.etagere div.livres{position:absolute;bottom:5px;}
div.etagere a, div.etagere a:link, div.etagere a:visited, div.etagere a:active{margin-left:30px;outline:none;}


div.etagere2{
	background:url(gx/biblio_fond2.jpg) no-repeat 1px 0; 
	height:181px;
	overflow:hidden;
	position:relative;
	float:left;
	width:859px;
	display:inline-block;

}
div.etagere2 img{
	border:1px solid #aaa;
	display:inline-block; 
	box-shadow:0px 0px 14px #999;
	-webkit-box-shadow:0px 0px 14px #999;
	-moz-box-shadow: 0px 0px 14px #999;
}
div.etagere2 h2{
	box-shadow:0px 0px 14px #999;
	-webkit-box-shadow:0px 0px 14px #999;
	-moz-box-shadow: 0px 0px 14px #999;
	display:inline-block;
	width:311px;
	position:absolute;
	z-index:20;
}

div.etagere2 div.livres2{position:absolute;bottom:10px;}
div.etagere2 a, div.etagere2 a:link, div.etagere2 a:visited, div.etagere2 a:active{margin-left:50px;outline:none;}


div.ficheItem{text-align:center;}
div.ficheItem img{display:inline;}
div.ficheItem a{display:inline;}
div.ficheItem h3{color:#a7c4e2;text-align:left;padding-top:5px;font-size:18px;}
div.ficheItem h3 a, div.ficheItem h3 a:link, div.ficheItem h3 a:visited{text-decoration:none;color:#a7c4e2;text-align:left;padding-top:5px;font-size:18px;}
div.ficheItem h3 a:hover,  div.ficheItem h3 a:visited:hover{text-decoration:underline;}
div.ficheItem ul li{list-style:none;text-align:left;font-size:15px;line-height:150%;padding-left:14px;background:url(gx/popup_listePoint.gif) no-repeat 0 5px;}
div.ficheItem ul li a, div.ficheItem ul li a:visited, div.ficheItem ul li a:link{
	color:#fff;
	text-decoration:none;
}

div.ficheItem ul li a:hover, div.ficheItem ul li a:visited:hover{
	text-decoration:underline;
}

#formCodeAcces{width:440px;position:relative;}
#formCodeAcces .btnSoumettre{_behavior:url(inc/iepngfix.htc);background:url(gx/bg_btn_form.png) no-repeat;width:106px;height:108px;border:0;color:#fff;cursor:pointer;font-size:18px;float:right;position:absolute;bottom:0;right:-50px;z-index:10;}
#formCodeAcces fieldset{background:#f2dda6;padding:10px 15px;border:0;}
#formCodeAcces fieldset label{color:#000;font-size:14px;}
#formCodeAcces p{color:#000;}
#formCodeAcces p b{display:inline-block;width:150px;}
h5{color: #000; font-size:22px; margin-bottom:4px; font-weight:normal; font-family:Helvetica; }
#formCodeAcces h5{background:url(gx/pointille.gif) repeat-x 0px 30px;padding-bottom:10px;}
#formCodeAcces input.champTexte{width:250px;height:21px;font-size:14px;color:#000;padding:2px;background:#fff;}
#formCodeAcces label.erreur{color:#f00;}

.boiteDroite{float:right;width:500px;border-left:1px solid #231F20;padding-left:20px;}
.boiteDroite p{color:#000;font-size:11px;}

.pourcentActif{font-weight:bold;font-size:13px;font-family:Verdana;color:#000;}
.pourcentInactif{font-weight:bold;font-size:13px;color:#ccc;font-family:Verdana;}

/* Libellés */
.boiteLibelle{width:300px;float:left;margin-right:5px; padding:12px 24px; _width:348px;_height:100px;}
.boiteLibelle2{width:180px;float:left;margin-right:5px; padding:12px 24px;}
.boiteLibelle h3, .boiteLibelle2 h3{font-size:22px;font-weight:normal;color:#000;}


.ul-libelle{padding:0;font-size:12px;list-style:none;line-height:175%;}
.ul-libelle ul{padding-left:16px;}
.ul-libelle li{background:url(gx/pointille.gif) repeat-x 0 20px; padding:0 0 3px 16px;margin:0;position:relative;list-style:none;}
.ul-libelle li span.img, .boiteFichier h3 span.img{zoom:1; left:-2px;_left:-18px;top:3px;*top:0;position:absolute;display:block;}
.ul-libelle li span.img img, .boiteFichier h3 span.img img{_behavior:url(inc/iepngfix.htc);}
.ul-libelle li.actif{background-color:#F8F1DB;}
.boiteFichier{float:left;width:25%;margin-right:10px;}
.boiteFichier.pleineLargeur,.pleineLargeur{width:700px;}
.boiteFichier h3{
		background:url(gx/pointille.gif) repeat-x 0 20px; 
		padding:0 0 10px 16px;
		margin:0;
		position:relative;
		font-size:12px;
		font-weight:normal;
		color:#000;
		line-height:175%;
}
/* FILS RSS */

.btnAjaxFilRSS{
	float:right;
	margin:3px 0 5px 0;
}

div.contenuFilRss h3{
	padding:5px;
	font-size:13px;
}
div.contenuFilRss h3 a.lienRSS{height:10px;}
.filRssItem {background:url(gx/pointilleRSS.gif) bottom repeat-x; padding:10px 5px;}
.impair{background:#fefafc;}

.filRssItem a, .filRssItem a:link, .filRssItem a:visited{
	color:#333; font-size:12px;
}

a.ajoutFilRss, a.ajoutFilRss:link, a.ajoutFilRss:visited, a.retireFilRss, a.retireFilRss:link, a.retireFilRss:visited{font-weight:normal;text-decoration:none;font-size:10px;color:#333;}

/* 03_100 : Fils RSS
--------------------------------------------------------------------------------------- */
.matCompContenu .btnToggle2{background:#fff;}
.matCompContenu .btnToggle2.actif{background:#a8c3e4;color:#fff;}

#menuRSS{
	float:left;
	width:250px;
	overflow:hidden;
	padding-top:5px;
}

#menuRSS h2{
	color:#000;
	font-size:20px;
}

#RechercheRSS{
	border:1px solid #B3B5B8;
}

#RechercheRSS form fieldset{
	padding:0 10px 20px 10px;
	background-color:#fff;
	line-height:200%;	
}

.btnMotCle{
	display:inline-block;
	width:20px; height:25px;
	border:0;margin:0;padding:0;
	float:left;
	background:url('gx/recherche_btn.gif') no-repeat;
	cursor:pointer;
}

.motCleRss{
	float:left;
	width:175px; height:17px; _height:25px;
	padding:3px;
	border-left:1px solid #6D6F71;
	border-top:1px solid #6D6F71;
	border-right:1px solid #6D6F71;
	border-bottom:1px solid #C6C8CA;
}

#RechercheRSS h2{
	background-color:#D8D9DB;
	position:relative;
	display:block;
	padding:3px 10px;
	margin:0;
}

#RechercheRSS h2 span{
	background:url('gx/loupe.png') no-repeat;
	width: 38px; height:38px;
	position:absolute;
	top:-5px;
}

#TDMRSS ul li{
	background-color:#EEDFA6;
	margin:0 0 2px 0;
	list-style:none;
}

#mesArchivesRSS ul li{
	background-color:#A8C4E2;
	margin:0 0 2px 0;	
	list-style:none;
}

#TDMRSS ul li a, #mesArchivesRSS ul li a{
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	padding:5px 0 5px 20px;
	color:#000;
}

#TDMRSS ul li.actif, #mesArchivesRSS ul li.actif{
	background-image:url('gx/rssmenu_fleche.png');
	background-repeat:no-repeat;
}

#TDMRSS ul ul, #mesArchivesRSS ul ul{
	display:none;
}

#TDMRSS ul ul li, #mesArchivesRSS ul ul li{
	text-indent:20px;
	background-color:#F8F1DB;
	border-top:2px solid #fff;
	margin-bottom:0;
}

#mesArchivesRSS ul ul li{
	background-color:#cee4eb;
}

#mesArchivesRSS ul.dossierPerso li{
	background-color:#7EAAD7;
}

#TDMRSS ul ul ul li a, #mesArchivesRSS ul ul ul li a{
	text-indent:40px;
	font-weight:normal;
}

#TDMRSS, #mesArchivesRSS{
	margin-top:20px;
	width:250px;
}

#contenuRSS{
	float:right;
	width:560px; _width:585px;
	padding-left:25px;
	background:url(gx/pointilleRSS.gif) repeat-y ;
}

#contenuRSS h1{margin:0;padding-top:0;margin-bottom:10px;}

/* TABLEAUX
--------------------------------------------------------------------------------------- */

.tableCours{width:585px;}
.tableCours th{padding:3px;}
.tableCours tfoot tr td{padding:5px;border:1px solid #999;}
.tableCours a, .tableCours a:link, .tableCours a:visited{color:#000;}
.tableCours a:hover, .tableCours a:visited:hover{color:#555;}
/*.tableCours th.titre{background:none;border:0;font-size:15px;}
.tableCours caption{font-weight:bold;font-size:15px;padding:10px 0 4px 0;}
.tableCours td ul li{list-style:disc;margin-left:16px;}
.tableCours th.td_small{width:50px;}
.tableCours th.td_mid{width:150px;}
.tableCours table{width:100%;}*/
/* Liens d'éditions */

/*tablesorter*/
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	text-align: left;
	border:0;
	border-collapse:collapse;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background:#12395E;padding:5px 10px 5px 5px;border:1px solid #000;font-weight:bold;color:#fff;
}
table.tablesorter thead tr .header {
	background-image: url(gx/bg2.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding:5px;border:1px solid #bbb;background:#f6f6f6;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(gx/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(gx/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table tr.rowActive td{background:#dff2bf;}
table tr.rowInactive td{background:#fbd0d0;}

input.inputNbBonneRep{display:inline-block;width:14px;height:13px;padding:3px;font-size:11px;border:1px solid #ddd;background:#eee;cursor:pointer;text-decoration:underline;}
input.inputNbBonneRepActif{background:#fff;font-size:12px;cursor:text;height:16px;width:16px;padding:2px 2px 3px 3px;text-decoration:none;}
.formNote{display:inline;}

.i_feuVert{display:inline-block;width:16px;height:16px;background:url('gx/feu_vert.gif') no-repeat;}
.i_feuRouge{display:inline-block;width:16px;height:16px;background:url('gx/feu_rouge.gif') no-repeat;}
.i_temps{display:inline-block;width:16px;height:16px;background:url('gx/temps.gif') no-repeat;}

.inactif{background-position:0 -16px;}


.icone2{display:block;float:left;_float:none;_display:inline-block;width:16px;height:16px;background:url(Gx/icones.gif) no-repeat;margin-right:3px;}

.i_rss{background-position:0 0;}
.i_pdf{background-position:-16px 0;}
.i_vcard{background-position:-32px 0;}
.i_doc, .i_docx{background-position:-48px 0;}
.i_xls, .i_xlsx, .i_csv, .i_xlsm{background-position:-64px 0;}
.i_ppt, .i_pptx, .i_pps, .i_ppsx{background-position:-80px 0;}
.i_ai, .i_eps, .i_svg{background-position:-96px 0;}
.i_txt, .i_rtf{background-position:-112px 0;}
.i_jpg, .i_jpeg, .i_gif, .i_png{background-position:-128px 0;}
.i_html{background-position:-144px 0;}
.i_psd{background-position:0 -16px;}
.i_swf{background-position:-16px -16px;}
.i_fla{background-position:-32px -16px;}
.i_mov, .i_flv, .i_mp4, .i_mpg, .i_mpeg, .i_avi, .i_wmv{background-position:-48px -16px;}
.i_mp3, .i_wav, .i_aiff{background-position:-64px -16px;}
.i_podcast{background-position:-80px -16px;}
.i_zip, .i_rar{background-position:-96px -16px;}
.i_vcs, .i_ics{background-position:-112px -16px;}
.i_favori{background-position:-128px -16px;}
.i_generic{background-position:-144px -16px;}
.i_sauv{background-position:0 -32px;}
.i_flipbook{background-position:-16px -32px;}
.i_suppr{background-position:-32px -32px;}
.i_groupedit{background-position:-48px -32px;}
.i_inactif{background-position:-64px -32px;}
.i_actif{background-position:-80px -32px;}
.i_retireFavori{background-position:-96px -32px;}
.i_ajouteFavori{background-position:-112px -32px;}
.i_email{background-position:-128px -32px;}
.i_useredit{background-position:-144px -32px;}
.i_atelier{background-position:0px -48px;}
.i_ajouteFavori2{background-position:-16px -48px;}
.i_retireFavori2{background-position:-32px -48px;}
.i_lock{background-position:-48px -48px;}

/* Boîte d'information générale (gris avec bordure et padding) */
.boiteInfo{
	border:1px solid #bbbbbb;
	background-color:#f6f6f6;
	padding:10px;
}

.boiteSucces{
	border:1px solid #4f8a10;
	background-color:#dff2bf;
	font-weight:bold;
	color:#4f8a10;
	padding:10px;
	margin:15px 0;
}

.boiteErreur{
	border:1px solid #D8000C;
	background-color:#ffbaba;
	font-weight:bold;
	color:#D8000C;
	padding:10px;
	margin:15px 0;
}

.boiteCallback{
	font-weight:bold;
	padding:10px;
	display:none;
}

.boiteInfo a.actif, .boiteInfo a.actif:visited{font-weight:bold;}


.infoMenuImg{margin-right:10px;display:block;}

.btnChapitre{
	background:url(gx/bg_chapitre.gif) no-repeat;
	width:32px; height:31px;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	margin:0 4px 4px 0;
}
.numPetit{font-size:11px;}

.btnChapitre a, .btnChapitre a:link, .btnChapitre a:visited{
	text-decoration:none;
	display:block;
	color:#000;
}
#formInscription{width:340px;}
#formInscription label{float:left;margin-right:10px;}

#formInscription select{width:315px;}

#formLoginComplet{width:350px;float:right;}
#formLoginComplet label{width:100px;float:left;}
#formLoginComplet .champTexte{width:150px;}

#formCompte label.etiquette{float:left;width:250px;margin:2px 0;}
#formCompte input, #formCompte select{float:left;margin:2px 0;}

#formEnseignant, #formEtudiant, label#Profession, fieldset#Etablissement{display:none;}

#formAjoutGroupe label{float:left;margin-right:10px;}
#formAjoutGroupe{float:right;width:250px;position:static;} 
#formAjoutGroupe fieldset{position:static;}
#formAjoutGroupe legend{position:static;}
#formAjoutGroupe select{width:225px;}
#formAjoutGroupe input{background:#fff;}

/* 04_100 : Blogue / Billets
--------------------------------------------------------------------------------------- */
#matCompContenu a, #matCompContenu a:link, #matCompContenu a:visited{color:#000;}
.contenuWrap { padding:8px 0;}
#matCompContenu fieldset{border:0;}
#billets { float:left; width:435px; _width:455px;
	padding:0 10px 26px 10px;
	border-left:1px solid #8690a1;
	border-right:1px solid #8690a1; font-size:11px; 
	position:relative;}

.billet { 
margin-bottom:25px; 
position:relative; 
float:left; 
}
.billet .date { float:left; width:50px; background:#eee; text-align:center;  -moz-border-radius:4px; -webkit-border-radius:4px; margin-botton:10px; cursor:default; border-radius:4px; }
.billet .date span { display:block; font-size:26px; color:#25344d; line-height:35px;  }
.billet .date div { background:#25344d; line-height:14px; height:14px; font-size:10px; color:#fff; overflow:hidden; -moz-border-radius:0 0 4px 4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px;  }
.billet .titre { float:left; margin:0 0 10px 10px; width:365px; }
.billet .titre h2 { margin:0; font-weight:normal; background:url(gx/pointille.gif) repeat-x bottom; padding-bottom:0;text-decoration:none;}
#matCompContenu .billet .titre h2.h1{padding:0;margin:0;}
#matCompContenu .billet .titre h2.h1 a{border:0; font-size:25px;color:#0e2243;text-decoration:none;}
.billet h1 { margin-bottom:6px; font-weight:normal;text-decoration:none;}
.billet .auteur { margin-bottom:6px; }
.billet .entree{
	width:425px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */

}
.billet .entree ul { list-style:disc; margin:10px 15px; }
.billet .entree ol { list-style:decimal; margin:10px 15px; }
.billet .entree li { margin-bottom:6px; }
.billet .metaTags { color:#999; }
.billet .ui-btn { margin-top:10px; }

.nombreCommentaires { float:right; }
.pageNavigation { margin:10px 0; font-size:12px; position:absolute; bottom:-15px; right:10px; }
.editerForm { display:none; float:left;}
.actionsModeration { position:absolute; top:8px; right:8px; padding-right:8px; _right:20px; }
.derniereEdition { color:#999; margin-top:8px; }

#commentaires .commentaire { 
padding:8px; 
position:relative; 
border:1px solid #999; 
margin-bottom:8px;
width:395px; }
#commentaires li.commentaire{list-style:none;margin-left:0;}
#commentaires li.commentaire div.message{
	
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}
/*#commentaires .commentaire.prochRangee { }*/
#commentaires .commentaire .auteur { margin-bottom:4px;width:275px; _width:240px }

#ajoutBillet{width:420px;position:relative;}
#ajoutBillet .topRightAbsolute { top:10px; right:10px; }

#navBlogue { float:left; width:190px; margin-left:10px; font-size:11px; }
#navBlogue .navSection { padding:0 0 10px; margin-bottom:5px; }
#navBlogue ul li{ list-style:none;margin-left:0;font-size:11px;}
#navBlogue .navSection ul .commentaire { margin-bottom:10px; font-size:10px; color:#000; background:url(gx/pointille.gif) repeat-x bottom; padding-bottom:10px;}
#navBlogue .navSection ul .commentaire div{white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */}
#navBlogue .navSection ul .commentaire p{ color:#000; }
#navBlogue .navSection ul .commentaire a, #navBlogue .navSection ul .commentaire a:link, #navBlogue .navSection ul .commentaire a:visited{text-decoration:none;}
#navBlogue h3{background:#a8c4e4;font-size:11px; color:#000;padding:5px;margin:0 0 5px 0;}
#navBlogue .navSection ul .commentaire a.lienBillet{font-weight:bold;color:#385e8e;}
#FormBillet .Fh1 { width:100%; font-size:18px; font-weight:bold; line-height:18px; padding:2px; height:22px; }
#FormBillet fieldset { margin-bottom:0; background:#fff; }

#blogueMenu{
	width:190px;
	float:left;
	margin-right:10px;
}

#blogueMenu ul li{
	background:#f9f5dd;
	margin-bottom:2px;
	list-style:none;
	margin-left:0;
}

#blogueMenu ul li.actif{
	background:#eee0a6 url('gx/rssmenu_fleche.png');
	background-repeat:no-repeat;
}

#blogueMenu ul li a, #blogueMenu ul li a:link, #blogueMenu ul li a:visited{
	text-decoration:none;
	display:inline-block;
	padding:5px 0 5px 20px;
	
}

#entreeContenu h1{
	margin:0 0 10px 0;padding:0 0 5px 0; border:0;
	background:url(gx/pointille.gif) bottom repeat-x;
}

#entree{overflow:hidden;}

#menuCompte{clear:both;float:right;text-align:right;font-size:11px;padding:0 5px 0 0; margin:0; }

#menuCompte a, #menuCompte a:link, #menuCompte a:visited{
	display:inline;
	background:none;
	padding:0 5px
}

/* Menu principal */
#menuMatComp{clear:both;margin:0; padding:0; width:900px;position:relative;}
#menuMatComp ul{margin:0;padding:0;white-space:nowrap;width:900px;}
#menuMatComp ul li{padding:0;margin:0;list-style-type:none;width:20%;float:left;}
#menuMatComp ul li a, #menuMatComp ul li a:link, #menuMatComp ul li a:visited{
	background-color:#293A65;
	color:#fff;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:0;
	text-decoration:none;
	text-align:center;
	width:100%;
	line-height:35px;
}
#menuMatComp ul li a:hover, #menuMatComp ul li a:visited:hover{background-color:#3d5f89; color:#fff;}
#menuMatComp ul li a.actif, #menuMatComp ul li a.actif:visited{background-color:#498ECB; color:#FFF;border:none;}

#instruction p{padding-bottom:10px;}


/* ITEMNUM */
#AjoutPanierItemImpNum-form{width: 300px;}
.itemImpNum{position: relative; display: block; margin: 0 0; padding: 10px 0 10px 20px; color: #000;}
	.itemImpNumDernier{border-bottom: 0;}
	.itemImpNum h2{padding: 0; color: #293A66; font-size: 12px; letter-spacing: 0;}
	.itemImpNum input{position: absolute; top: 11px; left: 0; margin: 0; padding: 0;}
	
div.listeEtablissement{
    position: relative;
    border:1px solid #ccc; 
    padding:10px;
    display:block;
    background:#ddd;
    margin-bottom:3px;
}
    div.listeEtablissement a{
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 23px; 
        height: 24px; 
        background: #DDD url(gx/institutionScolaireSupprime.gif) no-repeat 0 -24px;
        border: 0;
        font-size: 0;
    }
        div.listeEtablissement a:hover{background-position: 0 0;}