body {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#ffffff; margin:0px
}

a:link, a:visited { color: #60556c;text-decoration: none;}
a:hover, a:visited:hover  {color: #990000 ; text-decoration: underline;}

/* ACCUEIL */
#bghome {
	display: block;	padding:0px; height:430px; width:766px;	z-index:1; background-image:url(images/bghome500.gif); background-repeat: no-repeat; margin: 0px;
	background-position: center center;	position: relative;}

#frmenu {
	display: block;	background-image:url(images/bgmenufr.gif); height:100px; font-weight: bolder; color: #b8b3bd; letter-spacing: 1px;
	width:136px; z-index:0;	margin: 0px; padding: 0px; position: absolute; top: 70px; left: 180px; text-align: right; font-size: 14px; line-height: 25px;}
a.menuhomefrebooks:link {display:block; width:136px; z-index:0; padding:0px; margin: 0px; color: #b8b3bd; text-decoration: none;}
a.menuhomefrebooks:hover {color:#60556c; text-decoration: none;background-image: url(images/menuhome/ebooksfr.gif);}
a.menuhomefrebooks:visited {display:block; width:136px; z-index:0; padding:0px; margin: 0px; color: #b8b3bd; text-decoration: none;}
a.menuhomefrebooks:visited:hover {color:#60556c; text-decoration: none; background-image: url(images/menuhome/ebooksfr.gif);}

a.menuhomefrarts:link {display:block; width:136px; z-index:0; padding:0px; margin: 0px; color: #b8b3bd; text-decoration: none;}
a.menuhomefrarts:hover {color:#60556c; text-decoration: none;background-image: url(images/menuhome/artsfr.gif);}
a.menuhomefrarts:visited {display:block; width:136px; z-index:0; padding:0px; margin: 0px;color: #b8b3bd; text-decoration: none;}
a.menuhomefrarts:visited:hover {color:#60556c; text-decoration: none; background-image: url(images/menuhome/artsfr.gif);}

a.menuhomefropis:link {display:block; width:136px; z-index:0; padding:0px; margin: 0px; color: #b8b3bd; text-decoration: none;}
a.menuhomefropis:hover {color:#60556c; text-decoration: none;background-image: url(images/menuhome/opinionsfr.gif);}
a.menuhomefropis:visited {display:block; width:136px; z-index:0; padding:0px; margin: 0px;color: #b8b3bd; text-decoration: none;}
a.menuhomefropis:visited:hover {color:#60556c; text-decoration: none; background-image: url(images/menuhome/opinionsfr.gif);}

a.menuhomefrrevues:link {display:block; width:136px; z-index:0; padding:0px; margin: 0px; color: #b8b3bd; text-decoration: none;}
a.menuhomefrrevues:hover {color:#60556c; text-decoration: none;background-image: url(images/menuhome/revuesfr.gif);}
a.menuhomefrrevues:visited {display:block; width:136px; z-index:0; padding:0px; margin: 0px;color: #b8b3bd; text-decoration: none;}
a.menuhomefrrevues:visited:hover {color:#60556c; text-decoration: none; background-image: url(images/menuhome/revuesfr.gif);}

#engmenu {
	display: block;	background-image:url(images/bgmenueng.gif);	height:100px; width:146px;	z-index:0;	margin: 0px; padding: 0px; position: absolute;
	top: 260px;	left: 440px; text-align: left; font-size: 14px;	line-height: 25px; font-weight: bolder;	color: #60556c;	letter-spacing: 1px;}
a.menuhomeengebooks:link {display:block; width:146px; z-index:0; padding:0px; margin: 0px; color: #60556c; text-decoration: none;}
a.menuhomeengebooks:hover {color:#b8b3bd; text-decoration: none;background-image: url(images/menuhome/ebookseng.gif);}
a.menuhomeengebooks:visited {display:block; width:146px; z-index:0; padding:0px; margin: 0px; color: #60556c; text-decoration: none;}
a.menuhomeengebooks:visited:hover {color:#b8b3bd; text-decoration: none; background-image: url(images/menuhome/ebookseng.gif);}

a.menuhomeengarts:link {display:block; width:146px; z-index:0; padding:0px; margin: 0px; color: #60556c; text-decoration: none;}
a.menuhomeengarts:hover {color:#b8b3bd; text-decoration: none;background-image: url(images/menuhome/artseng.gif);}
a.menuhomeengarts:visited {display:block; width:146px; z-index:0; padding:0px; margin: 0px;color: #60556c; text-decoration: none;}
a.menuhomeengarts:visited:hover {color:#b8b3bd; text-decoration: none; background-image: url(images/menuhome/artseng.gif);}

a.menuhomeengopis:link {display:block; width:146px; z-index:0; padding:0px; margin: 0px; color: #60556c; text-decoration: none;}
a.menuhomeengopis:hover {color:#b8b3bd; text-decoration: none;background-image: url(images/menuhome/opinionseng.gif);}
a.menuhomeengopis:visited {display:block; width:146px; z-index:0; padding:0px; margin: 0px;color: #60556c; text-decoration: none;}
a.menuhomeengopis:visited:hover {color:#b8b3bd; text-decoration: none; background-image: url(images/menuhome/opinionseng.gif);}

a.menuhomeengrevues:link {display:block; width:146px; z-index:0; padding:0px; margin: 0px; color: #60556c; text-decoration: none;}
a.menuhomeengrevues:hover {color:#b8b3bd; text-decoration: none;background-image: url(images/menuhome/revueseng.gif);}
a.menuhomeengrevues:visited {display:block; width:146px; z-index:0; padding:0px; margin: 0px;color: #60556c; text-decoration: none;}
a.menuhomeengrevues:visited:hover {color:#b8b3bd; text-decoration: none; background-image: url(images/menuhome/revueseng.gif);}


#frreg {
	display: block;	height:60px; width:300px; top: 355px; left: 0px; z-index:1;	margin: 0px; padding: 0px; position: absolute; 
	text-align: center;	font-size: 12px; color: #990000;}
#engreg {
	display: block;	height:60px; width:310px; z-index:1; margin: 0px; padding: 0px;	position: absolute;	top: 14px; left: 450px;
	text-align: center;	font-size: 12px; color: #990000;}
	
	
/* HABILLAGE */

#page { display: block; width:770px; margin: 0px; padding: 0px;	position: relative;	top: 4px; left: 0px;}

/* HEADER */
#logo { display: block;	height:90px; width:154px; margin: 0px; padding: 0px;	position: absolute;	top: 0px; left: 0px;}
#langues {color: #60556c;	font-size: 15px;	display: block;	height:90px; width:154px;margin: 0px; padding: 0px;	position: absolute;	top: 0px; left: 154px; background-image: url(images/habillage/carre.gif);}

#login {text-align: left; color:#b8b3bd; display: block; height:90px; width:154px;  margin: 0px; padding: 0px;	position: absolute;	top: 0px; left: 308px; background-image: url(images/habillage/carre1.gif);}
#register { font-size: 8px; color: #60556c;   display: block;	height:90px; width:154px; margin: 0px; padding: 0px;	position: absolute;	top: 0px; left: 462px; background-image: url(images/habillage/carre2.gif);}
#logged {text-align: left; color:#b8b3bd; display: block; height:90px; width:308px;  margin: 0px; padding: 0px;	position: absolute;	top: 0px; left: 308px; background-image: url(images/habillage/grandcarre.gif);}


#help {text-align: right;font-size: 14px;color:#60556c; display: block;	height:90px; width:154px;  margin: 0px; padding: 0px;	position: absolute;	top: 0px; left: 616px; background-image: url(images/habillage/carre.gif);}

/*FORMS*/
form.loginf {display: block; font-size: 11px; text-align: left; height:90px; width:150px; white-space: pre; margin: 0px; padding: 0px;	position: absolute;	z-index: 2; left: 0px; top: 0px;}

*.login {color: #60556c;}
#user {display: block;	height:14px; width:139px; z-index:3; margin: 0px; padding: 0px;	position: absolute;	top: 15px; left: 15px;}
#pwd {display: block;	height:14px; width:139px; z-index:3; margin: 0px; padding: 0px;	position: absolute;	top: 35px; left: 15px;}
#ok {display: block; text-align: center;	height:14px; width:139px; z-index:3; margin: 0px; padding: 0px;	position: absolute;	top: 58px; left: 15px;}

a.login:link, a.login:visited { font-size: 11px; text-align: center; color: #b8b3bd;text-decoration: none;}
a.login:hover, a.login:visited:hover {font-size: 11px;	text-align: center; color: #990000 ; text-decoration: underline;}

input.bouton {display:block; border: 0px solid #60556c;	width:80px;	height:14px; background-color:#ffffff; font-size: 11px;	color: #60556c;
	padding: 0px 0px 0px 0px; position: absolute;	top: 4px; left: 50px;}
input.bouton:focus {background-color:#b8b3bd;display:block; border: 0px solid #60556c;	width:80px;	height:14px;font-size: 11px;	color: #60556c;
	padding: 0px 0px 0px 0px; position: absolute;	top: 4px; left: 50px; }
input.formbouton {display:block; border: 1px solid #60556c;	width:80px;	height:16px; background-color:#b8b3bd; font-size: 12px;	color: #60556c;
	padding: 1px; }
input.formboutonlarge {display:block; border: 1px solid #60556c;	width:160px;	height:16px; background-color:#b8b3bd; font-size: 12px;	color: #60556c;
padding: 1px; }

input.fileinput {display:block; border: 0px solid #60556c;	width:180px; height:16px; background-color:#b8b3bd; font-size: 11px;	color: #60556c;
	padding: 0px 0px 0px 0px;}


*.publishbouton {border: 1px solid #60556c; height:18px; background-color:#b8b3bd; font-size: 12px;	color: #60556c;
	padding: 1px; }
	
input.okbouton {display:block; border: 0px solid #b8b3bd;	width:20px;	height:20px; background-color:#60556c; font-size: 11px;	color: #b8b3bd;
	padding: 0px 0px 0px 0px; position: absolute;	top: 0px; left: 114px;}
input.checkbouton {display:block; border: 0px solid #b8b3bd;	width:13px;	height:13px; background-color:#60556c; font-size: 11px;	color: #b8b3bd;
	padding: 0px 0px 0px 0px; position: absolute;	top: 0px; left: 10px;}

input.boutoncom {border: 0px solid #b8b3bd;	width:40px;	height:30px; background-color:#60556c; font-size: 11px;	color: #990000;
	padding: 0px 0px 0px 0px; background-image:url(images/contenu/bim.gif);background-repeat:no-repeat; }
input.bim {border: 0px solid #b8b3bd;	width:40px;	height:30px; background-color:#60556c; font-size: 11px;	color: #990000;
	padding: 0px 0px 0px 0px;background-image:url(images/contenu/bim.gif);background-repeat:no-repeat; font-weight:bold;}	
textarea.mp {font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;border: 0px solid #60556c;	background-color: #ffffff;	color: #000000;	width:400px; height:120px;	font-size: 11px;	padding: 5px; z-index:2;}
textarea.descript {font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;border: 0px solid #60556c;	background-color: #b8b3bd;	color: #60556c;	width:400px; height:150px;	font-size: 12px;	padding: 5px; z-index:2;}
textarea.opinion {display:block; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;border: 1px solid #60556c;	background-color: #ffffff;	color: #000000;	width:450px; height:350px;	font-size: 12px;	padding: 8px; z-index:2;}

input {font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}

input.connect {display:block; border: 0px solid #b8b3bd;	width:30px;	height:30px; background-color:#60556c; font-size: 14px;	color: #b8b3bd;
	padding: 2px;}	

/* MENU */
#random {display: block; text-align: center; height:45px; width:154px; z-index:2; margin: 0px; padding: 0px;	position: absolute;	top: 100px; left: 0px;}
#menu {  display: block; text-align: left; height:45px; width:616px; z-index:2; margin: 0px; padding: 0px;	position: absolute;	top: 100px; left: 154px; background-image: url(images/habillage/bgmenu.jpg);}

/*effet image over*/
a.galerie img {	border:2px solid #b8b3bd;}
a.galerie:link img{ border:2px solid #b8b3bd;opacity: 0.75; filter: Alpha(Opacity=75);}
a.galerie:hover img{ border:2px solid #990000;opacity: 1; filter: Alpha(Opacity=100);}
a.galerie:visited img{ border:2px solid #b8b3bd;opacity: 0.4; filter: Alpha(Opacity=40);}
a.galerie:visited:hover img{ border:2px solid #990000;opacity: 0.8 ;filter: Alpha(Opacity=80);}

a.menuhaut img {border:2px solid #FFFFFF;}
a.menuhaut:link img{ border:2px solid #FFFFFF; opacity: 0.45; filter: Alpha(Opacity=55);}
a.menuhaut:hover img{ border:2px solid #FFFFFF; opacity: 1; filter: Alpha(Opacity=100);}
a.menuhaut:visited img{ border:2px solid #FFFFFF; opacity: 0.45; filter: Alpha(Opacity=55);}
a.menuhaut:visited:hover img{ border:2px solid #FFFFFF; opacity: 1 ;filter: Alpha(Opacity=100);}

a.menuarea, a.menuarea:link, a.menuarea:visited, a.menuarea:hover, a.menuarea:visited:hover img{ border:2px solid #FFFFFF; opacity: 1; filter: Alpha(Opacity=100);}


/*sidemenu*/
#side {font-family: "Courier New", Courier, mono; font-size: 6px;display: block; height:auto; width:154px;  margin: 0px; padding: 0px; display:block; position: relative; top:0px; left:0px;
background-image: url(images/habillage/bgside.gif); background-repeat: no-repeat; background-position:top center;}

.titres {font-size: 12px; font-weight:bold; color:#990000; text-decoration: none;	display: block;	text-align: right; 	width: 140px; line-height:18px;
	border-left:#ffffff solid 14px; border-bottom:#ffffff solid 0px; border-top:#000000 solid 0px; background:transparent;
	text-indent:0px;overflow: hidden; }
.menuright { color: #60556c;text-decoration: none;	display: block;	text-align: right; 	width: 140px; 
	border-left:#ffffff solid 14px; border-bottom:#ffffff solid 1px; border-top:#000000 solid 0px; background:transparent;
	text-indent:0px;overflow: hidden; }
a.menuright:link { 	font-size: 11px; color: #60556c;text-decoration: none;	display: block;	text-align: right; 	width: 140px;
	border-left:#b8b3bd solid 0px ; border-bottom:#ffffff solid 1px; border-top:#000000 solid 0px; background:transparent;
	text-indent:0px;overflow: hidden;}
a.menuright:visited { 	font-size: 11px; color: #60556c;text-decoration: none;	display: block;	text-align: right; 	width: 140px;
	border-left:#ffffff solid 0px ; border-bottom:#ffffff solid 1px; border-top:#000000 solid 0px; background:transparent;
	text-indent:0px;overflow: hidden;}
a.menuright:hover{ color: #990000;	text-decoration: none;	display: block;text-align: right;width: 140px;
		border-left:#990000 solid 14px ;border-bottom:#ffffff solid 1px; border-top:#ffffff solid 0px;
		background-color:#ffffff; text-indent:0px; overflow: hidden;}
a.menuright:visited:hover{ color: #990000;	text-decoration: none;	display: block;text-align: right;width: 140px;
		border-left:#990000 solid 14px ;border-bottom:#ffffff solid 1px; border-top:#ffffff solid 0px;
		background-color:#ffffff; text-indent:0px; overflow: hidden;}


/*contenu*/

#contenu {display: block; width:770px; margin: 0px;padding: 0px;position: relative; top:155px;}

#content {display:block; position:relative; top:0px; height:auto; left:0px; width:616px; }

.publi {display:block; text-align: left; position:absolute; overflow: hidden; height:138px; width:300px; margin: 0px;padding: 0px; background-image:url(images/contenu/bgpubli.gif);background-repeat:no-repeat;}

.imgpubli {display:block; position:absolute; overflow: hidden; height:104px; width:84px; top:16px; left:15px;}
.descpubli {display:block; position:absolute; overflow: hidden; height:128px; width:196px; top:10px; left:104px;font-size: 12px;}

#entete {display:block; font-size:11px;top:0px; left:306px; text-align: left; position:absolute; height:138px; width:300px; margin: 0px;padding: 0px; background-image:url(images/contenu/gentete.gif);background-repeat:no-repeat;}
#numbers {display:block; font-size:12px;top:5px; left:30px; position:absolute; overflow: hidden; height:15px; width:300px; margin: 0px;padding: 0px; }
#triop {display:block; text-align:left; top:24px; left:80px; position:absolute; overflow: hidden; width:150px; height:15px; margin: 0px;padding: 0px; text-decoration:underline;}
#trid {display:block; top:39px; left:187px; position:absolute; overflow: hidden; width:110px; height:70px; margin: 0px;padding: 0px; }
#trig {display:block; top:39px; left:80px; position:absolute; overflow: hidden; width:110px; height:70px; margin: 0px;padding: 0px; }
#affichopt {display:block; text-align:left; top:104px; left:105px; position:absolute; overflow: hidden; width:120px; height:15px;margin: 0px;padding: 0px; text-decoration:underline;}
#displang {display:block; top:105px; left:213px; position:absolute; overflow: hidden; height:25px; width:87px; margin: 0px;padding: 0px; }

#pageprec {display:block; font-size:13px;top:0px; left:306px; text-align: left; position:absolute; height:33px; width:150px; margin: 0px;padding: 0px; background-image:url(images/contenu/pageprec.gif);background-repeat:no-repeat;}
#pagesuiv {display:block; font-size:13px;top:0px; left:456px; text-align: left; position:relative; height:33px; width:150px; margin: 0px;padding: 0px; background-image:url(images/contenu/pagesuiv.gif);background-repeat:no-repeat;}

*.mention {font-size:11px; text-align:center; }

h1 {
position:absolute; display:block; z-index:0; text-align:center; top: 102px; width:150px;height: 40px; overflow:hidden; font-size:10px; left:300px;}
h2{font-size: 11px;border:1px solid #000000; background-color:#faf1e0;}
h3 {font-size: 11px;border:1px solid #000000; background-color:#faf1e0;}
li.valid {color:#990000; text-decoration:underline;}

#entetepubli {display:block; font-size:12px;top:10px; left:240px; text-align: justify; position:relative; overflow: auto; height:275px; width:315px; margin: 0px;padding: 0px; padding-right:5px; margin-bottom:60px;}
#impubli {display:block; text-align: center; border: 0px; width:240px; height:320; padding: 0px 0px 0px 0px; position: absolute;top: 0px; overflow: hidden; left: 0px;}
div.vue img {opacity: 0.50; filter: Alpha(Opacity=50);}
input.boutondl {display:block; border: 0px solid #60556c;	width:290px; height:15px; font-size: 12px; color: #b8b3bd;
	padding: 0px 0px 0px 0px; position: absolute;	top: 312px; left: 250px; z-index:4; background-image:url(images/contenu/dlfr.gif);background-repeat:no-repeat;	cursor: hand;}


#recom {display:block; font-size:11px;top:-50px; left:20px; text-align: left; position:relative; width:596px; margin: 0px;padding: 0px; background-image:url(images/contenu/);background-repeat:no-repeat;}
#coms {display:block;	font-size:12px;	top:-35px;	left:10px;	text-align: left;	position:relative;	overflow: auto;	width:596px; margin: 0px; padding: 0px;}
.displaycom {display:block;	font-size:12px;	top:0px; left:0px;	text-align: left;	position:relative;	width:412px; margin: 0px; padding-left: 166px;padding-right:8px; background-image:url(images/contenu/bgcom.gif);background-repeat:no-repeat;}
img.avat { display:block; position:absolute; top:6px; left:6px; z-index:0;}

div.pgmsgbdchange {display:block; font-size:13px;top:50px; left:60px; position:relative; overflow: auto; height:300px; width:400px; margin: 0px;padding: 30px 60px; background-image:url(images/contenu/backmsg.gif); background-repeat:no-repeat;}

input.boutoninvit {border: 1px solid #60556c; width:80px;	height:14px; background-color:#ffffff; font-size: 11px;	color: #60556c;
	padding: 0px 0px 0px 0px; }

#tableimg {display:block; font-size:12px; top:-24px; left:0px; position:relative; text-align: center; width:616px; margin: 0px; padding: 0px;}

#enteteprof {display:block; font-size:11px; left:306px; text-align: left; position:absolute; height:138px; width:300px; margin: 0px;padding: 0px; background-image:url(images/contenu/gentete.gif);background-repeat:no-repeat;}

*.quote {background-color:#cec8d3;font-size:11px; text-align:left;}

*.help {font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;border: 0px solid #60556c; background-color: #b8b3bd; color: #60556c;	width:380px; font-size: 12px; text-align:left;	padding: 8px; margin-top:4px; z-index:2;}