html {font-size:100%;}

* {margin: 0; padding: 0; font-size:.92em; font-family:"Verdana", Courier, monospace, sans serif;
           color: black;}
body {background:black fixed center no-repeat url(/img/bgconteneurgi.png); max-width:1280px; height:100%; text-align:justify; margin:auto; float:left;}

a {color:none; font-size:100%; text-decoration:none;}
a:hover {color: none; text-decoration:underline;}
img {border:none; vertical-align:middle;}
.commande a {}
.commande a:hover {}*
form {font-size:100%;}

.italique {font-style: italic; font-size:100%;}
.italnorm {font-style:normal; font-weight:normal; font-size:100%;}
.quote {font-weight:bold;}
.strong {color: black; font-size:100%; font-weight:bold;}
.strong a {color:black; text-decoration:none;}
.novis {visibility:hidden; display:none;}
.clearleft {clear:left;}	
.strongbig {color: white; font-weight:bold;}

.headerimg {width:154px; height:120px; clear:both; background:no-repeat url(/img/headergi.gif); text-align:center; display:block;margin:10px auto 0 auto;}
.logo {width:110px; height:86px; background: no-repeat url(/img/logogi.gif); }
.banner {width:100%; text-align:center;}
.puce {width:30px; height:30px; background: top no-repeat  url(/img/pucemh.gif);}

.barjavel {width:92px; height:105px; background: no-repeat  url(/img/rbarjavel.png);}
.bertin {width:92px; height:130px; background: no-repeat  url(/img/pbertin.png);}
.gady {width:92px; height:92px; background: no-repeat  url(/img/pgady.png);}
.doyle {width:92px; height:118px; background: no-repeat  url(/img/acdoyle.png);}
.chouraki {width:92px; height:121px; background: no-repeat  url(/img/achouraki.png);}
.terpant {width:92px; height:127px; background: no-repeat  url(/img/jterpant.png);}
.beja {width:92px; height:132px; background: no-repeat  url(/img/xbeja.png);}
.poirot {width:92px; height:132px; background: no-repeat  url(/img/ppoirot.jpg);}
.rudigoz {width:92px; height:127px; background: no-repeat  url(/img/mrudigoz.png);}
.bordage {width:92px; height:138px; background: no-repeat  url(/img/pbordage.png);}
.botti {width:92px; height:144px; background: no-repeat  url(/img/nbotti.jpg);}
.adams {width:92px; height:132px; background: no-repeat  url(/img/dadams.jpg);}
.cornillon {width:92px; height:129px; background: no-repeat  url(/img/lcornillon.jpg);}
.bertin2 {width:92px; height:129px; background: no-repeat  url(/img/pbertin2.png);}
.thill {width:92px; height:129px; background: no-repeat  url(/img/cthill.png);}
.bauduret {width:92px; height:129px; background: no-repeat  url(/img/tbauduret.png);}
.seyrat {width:92px; height:129px; background: no-repeat  url(/img/bseyrat.png);}
.lovecraft {width:92px; height:129px; background: no-repeat  url(/img/hplovecraft.png);}
.baranger {width:92px; height:129px; background: no-repeat  url(/img/fbaranger.png);}


.mp {width:104px; height:92px; background: no-repeat url(/img/mpsmall.png);}
.vi {width:104px; height:92px; background: no-repeat url(/img/vismall.png);}
.vimed {width:100%; height:191px; background: no-repeat center url(/img/vimed.png); list-style:none;}
.mp:hover {width:100%; height:183px; background:no-repeat center url(/img/mpmed.png);}
.vi:hover {width:100%; height:191px; background: no-repeat center url(/img/vimed.png)}
.skinmp {width:118px; height:92px; background: no-repeat url(/img/skinmpsmall.png);}
.skinmp:hover {width:100%; height:200px; background: no-repeat url(/img/skinmpmed.png);}
.h2g2 {width:104px; height:95px; background: no-repeat url(/img/h2g2small.png);}
.h2g2:hover {width:100%; height:200px; background:no-repeat center url(/img/h2g2med.png);}
.h2g2big {list-style-type:none; width:100%; height:322px; background:no-repeat center url(/img/h2g2big.png);}
.mh {width:104px; height:95px; background: no-repeat url(/img/mhsmall.png);}
.mh:hover {width:100%; height:200px; background:no-repeat center url(/img/mhmed.png);}
.gi {width:104px; height:93px; background: no-repeat url(/img/gismall.png);}
.gi:hover {width:100%; height:200px; background:no-repeat center url(/img/gimed.png);}
.gibig {list-style-type:none; width:100%; height:322px; background:no-repeat center url(/img/gibig.png);}
.odyssee {width:104px; height:95px; background: no-repeat url(/img/2001small.png);}
.odyssee:hover {width:100%; height:200px; background:no-repeat center url(/img/2001med.png);}

.livraphone {width:150px; height:37px; background: no-repeat url(/img/livraphone.gif); clear:both;}


#conteneur {width:98%; float:none;}
#header {text-align:center;}
#header h1 {text-align:center; font-size:140%; font-weight:bold; color:white; clear:left;}


#floatleftmenu {width:20%; float:left; margin-left:1em;}
#floatleftmenu h2 {margin-top:1em; font:120%; font-weight:bold; padding: 0 1em; clear:left; color: #1c6857; border:.2em solid #1c6857;background:#ffcc66; color:#1c6857;}

#floatleftmenu .menugen li {display:block; width:100%; line-height:1.5em; }	 
#floatleftmenu .menugen li a { font-size:95%; padding:0 0 0 3.5em; display:block; color:#1c6857; font-weight:bold; color:white;}	 
#floatleftmenu .menugen li a:hover {display:block;background: left no-repeat url(/img/pucegi.gif); color:#ffcc66; }	
#bulletin li {float:left; list-style:none;}
#ok input {margin:.5em; text-align:center; font-weight:bold;border:1px solid #1c6857; color:#1c6857; background:#ffcc66;}
#ok input:hover {}
#champ input {margin-top:.5em; text-align:center;}
.formtitre {background:bottom repeat-x url(/img/underlinegi.gif); height:25px; padding-bottom:2.5em; text-indent:2em; font-weight: bold; color:#1c6857; margin:.5em 0;}
input {text-align:center;}
.bouton {color:#1c6857;}

h1.titrepage {margin:1% 0% 0 40%; color:#1c6857; font-size:130%; font-weight:normal; height:1.5em;}
h1.titrepage a {font-size:100%; color:#1c6857; text-decoration:underline;}
h1.titrepage a:hover {color:#ffcc66;}
#pgcentre {background:#ffcc66; width:76%; overflow:hidden; margin:0 0 2% 0; border:.3em solid #1c6857; float:right; overflow:auto;}

.floatleft {width:49%; float:left;}
.floatleft h2 {font:120% Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:1em 0 1em 2em; clear:left; color: #1c6857; background:bottom repeat-x url(/img/underlinegi.gif); height:25px; padding-bottom:1.3em;}

.news {clear:left; margin:2em 1.5em; font-size:100%;}
.news dt {float:left; margin:1em;}
.news dt a:hover {text-decoration:underline;}
.news dd a:hover {text-decoration:underline;}
.news .date {text-indent:2em; font-weight: bold ; color:#1c6857; margin:.5em 0 0 0; padding:.5em 0 0 0;}
.news .desc {list-style:inside; text-indent:2em; margin:.75em 0;}
.news .formchoix {list-style:inside; text-indent:2em; margin:.75em 0; clear:left;}




.contacts{width:80%; margin:2em auto; text-align:justify; font-size:100%;}
.contacts dt {margin:.5em 0 0 0; font-weight: bold; color:#1c6857; float:left; clear:both; text-align:justify;}
.contacts dd {margin:0 1em; font-weight: bold; padding: .25em 0; color:white; clear:left; text-align:justify;}

.listedesection {font-size:100%;}
.listedesection dt {margin:.5em 0 0 0; padding: 0 0 0 3em; font-weight: bold; float:left; clear:both; text-align:justify;}
.listedesection dd {margin:0 1em; font-weight: bold; padding: .25em 0; color:white; clear:left; text-align:justify;}

.catalogue {font-size:100%;}
.catalogue a {font-size:100%; font-weight:bold; color:black;}
.catalogue a:hover {text-decoration:underline;}
.auteurcatalogue {display:block; clear:right; color:#1c6857; font-size:100%; font-weight:bold;}
.puceachat {float:left; margin: 0 1em 1em 1em;}

.floatleft2 {width:49%; float:left; background:#ffcc66;}
.floatleft2 h2 {font:120% Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:1em 2em 1em 0; clear:left; color: #1c6857; text-align:right; background:bottom repeat-x url(/img/underlinegi.gif); height:25px; padding-bottom:1.3em;}
.floatleft2 h3.titre {margin:1em; font-size:110%; color:black; text-align:center; letter-spacing:.5em;}
.floatleft2 h3.titre a {color:black;}
.floatleft2 h3.titre a:hover {text-decoration:underline;}
.floatleft2 h3.auteur {margin:1em; font-size:105%; color:#1c6857; margin:-1em 0 0 5%;}
.animation {border:.5em solid #1c6857; margin:.5em; background:black; vertical-align:middle; text-align:center;}
#produit li {width:90%; margin:1em auto;}
.cadreproduit {border: solid #1c6857 .3em; width:70%; margin:2em auto;}
.cadreproduit dt {margin:0 1em; font-weight: bold; float:left; clear:left; padding: .25em 0;}
.cadreproduit dd {text-align:right; margin:0 1em; font-weight: bold; padding: .25em 0; border-bottom: 1px solid #1c6857; color:white;}
.cadreproduit .noborder {border:none;}
.extrait {text-align:center; font-size:10px; color:white;}
.extrait a {color:white;}
.lecteur {text-align:center;}
.extrait, .lecteur, .animation {list-style-type:none;}
h2.sstitre {font: 105%; font-weight:bold; margin:0; clear:left; color: #1c6857;  text-align:center; border:none;}
#intrigue .desc {text-indent:2em; margin:1em ; font-size:100%; font-weight:normal;}


#pdp {float:left; width:20%; text-align:center;}
#mentions li {font-size:100%; color:white; display:inline; font-weight:bold; margin: 0 1em;}
#mentions {}
#mentions li a {font-size:100%; color: white;}
#mentions li a:link {text-decoration:underline;}
#mentions img { vertical-align: middle;}