html { height: 100%; margin: 0; }
body { width: 100%; height: 100%; font-family: Georgia, serif; font-size: 11px; font-weight: normal; color: #4D4D4D; margin: 0; padding: 0; }
img { border:0 }

.clr {clear:both}
.espace_5 {height:5px;}
.espace_10 {height:10px;}
.espace_15 {height:15px;}
.espace_20 {height:20px;}
.fs10 { font-size:10px }
.ls05 { letter-spacing:-0.05em; }
.ls04 { letter-spacing:-0.04em; }
.ls03 { letter-spacing:-0.03em; }
.ls025 { letter-spacing:-0.025em; }
.ls02 { letter-spacing:-0.02em; }
.ls01 { letter-spacing:-0.01em; }

#wrapper { position:absolute; width:760px; height:570px; top:50%; left:50%; margin:-315px 0 0 -410px; padding:29px 30px 30px 30px; background:url(../images/background.png) no-repeat center center; }
#content_accueil { width:760px; height:569px; margin:0; padding:0; }

/***** PAGE D ACCUEIL *****/
#col_left { float:left; width:379px; margin:0; padding:0; }
#jongleur_accueil { position:relative; width: 86px; height:186px; background:url(../images/aa-editions_jongleur.png) no-repeat; margin:120px 0 0 16px; z-index:2}
#txt_accueil { width: 212px; height:270px; background:url(../images/rond_blanc.png) no-repeat; margin:-7px 0 0 -1px; font-family: georgia, Helvetica, Arial, serif; }
#txt_accueil h1 { font-size:18px; margin:0; padding:56px 0 0 15px; font-weight:normal }
#txt_accueil h2 { font-size:14px; margin:0; padding:0 0 0 15px; line-height:19px; font-weight:normal; }

#col_right { float:right; width:380px; margin:0; padding:0; }
#logo_accueil { float:right; margin:8px 22px 0 0; }
/* #livresPratiques_accueil { float:right; width:116px; height:116px; margin:68px 37px 0 0; background:url(../images/rond_livres-pratiques.png) no-repeat;  }
#beauxLivres_accueil { float:right; width:116px; height:116px; margin:28px 264px 0 0; background:url(../images/rond_beaux-livres.png) no-repeat; }
#livresEntreprises_accueil { float:right; width:116px; height:116px; margin:16px 80px 0 0; background:url(../images/rond_livres-entreprises.png) no-repeat; } */
#livresPratiques_accueil { position:absolute; width:116px; height:116px; top:50%; left:50%; margin:-154px 0 0 227px;; background:url(../images/rond_livres-pratiques.png) no-repeat;  }
#beauxLivres_accueil { position:absolute; width:116px; height:116px; top:50%; left:50%; margin:-10px 0 0 0; background:url(../images/rond_beaux-livres.png) no-repeat; }
#livresEntreprises_accueil { position:absolute; width:116px; height:116px; top:50%; left:50%; margin:122px 0 0 184px; background:url(../images/rond_livres-entreprises.png) no-repeat; }

/***** MENU FOOTER *****/
#menuFooter { margin:1px 0 0 0; padding:0; }
#menuFooter ul { width:760px; margin:0; padding:0; }
#menuFooter li { float:left; display:block; height:16px; }
#menuFooter li:last { float:right; display:block; }
.menuFooter190 { width:190px; margin:0 1px 0 0; padding:0; }
.menuFooter189 { width:189px; margin:0 1px 0 0; padding:0; }


/***** MENU PAGES *****/
#rectMenu { float:left; width:190px; height:569px; }
#rectMenu .logo { width:156px; margin:8px auto 20px auto; }
#rectMenu .jongleur { float:left; width:58px; margin:0 0 0 9px; }
#rectMenu .rond { float:right; width:106px; height:106px; margin:8px; }
#rectMenu .menu { margin:1px 0; height:18px }


/************** PAGES GENERALES ************/
#rectPage { float:right; width:569px; height:570px; color:#857068; font-family:Verdana, Helvetica, sans-serif; }
#rectPage a { color:#857068; text-decoration:none; }
#rectPage a:hover { text-decoration:underline; }
#rectPage h1 { font-size:14px; margin:0 0 0 10px; padding:7px 0 0 0 }
#rectPage p { margin:0 10px; padding:0; line-height:1.3em; }
#rectPage .lettrine { float: left; font-size: 40px; font-weight: bold; color: #857068; margin: 0 2px 2px 0; padding: 0; line-height:34px; }
#rectPage .lettrine2 { float: left; font-size: 40px; font-weight: normal; color: #857068; margin: 0 2px 2px 0; padding: 0; line-height:34px; }
#rectPage ul { list-style-type:none; margin:5px; padding:0 0 0 5px; }
#rectPage li { background:url(../images/puce.gif) no-repeat 0 4px; margin:0 0 2px 0; padding:0 0 0 7px; line-height:1.3em; }
#rectPage .clients { color:#FFFFFF;}
#rectPage p.clients { color:#FFFFFF; font-size:12px; font-weight:normal; line-height:1.7em; margin:8px 10px; }
#rectPage p.equipe { line-height:1.5em; margin:4px 10px; }
#rectPage h1.equipe { padding:25px 0 0 0; }

#ml{ width:759px; }
#rectPage .top{ padding-top:1px; }
#rectPage .right { padding-right:1px; }
#rectPage .bottom { padding-bottom:1px; }
#rectPage .left { padding-left:1px; }
#rectPage .blanc { background:#FFFFFF; width:100%; height:100%; }
#rectPage .orange { background:#EF9303; width:100%; height:100%; }
#rectPage .bleu { background:#007073; width:100%; height:100%; }
#rectPage .violet{ background:#8F6396; width:100%; height:100%; }
#rectPage .ocre{ background:#B7301C; width:100%; height:100%; }
#rectPage .vert{ background:#669727; width:100%; height:100%; }
.square { float:left; width:189px; height:189px;  }
.squareL { float:left; width:190px; height:189px;  }
.square_2x1 { float:left; width:379px; height:189px; }
.squareL_2x1 { float:left; width:380px; height:189px; }
.square_1x2 { float:left; width:189px; height:378px; padding:0; margin:0; }
.squareL_1x2 { float:left; width:190px; height:378px; padding:0; margin:0; }
.contact { padding:84px 0 0 0; text-align:center; font-size:10px; }
.contact a {color:#857068; font-weight:bold; text-decoration:none; }
.contact a:hover {text-decoration:underline; }
.adresse { padding:20px 0 0 48px; font-size:10px; line-height:1.3em; }
.adresseImg { margin:-10px 0 0 10px }


/************** PAGES LIVRES ************/
#rectLivres { float:right; width:539px; height:539px; font-family:Verdana, Helvetica, sans-serif; background:#FFFFFF; padding:15px; margin:0 0 1px 0; font-size:10px; line-height:1.4em  }
#rectLivres #titre { height:15px; font-family:arial; margin:0 5px 0 0; padding:0; }
#rectLivres #titre h2 { float:left; font-weight:bold; font-size:11px; text-transform:uppercase; margin:0 3px 0 0; padding:0; }
#rectLivres #titre h1 { float:left; font-weight:normal; font-style:italic; font-size:11px; margin:0 4px -1px 0; padding:0; }
#rectLivres #titre h3 { font-weight:normal; font-size:10px; margin:0; padding:0; }

#rectLivres .beauxLivres { color:#8F6390; }
#rectLivres .entreprises { color:#CB460E; }
#rectLivres .pratiques { color:#7DA600; }
#rectLivres .beauxLivresBarre { color:#c7b1cb; }
#rectLivres .entreprisesBarre { color:#e5a387; }
#rectLivres .pratiquesBarre { color:#bed380; }
#rectLivres .fleche { font-weight:normal; font-size:10px; }


/************** GABARITS ************/
#gabarit-1 { width:100%; margin:30px 0 0 0; }
#gabarit-1 #couv { float:left; width:295px; height:360px;  }
#gabarit-1 #txt { float:right; width:230px; height:195px; color: #857068;  }
#gabarit-1 #txt .lettrine { float: left; font-size: 40px; font-weight: normal; color: #857068; margin: 0 2px 2px 0; padding: 0; line-height:34px; }
#gabarit-1 #txt .lettrine-bdc { float: left; font-size: 36px; font-weight: normal; color: #857068; margin: -5px 2px 2px 0; padding: 0; line-height:30px; }
#gabarit-1 #img1 { float:right; width:230px; height:150px; margin:15px 0 0 0;  }
#gabarit-1 #img2 { float:left; width:170px; height:110px; margin:15px 15px 0 0;  }
#gabarit-1 #img3 { float:left; width:170px; height:110px; margin:15px 0 0 0;  }
#gabarit-1 #img4 { float:right; width:170px; height:110px; margin:15px 0 0 0;  }

#gabarit-2 { width:100%; margin:25px 0 0 0; }
#gabarit-2 #couv { float:left; width:295px; height:335px;  }
#gabarit-2 #txt { float:left; width:295px; height:160px; color: #857068; margin:0; padding:0;  }
#gabarit-2 #txt p { margin:0; padding:0 0 2px 0;  }
#gabarit-2 #txt .lettrine { float: left; font-size: 40px; font-weight: normal; color: #857068; margin: 0 2px 2px 0; padding: 0; line-height:34px; }
#gabarit-2 #img1 { float:right; width:230px; height:160px; margin:0 0 15px 0;  }
#gabarit-2 #img2 { float:right; width:230px; height:160px; margin:0;  }
#gabarit-2 #img3 { float:right; width:230px; height:160px; margin:0;  }

#gabarit-3 { width:100%; margin:55px 0 0 0; }
#gabarit-3 #couv { float:left; width:360px; height:290px;  }
#gabarit-3 #txt { float:right; width:165px; height:290px; color: #857068; }
#gabarit-3 #txt .lettrine { float: left; font-size: 40px; font-weight: normal; color: #857068; margin: 0 2px 2px 0; padding: 0; line-height:34px; }
#gabarit-3 #img1 { float:left; width:260px; height:105px; margin:0;  }
#gabarit-3 #img2 { float:right; width:260px; height:105px; margin:0;  }

#gabarit-4 { width:100%; margin:15px 0 0 0; }
#gabarit-4 #couv { float:left; width:295px; height:495px;  }
#gabarit-4 #txt { float:right; width:230px; height:170px; margin:0 0 15px 0; color: #857068; }
#gabarit-4 #txt .lettrine { float: left; font-size: 40px; font-weight: normal; color: #857068; margin: 0 2px 2px 0; padding: 0; line-height:34px; }
#gabarit-4 #img3 { float:right; width:230px; height:200px; margin:15px 0 0 0;  }
#gabarit-4 #img1 { float:left; width:110px; height:95px; margin:0 0 0 10px;  }
#gabarit-4 #img2 { float:left; width:110px; height:95px; margin:0;  }

#gabarit-5 { width:100%; margin:15px 0 0 0; }
#gabarit-5 #couv { float:left; width:295px; height:325px; }
#gabarit-5 #txt { float:right; width:170px; height:300px; margin:0; color: #857068; }
#gabarit-5 #txt .lettrine { float: left; font-size: 40px; font-weight: normal; color: #857068; margin: 0 2px 2px 0; padding: 0; line-height:34px; }
#gabarit-5 #img2 { float:left; width:295px; height:155px; margin:15px 0 0 0; }
#gabarit-5 #img1 { float:right; width:230px; height:180px; margin:0 0 15px 0; }