/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */

body{ background: #e7e6e3 url(Gx/M/bg_body.png) no-repeat center top; color: #333; font-size: 11px; line-height: 150%; font-family: Arial, Verdana, Tahoma; text-align: center; }
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */

a{ color: black; text-decoration: underline; }
a:hover{ text-decoration: none; } 

h1{ background: black; padding: 8px 10px 10px 10px; color: white; font-weight: bold; font-size: 14px; line-height: 1.2; }
h1 span.auteur{ color: #ebb000; padding-right: 10px; border-right: 1px #4d4d4d solid; margin-right: 10px; display: block; float: left; padding-bottom: 2px; }

h2.commeTitreH1{ background: black; padding: 8px 10px 10px 10px; color: white; font-weight: bold; font-size: 14px; line-height: 1.2; }
h2.commeTitreH1 span.auteur{ color: #ebb000; padding-right: 10px; border-right: 1px #4d4d4d solid; margin-right: 10px; display: block; float: left; padding-bottom: 2px; }

h4{ color: #333349; font-size: 14px; font-weight: bold; margin-bottom: 5px; }

p{ font-size: 12px; color: #232323; font-size: 11px; line-height: 16px; margin-bottom: 16px; }
blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}

.textePetit{font-size:10px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */

fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	font-size:11px;
	margin:2px 0;
}
.listeDeroulante{
	font-size:11px;
	margin:2px 0;
}
.boiteTexte{
	/*font-family:"Trebuchet MS";*/
	font-size:11px;
	margin:2px 0;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.bouton{
	/*background-color: #EEF3F7;
	color: #498ECB;
	font-weight: bold;*/
}
.bouton:hover{/*background-color:#1A80B6; color:#FFF;*/}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}
div.erreur{color:#cc0000}

/* Icones générales
--------------------------------------------------------------------------------------- */

.lienRSS{ background: url(Gx/icone_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;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */

#notificationPanier{ position: fixed; z-index: 99999; top: 200px; left: 30px; text-align: center; display: block; background: #EBB000; margin: 0 auto; padding: 7px; color: white; font-weight: bold; font-size: 16px; text-decoration: none; font-family: Arial; -moz-border-radius: 7px; border-radius: 7px; border: 3px black solid; display: none; }

.frameBox, .frameBox2{ padding: 10px; }

#container{ margin: 0 auto;	width: 960px; text-align: left; }

#contenu{ min-height:500px; height:auto !important; height:500px;}

#leftcolumn{ width: 241px; float: left; padding: 8px 0 30px 0; }
#contentlarge{ width: 710px; float: left; padding: 8px 0 0 9px; }

#contentlarge #innercontent{ background: white; }

#millieu{ width: 960px; border-top: 1px white solid; background: url(Gx/M/point_blanc_bordure.gif) 240px repeat-y; }

.both, .clearBoth{clear:both;}

#headers{ height: 224px; width: 960px; border-top: 2px #2a2a2a solid; position: relative; overflow: hidden; }
#headers #logo{ width: 436px; height: 76px; display: block; outline: none; background: url(Gx/M/logo.png) no-repeat left top; position: absolute; top: 0; left: 0; }
#menuSecondaire{ margin: 0; padding: 0; position: absolute; top: 10px; right: 0; }
#menuSecondaire li{ margin: 0; padding: 0; list-style: none; float: left; }
#menuSecondaire li.sep{ width: 1px; height: 12px; background: #8f8e8d; overflow: hidden; margin: 0 7px; border-left: 1px #b5b4b2 solid; position: relative; top: 3px; }
#menuSecondaire li a{ font-size: 12px; font-weight: normal; color: #2a2a2a; text-decoration: none; }
#menuSecondaire li a:hover{ color: #6d6d6d; }

#PanierAchatConteneur{ width:260px !important;  } /* pour IE 6 */
#panierAchat{ float: right; display: block; outline: none; position: absolute; top: 38px; right: 0; background: url(Gx/M/icone_panier.png) no-repeat left top; padding: 7px 0 0 52px; height: 38px; font-weight: bold; font-size: 14px; text-decoration: none; color: white; cursor: pointer; }
#panierAchat span{ height: 26px; background: #EBB000; display: block; padding: 7px 10px 0 5px; float: left; }
#panierAchat span div#panier {float:right;}
#panierAchat:hover{ background-position: left bottom;  }
#panierAchat:hover span{ background: #c69400; }

#innerheaders{ width: 960px; height: 124px; position: absolute; top: 100px; left: 0px; }
#innerheaders #rechercheHeader{ width: 960px; height:49px; background: white; overflow: hidden; }
#innerheaders #rechercheHeader .frameBox{ padding: 11px 217px 0 10px; }
#innerheaders #rechercheHeader .boiteCategorie{ float: left; width:220px; background: #FFF; border: 1px solid #e2e2e2; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; position: relative; top: 1px; }
#innerheaders #rechercheHeader #btnsearchtop{ float: right; border: none; margin: 0; padding: 0; background: url(Gx/M/btn_recherche.png); width: 84px; height: 23px; cursor: pointer; outline: none; }
#innerheaders #rechercheHeader #btnsearchtop:hover{ background-position: left bottom; }
#innerheaders #rechercheHeader .champsRecherche{ font-size: 12px; color: #2a2a2a; }
#innerheaders #rechercheHeader .champsRecherche{ float: right; }
#innerheaders #rechercheHeader .champsRecherche span{ position: relative; left: -4px; top: -2px; }
#innerheaders #rechercheHeader .champsRecherche input{ font-size: 13px; color: #2a2a2a; padding: 3px 3px 2px 3px; border: 1px #a8acad solid; border-width: 1px 0 1px 1px; height: 16px; width: 220px; background: url(Gx/M/bg_input.gif) repeat-x left top; }
#innerheaders #rechercheHeader #rechercheAvance{ width: 206px; height: 49px; display: block; outline: none; float: right; background: url(Gx/M/btn_recherche_avance.png) no-repeat left top; }
#innerheaders #rechercheHeader #rechercheAvance:hover{ background-position: left bottom; }

#filDariane{ width: 960px; height: 30px; padding-top: 17px; }
#filDariane *{ font-size: 13px; color: #2a2a2a; text-decoration: none; }
#filDariane span, #filDariane a{ font-weight: normal; padding: 5px; }
#filDariane span.titre{ font-weight: bold; font-size: 14px; padding-left: 0px; }
#filDariane span.sep{ font-size: 8px; font-weight: bold; padding: 0; position: relative; top: -2px; }
#filDariane a:hover{ background: #ebb000; color: white; }
#filDariane .fil{ float: left; }
#container #filDariane a.btnPartageFacebook{ width: 30px; height: 30px; background: url(Gx/M/btn_reseaux_sociaux.png) no-repeat right top; display: block; margin: 0 0 0 5px; padding: 0; float: right; position: relative; top: -7px; }
#container #filDariane a.btnPartageTwitter{ width: 30px; height: 30px; background: url(Gx/M/btn_reseaux_sociaux.png) no-repeat left top; display: block; margin: 0 0 0 7px; padding: 0; float: right; position: relative; top: -7px; }
#container #filDariane a.btnPartageFacebook:hover{ background-position: right bottom; }
#container #filDariane a.btnPartageTwitter:hover{ background-position: left bottom; }
#container #filDariane span.titreReseauxSociaux{ margin: 0; padding: 0; float: right; position: relative; top: -2px; }

.boiteCategorie{ width: 230px; background: white; padding-bottom: 12px; margin-bottom: 20px; }
.boiteCategorie h2{ width: 210px; background: #2a2a2a; padding: 8px 10px; font-size: 17px; font-weight: bold; color: white; margin: 0; }
.boiteCategorie #categorie{ padding: 15px 10px 0 10px; zoom: 1; }
.boiteCategorie #categorie li{ margin: 0; list-style: none; padding: 0 0 7px 0; diplay: block; width: 210px; float: left; }
.boiteCategorie #categorie li a{ text-decoration: none; background: #2a2a2a; color: white; font-size: 13px; padding: 3px 5px 2px 5px; line-height: 1.2; display: block; outline: none; }
.boiteCategorie #categorie li a:hover, .boiteCategorie #categorie li.actif a{ background: #ebb000; color: white; }
.boiteCategorie #categorie ul.sCategorie{ padding: 3px 0 3px 12px; zoom: 1; clear: both; }
.boiteCategorie #categorie ul.sCategorie li{ width: 198px; }
.boiteCategorie #categorie ul.sCategorie li a{ background: white; color: black; outline: none; }
.boiteCategorie #categorie ul.sCategorie li a:hover{ background: white; color: #ebb000; }
.boiteCategorie #categorie ul.sCategorie li.actif a{ background: #ebb000; color: white; }

a#btnListeEditeur{ width: 230px; height: 203px; background: url(Gx/M/liste_editeur.png) no-repeat left top; outline: none; display: block; margin-bottom: 14px; }
a#btnListeEditeur:hover{ background-position: left bottom; }

a#btnLivreCollections{ width: 230px; height: 224px; background: url(Gx/M/livre_collection.png) no-repeat left top; outline: none; display: block; }
a#btnLivreCollections:hover{ background-position: left bottom; }

.divClear{ clear: both; width: 0px; height: 0px; overflow: hidden; line-height: 0; font-size: 0; }

#pagination{ background: #E7E6E3; text-align: right; padding: 0px 0 9px 0; overflow: hidden; }
#pagination .boite{ background: white; padding: 6px 10px; float: right; }
#pagination span, #pagination a{ padding: 0 1px; }
#pagination span{ color: #ebb000; font-size: 11px; font-weight: bold; }
#pagination a{ color: black; font-size: 11px; font-weight: bold; text-decoration: none; }
#pagination a:hover{ color: #ebb000; }

.ajoutPanier{ background: url(Gx/M/sprites.gif) no-repeat left top; }
.email{ background: url(Gx/M/sprites.gif) no-repeat left -128px; }
.enSavoirPlus{ background: url(Gx/M/sprites.gif) no-repeat left -69px; }
.imprimer{ background: url(Gx/M/sprites.gif) no-repeat left -23px; }
.envoyerAmi{ background: url(Gx/M/sprites.gif) no-repeat left -46px; }
.partagerWeb{ background: url(Gx/M/sprites.gif) no-repeat left -69px; }
.viderPanier{ background: url(Gx/M/sprites.gif) no-repeat left -151px; }
.miseAjour{ background: url(Gx/M/sprites.gif) no-repeat left -174px; }
.sauvegarder{ background: url(Gx/M/sprites.gif) no-repeat left -197px; }
.commander{ background: url(Gx/M/sprites.gif) no-repeat left -220px; }

.boiteBtnGauche{ float: left; }
.boiteBtnDroite{ float: right; }
.boiteBtnGauche .btn, .boiteBtnDroite .btn{ height: 21px; padding: 2px 10px 0 34px; background-color: #ebb000; display: block; outline: none; font-size: 14px; text-decoration: none; color: white; font-weight: bold; }
.boiteBtnGauche .btn{ float: left; margin-right: 10px; }
.boiteBtnDroite .btn{ float: right; margin-left: 10px; }
.boiteBtnGauche .btn:hover, .boiteBtnDroite .btn:hover{ background-color: #2a2a2a; }

input.btnInput{ border: none; background: #2A2A2A; font-size: 13px; font-weight: bold; color: white; padding: 4px 10px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; }
input.btnInput:hover, input.btnInput.hover{ background: #EBB000; }

/* MENUS
--------------------------------------------------------------------------------------- */

#innerheaders #menu{ width: 960px; height: 75px; background: url(Gx/M/bg_menu.gif) repeat-x left top; overflow: hidden; }
#innerheaders #menu ul{ width: 960px; height: 75px; margin: 0; padding: 0 0 0 15px; }
#innerheaders #menu ul li{ height: 75px; margin: 0; padding: 0; list-style: none; float: left; display: block; }
#innerheaders #menu ul li a{ margin: 0; padding: 29px 23px 0 23px; outline: none; display: block; float: left; font-size: 15px; font-weight: bold; color: white; text-decoration: none; height: 46px; position: relative; }
#innerheaders #menu ul li a:hover{ color: #ebb000; }
#innerheaders #menu ul li a span{ display: none; }
#innerheaders #menu ul li a.actif, #innerheaders #menu ul li a.actif:hover{ background: #ebb000; color: white; cursor: default; }
#innerheaders #menu ul li a.actif span.actifGauche{ display: block; width: 7px; height: 75px; position: absolute; left: -7px; top: 0px; background: url(Gx/M/bg_menu_gauche.png) no-repeat left top; }
#innerheaders #menu ul li a.actif span.actifDroite{ display: block; width: 7px; height: 75px; position: absolute; right: -7px; top: 0px; background: url(Gx/M/bg_menu.png) no-repeat right top; }

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */

.fbJaimePetit{max-width: 100px;}
/*.fbJaime{max-width: 450px; height: 25px;}
.fbJaime iframe{margin-right: 10px; height: 25px;}*/

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#suggestionAccueil{ width: 960px; border-top: 1px black solid; margin-bottom: 20px; background: url(Gx/M/boite_suggestion_accueil_bg.gif) repeat-y left top; }
#suggestionAccueil #boiteDetailSuggestion{ background: url(Gx/M/boite_suggestion_accueil_bg_ligne.gif) no-repeat left top; width: 230px; float: left; padding-right: 20px; }
#suggestionAccueil #boiteDetailSuggestion h2{ color: white; font-size: 25px; text-transform: uppercase; font-weight: bold; padding: 30px 0 0 20px; line-height: 120%; margin: 0; }
#suggestionAccueil #boiteDetailSuggestion h2 span{ font-size: 36px; }
#suggestionAccueil #boiteDetailSuggestion p{ color: white; font-size: 12px; line-height: 18px; padding: 4px 20px 0 20px; margin: 0; }
#suggestionAccueil #boiteCarouselSuggestion{ width: 710px; float: left; background: white; overflow: hidden; }
#suggestionAccueil #boiteCarouselSuggestion #carouselSuggestion li{ display: none; }

#suggestionAccueil #boiteCarouselSuggestion #carouselSuggestion li a div.photo{ width: 95px; /*height: 150px; overflow: hidden; background: black;*/ }

.jcarousel-skin .jcarousel-container{  }
.jcarousel-skin .jcarousel-container-horizontal{ width: 629px; padding: 10px 33px 0 48px; overflow: hidden; }
.jcarousel-skin .jcarousel-clip{ overflow: hidden; }

.jcarousel-skin .jcarousel-clip-horizontal{ width: 644px; }
.jcarousel-skin .jcarousel-item{ width: 99px; padding: 0; margin-right: 30px; overflow: hidden; }
.jcarousel-skin .jcarousel-item a{ width: 99px; display: block; text-decoration: none; margin: 0; padding: 0 2px; }
.jcarousel-skin .jcarousel-item a div.photo{ width: 95px; padding: 0; overflow: hidden; /*border: 2px black solid; background: black; height: 150px; overflow: hidden;*/ }
.jcarousel-skin .jcarousel-item a div.photo img{ vertical-align: top; }
.jcarousel-skin .jcarousel-item a div.infos{ width: 99px; background: url(Gx/M/boite_suggestion_accueil_ombre_photo.png) no-repeat left top; padding: 9px 0px 0 0px; overflow: hidden; }
.jcarousel-skin .jcarousel-item a div.infos h2{ font-size: 11px; color: black; /*background: black;*/ padding: 2px; line-height: 13px; display: block; width: 95px; margin: 0 0 6px 0; overflow: hidden; }
.jcarousel-skin .jcarousel-item a:hover div.infos h2{ color: #ebb000; /*background: #EBB000;*/ }

.jcarousel-skin .jcarousel-item-placeholder{ background: #fff; color: #000; }

.jcarousel-skin .jcarousel-next-horizontal{
    position: absolute;
    top: 0px;
    right: 0px;
	bottom: 0px;
    width: 25px;
    height: auto !important; height: 270px;
    cursor: pointer;
    background: white url(Gx/M/boite_suggestion_accueil_btn.png) no-repeat -25px center;
}

.jcarousel-skin .jcarousel-next-horizontal:hover,
.jcarousel-skin .jcarousel-next-horizontal:focus{
   background: black url(Gx/M/boite_suggestion_accueil_btn.png) no-repeat -75px center;
}

.jcarousel-skin .jcarousel-next-horizontal:active{ background: black url(Gx/M/boite_suggestion_accueil_btn.png) no-repeat -75px center; }

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active{
    cursor: default;
    background: white;
}

.jcarousel-skin .jcarousel-prev-horizontal{
    position: absolute;
    top: 0px;
    left: 0px;
	bottom: 0px;
    width: 25px;
    height: auto !important; height: 270px;
    cursor: pointer;
    background: white url(Gx/M/boite_suggestion_accueil_btn.png) no-repeat 0px center;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover,
.jcarousel-skin .jcarousel-prev-horizontal:focus{
    background-position: -32px 0;
	background: black url(Gx/M/boite_suggestion_accueil_btn.png) no-repeat -50px center;
}

.jcarousel-skin .jcarousel-prev-horizontal:active{ background: black url(Gx/M/boite_suggestion_accueil_btn.png) no-repeat -50px center; }

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active{
    cursor: default;
    background: white;
}

#contentlargeAccueil .collDroite .boiteFavoris{ width: 230px; position: relative; left: 10px; margin-bottom: 20px; text-decoration: none; }
#contentlargeAccueil .collDroite .boiteFavoris h2{ display: block; background: #2a2a2a; padding: 0; color: white; font-size: 14x; line-height: 120%; margin: 0; overflow: hidden; font-weight: bold; text-decoration: none; }
#contentlargeAccueil .collDroite .boiteFavoris h2 a{ text-decoration: none; color: white; display: block; padding: 8px 11px; font-size: 14x; line-height: 120%; font-weight: bold; }
#contentlargeAccueil .collDroite .boiteFavoris h2 a:hover{ color: #ebb000; text-decoration: none; }
#contentlargeAccueil .collDroite .boiteFavoris a.conteneur{ padding: 12px; background: white; display: block; text-decoration: none; }
#contentlargeAccueil .collDroite .boiteFavoris a.conteneur:hover{ padding: 9px; border: 3px #EBB000 solid; text-decoration: none; }
#contentlargeAccueil .collDroite .boiteFavoris a.conteneur .photo{ width: 72px; float: left; }
#contentlargeAccueil .collDroite .boiteFavoris a.conteneur .photo img{ vertical-align: top; border: 1px #686868 solid; }
#contentlargeAccueil .collDroite .boiteFavoris a.conteneur .description{ width: 134px; float: left; }
#contentlargeAccueil .collDroite .boiteFavoris a.conteneur .description h3{ font-size: 12px; line-height: 14px; color: #232323; font-weight: normal; }
#contentlargeAccueil .collDroite .boiteFavoris a.conteneur .description p{ font-size: 11px; color: #232323; line-height: 16px; margin: 0 0 5px 0; padding: 10px 0 0 0; }		
#contentlargeAccueil .collDroite .boiteFavoris .btn{ float: right; height: 21px; padding: 2px 10px 0 34px; background-color: #ebb000; display: block; outline: none; font-size: 14px; text-decoration: none; color: white; font-weight: bold; }
#contentlargeAccueil .collDroite .boiteFavoris .btn:hover{ background-color: #2a2a2a; }
#contentlargeAccueil .collDroite .boiteFavoris .prix{ font-size: 15px; color: #ebb000; font-weight: bold; position: relative; }
#contentlargeAccueil .collDroite .boiteFavoris .prix .boiteDisponibiliter{ width: 18px; height: 18px; display: block; overflow: hidden; position: absolute; top: -1px; right: -24px; }
#contentlargeAccueil .collDroite .boiteFavoris .prix .disponible{ background: black url(Gx/M/sprites.gif) no-repeat left -92px; }
#contentlargeAccueil .collDroite .boiteFavoris .prix .nonDisponible{ background: black url(Gx/M/sprites.gif) no-repeat left -110px; }

#contentlargeAccueil{ width: 710px; float: left; padding: 0 0 0 9px; background: url(Gx/M/point_blanc_bordure.gif) 479px repeat-y; }
#contentlargeAccueil .collGauche{ width: 460px; float: left; padding: 8px 10px 10px 0; }
#contentlargeAccueil .collGauche .boiteTop5{ margin-bottom: 20px; }
#contentlargeAccueil .collGauche .boiteTop5 .boiteTexte{ padding: 10px 13px; background: white; margin-bottom: 7px; position: relative; top: -7px; }
#contentlargeAccueil .collGauche .boiteTop5 .boiteTexte h3{ font-size: 12px; color: #2a2a2a; font-weight: bold; margin: 0; padding: 0; line-height: 16px; }
#contentlargeAccueil .collGauche .boiteTop5 .boiteTexte p{ font-size: 11px; color: #2a2a2a; font-weight: normal; margin: 0; padding: 0; line-height: 14px; }
#contentlargeAccueil .collGauche .boiteTop5 h2{ display: block; float: left; background: #2a2a2a; padding: 8px 11px; color: white; font-size: 17px; line-height: 120%; margin: 0; overflow: hidden; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur{ border: 1px #2a2a2a solid; border-width: 4px 1px 1px 1px; clear: both; background: #f4f4f2; padding: 20px 0 10px 0; zoom: 1; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre{ margin: 0; padding: 0 1px 0 2px; zoom: 1; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre li{ margin: 0; padding: 0; list-style: none; width: 99px; float: left; padding: 0 7px 0 7px; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre li a{ text-decoration: none; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre li a .photo{ width: 95px; padding: 0 2px; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre li a .photo img{ vertical-align: top; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre li a .infos{ background: url(Gx/M/boite_suggestion_accueil_ombre_photo.png) no-repeat left top; padding: 9px 0 0 0; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre li a .infos h4{ font-size: 11px; color: black; font-weight: bold; line-height: 14px; padding: 0 3px; }
#contentlargeAccueil .collGauche .boiteTop5 .conteneur ul.boiteLivre li a:hover .infos h4{ color: #EBB000; }

#contentlargeAccueil .collGauche .boiteVideo{ margin-bottom: 20px; }
#contentlargeAccueil .collGauche .boiteVideo h2{ display: block; float: left; background: #2a2a2a; padding: 8px 11px; color: white; font-size: 17px; line-height: 120%; margin: 0; overflow: hidden; }
#contentlargeAccueil .collGauche .boiteVideo .conteneur{ border: 1px #2a2a2a solid; border-width: 4px 1px 1px 1px; clear: both; background: #f4f4f2; padding: 10px 0 10px 0; zoom: 1; text-align: center; }
#contentlargeAccueil .collGauche .boiteVideo *{ vertical-align: top; }

#contentlargeAccueil .collDroite{ width: 230px; float: left; padding: 8px 0 0 0; }
#contentlargeAccueil .collDroite #boiteInfoLettre{ width: 230px; position: relative; left: 10px; }
#contentlargeAccueil .collDroite #boiteInfoLettre h2{ display: block; background: #ebb000; padding: 8px 11px; color: white; font-size: 17px; line-height: 120%; }
#contentlargeAccueil .collDroite #boiteInfoLettre .conteneur{ background: white url(Gx/M/boite_infolettre_bg.png) no-repeat top right; padding: 20px 10px 15px 10px; border-bottom: 1px #f5f5f4 solid; }
#contentlargeAccueil .collDroite #boiteInfoLettre .conteneur p{ font-size: 11px; line-height: 16px; color: #232323; margin-bottom: 15px; }
#contentlargeAccueil .collDroite #boiteInfoLettre .conteneur label{ font-size: 12px; font-weight: normal; line-height: 18px; color: #232323; padding: 0; margin: 0; }
#contentlargeAccueil .collDroite #boiteInfoLettre .conteneur .btnSubmit{ width: 26px; height: 23px; overflow: hidden; border: none; padding: 0; margin: 0; float: left; background: url(Gx/M/boite_infolettre_btn_submit.png) no-repeat left top; cursor: pointer; }
#contentlargeAccueil .collDroite #boiteInfoLettre .conteneur .btnSubmit:hover{ background-position: left bottom; }
#contentlargeAccueil .collDroite #boiteInfoLettre .conteneur #Email{ padding: 3px 1px 2px 3px; margin: 0; border: 1px #a8acad solid; border-width: 1px 0 1px 1px; background: url(Gx/M/bg_input.gif) repeat-x left top; float: left; width: 177px; }
#contentlargeAccueil .collDroite .sep{ height: 1px; background: white; margin: 10px 0; width: 240px; overflow: hidden; zoom: 1; }

/* À signaler
--------------------------------------------------------------------------------------- */

.listeASignaler{ padding: 0; }
.listeASignaler .boiteLivre{ border-bottom: 9px #E7E6E3 solid; padding: 10px; }
.listeASignaler .photo{ float: left; margin: 0 10px 7px 0; }
.listeASignaler .photo img{ vertical-align: top; }
.listeASignaler p{ font-size: 12px; color: #232323; font-size: 11px; line-height: 16px; margin: 0; }
.listeASignaler h2, .listeASignaler h2 a{ font-size: 17px; color: #232323; line-height: 1.2; text-decoration: none; margin: 0; }
.listeASignaler h2 a:hover{ color: #EBB000; }
.listeASignaler span.soustitre, .listeASignaler span.auteur{ font-weight: bold; }
.listeASignaler span.auteur{ font-style: italic; }

.listeASignaler .btn{ height: 21px; padding: 2px 10px 0 34px; background-color: #ebb000; display: block; outline: none; font-size: 14px; text-decoration: none; color: white; font-weight: bold; float: right; margin-top: 10px; }
.listeASignaler .btn:hover{ background-color: #2a2a2a; }

/* LISTE LIVRE
--------------------------------------------------------------------------------------- */

#boiteHautListeLivre{ height: 34px; width: 710px; overflow: hidden; background: black; }
#boiteHautListeLivre .titreGauche{ padding: 0px 0 0 0px; float: left; }
#boiteHautListeLivre .trieGauche{ padding: 6px 0 0 12px; float: left; }
#boiteHautListeLivre .trieGauche label{ font-size: 13px; color: white; font-weight: bold; text-transform: uppercase; line-height: 1.2; margin: 0; padding: 0; }
#boiteHautListeLivre .trieGauche select{ padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; width: 100px; }
#boiteHautListeLivre .trieGauche #checkboxAParaitre{ font-size: 11px; padding-left: 20px; }
#boiteHautListeLivre .trieGauche #checkboxAParaitre input{ margin: 0; padding: 0; position: relative; top: 3px; }
#boiteHautListeLivre .trieGauche form{ display: inline; }
#boiteHautListeLivre .infoDroite{ float: right; width: 245px; }
#boiteHautListeLivre .infoDroite a.btnImprimer{ float: right; width: 41px; height: 34px; outline: none; background: url(Gx/M/btn_imprimer.png) no-repeat left top; display: block; }
#boiteHautListeLivre .infoDroite a.btnImprimer:hover{ background-position: left bottom; }
#boiteHautListeLivre .infoDroite span.nbResultat{ float: right; color: #ebb000; font-size: 13px; text-transform: uppercase; font-weight: bold; padding: 8px 12px 0 0; }

#selectAbregeeDetaillee{ padding: 0 0 0 10px; height: 32px; width: 700px; overflow: hidden; background: black; }
#selectAbregeeDetaillee select{ padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; width: 150px; }

#listeLivre{ border-top: 7px #e7e6e3 solid; }
#listeLivre .livre{ margin: 0; padding: 10px; background: white; border-bottom: 10px #e7e6e3 solid; position: relative; zoom: 1; }
#listeLivre .livre .image{ float: left; width: 112px; }
#listeLivre .livre .image img{ vertical-align: top; }
#listeLivre .livre .details{ float: left; width: 578px; }
#listeLivre .livre .details h2.titre{ position: relative; font-size: 17px; font-weight: normal; line-height: 1.2; padding: 0 0 0 25px; margin: 0 0 10px 0; zoom: 1; }
#listeLivre .livre .details h2.titre a{ text-decoration: none; color: #232323; outline: none; }
#listeLivre .livre .details h2.titre a:hover{ text-decoration: none; color: #EBB000; }
#listeLivre .livre .details h2.titre .boiteDisponibiliter{ width: 18px; height: 18px; display: block; overflow: hidden; position: absolute; top: 1px; left: 0px; }
#listeLivre .livre .details h2.titre .disponible{ background: black url(Gx/M/sprites.gif) no-repeat left -92px; }
#listeLivre .livre .details h2.titre .nonDisponible{ background: black url(Gx/M/sprites.gif) no-repeat left -110px; }
#listeLivre .livre .details p.description{ font-size: 11px; color: #232323; line-height: 16px; margin-bottom: 10px; }
#listeLivre .livre .details .prix{ font-size: 19px; font-weight: bold; color: #ebb000; }

#listeLivre .livre .details .boiteBtn{ position: absolute; right: 10px; bottom: 2px; }

#listeLivre .livre .details .boiteBtn .btn{ height: 21px; padding: 2px 10px 0 34px; background-color: #ebb000; display: block; outline: none; font-size: 14px; text-decoration: none; color: white; margin-bottom: 7px; font-weight: bold; float: right; margin-left: 10px; }
#listeLivre .livre .details .boiteBtn .btn:hover{ background-color: #2a2a2a; }

/* LISTE À SIGNALER
--------------------------------------------------------------------------------------- */

.listeASignaler{ padding: 0; }
.listeASignaler .boiteLivre{ border-bottom: 9px #E7E6E3 solid; padding: 10px; }
.listeASignaler .photo{ float: left; margin: 0 10px 7px 0; }
.listeASignaler .photo img{ vertical-align: top; }
.listeASignaler p{ font-size: 12px; color: #232323; font-size: 11px; line-height: 16px; margin: 0; }
.listeASignaler h2, .listeASignaler h2 a{ font-size: 17px; color: #232323; line-height: 1.2; text-decoration: none; margin: 0; }
.listeASignaler h2 a:hover{ color: #EBB000; }
.listeASignaler span.soustitre, .listeASignaler span.auteur{ font-weight: bold; }
.listeASignaler span.auteur{ font-style: italic; }

.listeASignaler .btn{ height: 21px; padding: 2px 10px 0 34px; background-color: #ebb000; display: block; outline: none; font-size: 14px; text-decoration: none; color: white; font-weight: bold; float: right; margin-top: 10px; margin-left: 10px; }
.listeASignaler .btn:hover{ background-color: #2a2a2a; }
.listeASignaler .enSavoirPlus{ background-position: left -69px; }

/* PAGE DÉTAIL D'UN LIVRE
--------------------------------------------------------------------------------------- */

.containerItem{ padding: 10px; }
.containerItem .bg{ background: url(Gx/M/point_gris_bordure.gif) repeat-y 201px top; }
.containerItem .collGauche{ width: 201px; float: left; }
.containerItem .btn{ width: 157px; height: 21px; padding: 2px 0 0 34px; background-color: #ebb000; display: block; outline: none; font-size: 14px; text-decoration: none; color: white; margin-top: 7px; font-weight: bold; }
.containerItem .btn:hover{ background-color: #2a2a2a; }
.containerItem .collDroite{ width: 454px; float: left; padding: 10px 20px 0 15px; }
.containerItem .collGauche .prix{ font-size: 19px; color: #ebb000; font-weight: bold; position: relative; top: 2px; margin-bottom: 5px; float: left; }
.containerItem .collGauche .prix .boiteDisponibiliter{ width: 18px; height: 18px; display: block; overflow: hidden; position: absolute; top: -1px; right: -24px;}
.containerItem .collGauche .prix .disponible{ background: black url(Gx/M/sprites.gif) no-repeat left -92px; }
.containerItem .collGauche .prix .nonDisponible{ background: black url(Gx/M/sprites.gif) no-repeat left -110px; }
.containerItem .collGauche p{ padding: 10px 0 0 0; color: #232323; font-size: 11px; line-height: 16px; margin: 0; }
.containerItem .collDroite h2{ font-size: 14px; font-weight: bold; color: black; line-height: 18px; margin-bottom: 5px; }
.containerItem .collDroite p{ font-size: 11px; font-weight: bold; color: black; line-height: 18px; }
.containerItem .collDroite p.livreIndisponible{ font-size: 16px; color: red; font-weight: bold; text-align: center; margin: 15px 0 20px 0; }

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */

#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormContact{float:right;width:370px;}

#formContact{float:right;width:370px;}
#formContact label{float:left;width:90px;}
#formContact .champTexte{float:left;width:200px;}
#formContact .listeDeroulante{float:left;width:200px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact .erreurTexte{margin-left:80px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{ width: 960px; border-top: 1px white solid; padding-bottom: 50px; }
#piedPage #filDarianePiedPage{ padding: 15px 0 11px 0; border-bottom: 1px white solid; zoom: 1; }
#piedPage #filDarianePiedPage *{ font-size: 11px; color: #6b6b6b; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
#piedPage #filDarianePiedPage span, #filDariane a{ font-weight: normal; }
#piedPage #filDarianePiedPage span.titre{ font-weight: bold; font-size: 11px; padding-left: 0px; }
#piedPage #filDarianePiedPage span.sep{ font-size: 9px; font-weight: bold; padding: 0 5px; }
#piedPage #filDarianePiedPage a:hover{ color: black; }
#piedPage #filDarianePiedPage .fil{ float: left; }
#piedPage #filDarianePiedPage #lienPartager{ width: 70px; height: 16px; outline: none; display: block; outline: none; background: url(Gx/M/btn_partage.png) no-repeat; margin: 0; padding: 0; float: right; position: relative; top: -2px; }
#piedPage #filDarianePiedPage #lienPartager:hover{ background-position: left bottom; }
#piedPage #menuPiedPage{ padding-top: 15px; }
#piedPage #menuPiedPage #copyrights{ float: right; text-align: right; }
#piedPage #menuPiedPage #copyrights, #piedPage #menuPiedPage #copyrights a{ color: #9c9c9c; text-decoration: none; font-size: 11px; font-weight: normal; }
#piedPage #menuPiedPage #copyrights a:hover{ color: black; }
#piedPage #menuPiedPage ul{ margin: 0; padding: 0; }
#piedPage #menuPiedPage ul li{ margin: 0; padding: 0; list-style: none; float: left; }
#piedPage #menuPiedPage ul li.sep{ width: 1px; background: #b8b8b8; height: 10px; overflow: hidden; margin: 0 7px; position: relative; top: 3px; }
#piedPage #menuPiedPage ul li a{ font-size: 11px; color: #101010; text-decoration: none; }
#piedPage #menuPiedPage ul li a:hover{ color: #9c9c9c; }
#piedPage #texteReferencement{ font-size: 11px; clear: both; padding-top: 20px; text-align: left; margin: 0; }