/* Normalisation de marges et des réserves */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquotte, th, td {margin:0;padding:0;}

/* Normalisation des tailles des polices pour les en-têtes */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* Normalisation des listes */
ol, ul {list-style:none;}

/* Normalisation des graisses des fontes */
adress, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}

/* Supression des bordures et des réserves dans les tableaux */
table {border-collapse:collapse;border-spacing:0;}

/* Supression des bordures dans les éléments fieldset et img */
fieldset, img {border:0;}

/* Alignement du texte à gauche dans caption et th */
caption, th {text-align:left;}

/* Suppression des guillemets autour de q */
q:before, q:after {content:'';}

/******************** Règles Blue Cerises ********************/

body {background-color:#bf3126;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.33em;}
a {text-decoration:none;}
strong {font-weight:700;}
#page {width:1130px;position:absolute;left:50%;margin-left:-565px;}
#page h1 {position:absolute;left:254px;top:18px;z-index:0;}
#page h1 a {display:block;width:457px;height:0;padding-top:149px;overflow:hidden;background:transparent url(../images/h1.png) no-repeat;}
#blue_cerises {position:absolute;top:112px;width:960px;background:#000 url(../images/top_blue_cerises.png) no-repeat;z-index:-1;}
div.top {position:absolute;top:0;}
div.pub {position:absolute;left:970px;top:128px;}

#popup {margin-left:20px; margin-top:20px;}
#img_popup { width:73px; height:27px; margin-top:150px; margin-left:16px; }
#googleMap { width:73px; height:27px; margin-top:-24px; margin-left:870px; }

#macadam {position:absolute;left:722px;top:32px;width:103px;text-align:center;}
#facebook {position:absolute;left:834px;top:32px;width:103px;text-align:center;}
#macadam p, #facebook p {color:#ecc1be;font-size:11px;line-height:1.2em;margin-bottom:5px;}
#macadam a, #facebook a {color:#23b1f7;}
#newsletter {position:absolute;top:75px;text-align:center;}
#newsletter a {display:block;width:101px;line-height:26px;background:transparent url(../images/newsletter.png) no-repeat;color:#df9893;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;}
#newsletter a:hover {background-position:0 -26px;color:#fff;}

#presentation {margin-top:52px;margin-bottom:10px;text-align:center;padding:0 20px;}
#presentation p {font-size:15px;color:#ff9833;font-weight:100;}
#presentation p strong.violette {color:#bf3126;}
#presentation p strong.satya {color:#99672e;}
#presentation p strong.zik {color:#7f4ba6;}
#presentation p strong.amos {color:#92a642;}
#presentation span {color:#23b1f7;}

#personnages {margin-left:20px;}
#personnages h2 {width:218px;height:0;padding-top:96px;overflow:hidden;}
#personnages .violette {background:#cc0006 url(../images/pied_violette.png) no-repeat 0 bottom;}
#personnages .violette h2 {background:transparent url(../images/h2_violette.png) no-repeat;}
#personnages .satya {background:#99672e url(../images/pied_satya.png) no-repeat 0 bottom;}
#personnages .satya h2 {background:transparent url(../images/h2_satya.png) no-repeat;}
#personnages .zik {background:#7f4ba6 url(../images/pied_zik.png) no-repeat 0 bottom;}
#personnages .zik h2 {background:transparent url(../images/h2_zik.png) no-repeat;}
#personnages .amos {background:#92a642 url(../images/pied_amos.png) no-repeat 0 bottom;}
#personnages .amos h2 {background:transparent url(../images/h2_amos.png) no-repeat;}

div.colonne {width:218px;float:left;position:relative;margin-right:16px;padding-bottom:32px;}
div.colonne div {width:198px;margin-left:10px;}
div.colonne h3 {position:relative;height:36px;}
div.blog a.bouton {display:block;width:78px;height:0;overflow:hidden;padding-top:33px;background:transparent url(../images/blog.png) no-repeat;position:absolute;left:60px;top:0;}
div.blog a.bouton:hover {background-position:0 -33px;}
div.blog ul {width:198px !important;}
div.twitter a.bouton {display:block;width:69px;height:0;overflow:hidden;padding-top:16px;background:transparent url(../images/twitter.png) no-repeat;position:absolute;left:65px;top:10px;}
div.violette a.prev,div.violette a.next {background-image:url(../images/nav_violette.png);}
div.satya a.prev,div.satya a.next {background-image:url(../images/nav_satya.png);}
div.zik a.prev,div.zik a.next {background-image:url(../images/nav_zik.png);}
div.amos a.prev,div.amos a.next {background-image:url(../images/nav_amos.png);}
a.nav {display:block;width:20px;height:0;padding-top:20px;overflow:hidden;position:absolute;top:8px;background-repeat:no-repeat;}
a.next {right:0;background-position:-20px 0;}
a.next:hover {background-position:-20px -20px;}
a.prev {background-position:0 0;}
a.prev:hover {background-position:0 -20px;}
div.couvertures {position:relative;padding-top:16px;}
div.couvertures li {text-align:center;}
div.couvertures li p {text-align:left;}
div.couvertures h3 {position:absolute;top:50px;width:100%;z-index:10;}

div.blog ul li, div.twitter ul li, div.couvertures ul li {position:absolute;}
div.colonne a {color:#fbb03b;}
div.colonne a:hover {color:#fff;}
div.violette p {color:#f0b2b4;}
div.satya p {color:#e0d1C0;}
div.zik p {color:#d9c9e4;}
div.amos p {color:#e9edd9;}

div.hr {background:transparent url(../images/hr.png) no-repeat center center;height:16px;}

div.texte {color:#999;margin-left:20px;padding-right:20px;margin-top:52px;}
div.texte p {margin: 1.33em 0;text-align:justify;}
div.texte h3 {color:#fff;font-weight:100;}

#pied {clear:both;padding-left:20px;position:relative;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:1px;height:90px;background:transparent url(../images/pied.png) no-repeat 0 bottom;}
#pied p {line-height:48px;}
#pied p img {float:left;margin-right:10px;}
#pied ul {position:absolute;right:20px;top:24px;border-left:1px solid #fff;}
#pied ul li {display:inline;position:relative;}
#pied ul li a {color:#23b1f7;padding:0 6px;border-right:1px solid #fff;line-height:16px;padding-top:2px;padding-bottom:2px;}
#pied ul li a:hover {color:#fff;}

/* Navigation entre les sites */

#sites_editions {position:absolute;z-index:2;}
#sites_editions li {position:absolute;}
#sites_editions li a {display:block;height:0;overflow:hidden;}
#editions {top:21px;}
#editions a {padding-top:36px;width:82px;background: url(../images/btn_editions.png);}
#blog {top:21px;left:84px;}
#blog a {padding-top:36px;width:82px;background: url(../images/btn_blog.png);}
#jeunesse {left:172px;}
#jeunesse a {background: url(../images/btn_jeunesse.png);}
#adulte {left:262px;}
#adulte a {background: url(../images/btn_adulte.png);}
#bd {left:262px;top:40px;}
#bd a {background: url(../images/btn_bd.png);}
#manga {left:172px;top:40px;}
#manga a {background: url(../images/btn_manga.png);}
#jeunesse a,#adulte a,#bd a,#manga a {padding-top:35px;width:88px;}
#editions a:hover,#blog a:hover {background-position:0 -36px;}
#jeunesse a:hover,#adulte a:hover,#bd a:hover,#manga a:hover {background-position:0 -35px;}