@charset "utf-8";
/* 
- - - - - - - - - -
Feuille de style
- - - - - - - - - -
Mag Lecture
Par Marie-Eve Lafrenière
Juillet 2007
*/

/* 
- - - - - - - - - - - - - - -
        GENERAL
- - - - - - - - - - - - - - -
*/

html{
scrollbar-face-color: #D9D9D9; 
scrollbar-shadow-color: #4F4F4F; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #F0F7FB; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #EFEFF0; 
scrollbar-arrow-color: #000000;
}

* { margin: 0; padding: 0; }
html{height:100%; width:100%; margin:0; padding:0;}
body{height:100%; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#00000; }
/*background-image:url(../images/bg_01.jpg);*/

h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#FF0000; }
h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FF0F0F; padding:13px 0 0 0; margin:0 0 20px 0;}
h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000;}
h4{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#EA2420; padding:2px 0 10px 0;}
h5{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; margin:5px 0 3px 0;}

a{color:#000000;}
a:hover{text-decoration:underline; color:#FE0100;}

img{border:none;}

.champs{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top:1px solid #000000; color: #000000; height:16px; padding:1px 2px 1px 2px}
.textArea{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top:1px solid #000000; color: #000000; padding:1px 2px 1px 2px}
.clear{ clear:both;}
.red{color:#FF0F0F;}
DIV.error{
	background-color:#FDFEBC;
	border:#807C74 1px solid;
	padding:20px;
}

/* 
- - - - - - - - - - - - - - -
    CONTAINER + NAV
- - - - - - - - - - - - - - -
*/
	
	.container{
		margin:0 auto;
		text-align:left;
		width:808px;
		padding:0 15px 0 15px;
		position:relative;
		height:100%;
	
	}

.entete{ /*background-image:url(/images/entete/papier_01.png); background-repeat:no-repeat; background-position:bottom right*/;z-index:80;position:relative; height:138px;}
	.logo{ float:left;}
	.magLit{ background-image:url(/images/entete/enteteBg.jpg); background-repeat:no-repeat; float:left; width:663px; }
		.magTxt{ padding:16px 35px 0 0; text-align:right;}
		.magLitLogo{ text-align:right;padding:0 35px 0 0;}

#nav {margin:5px 0 0 0; width: 808px; overflow:hidden; height:45px;}
	.navItem {float:left;}
		.navItemIn{ margin:0 5px 0 0;}
			.current{top:-6px; position:relative;}
#changeSite{
	position:absolute;
	top:82px;
	left:602px;
	z-index:70;
}

#changeSiteLink{
	position:absolute;
	top:82px;
	left:602px;
	z-index:100;
	border:1px solie red;
}	


.papier{ background-image:url(/images/papierCentreTop.png); background-repeat:no-repeat; background-position:top; height:48px;}

/* 
- - - - - - - - - - - - - - -
    OUTILS
- - - - - - - - - - - - - - -
*/

#centre{ background-color:#FFFFFF;  padding:0 39px 0 36px;}
	.outils{}
		.outils .search{ float:left; width:353px;}
		.outils .logIn{float:left; width:280px; padding:0 0 0 27px;}
			.outils .tit{font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; font-style:italic; letter-spacing:1px; padding:0 0 3px 0;}
			.outils .logError{ color:red; font-weight:bold}
			.outils .logInfos{ padding-top:20px}
			.outils .formUn{ float:left; padding:0 6px 0 0;}
			.outils .formDeux{ float:left; padding:0 6px 0 0;}
			.outils .bt{ float:left; padding:16px 0 0 0;}
		.outils .inscrit{ float:left;}
		
#centre p{text-align:justify; padding:5px 0 8px 0;}

/* 
- - - - - - - - - - - - - - - - - - - - -
    ACCUEIL
- - - - - - - - - - - - - - - - - - - - -
*/
#accueil{}

	.news{ padding:10px 0 0 0;}
	.roman{}
		.roman .imageRoman{ margin:9px 0 0 0;}
		.roman h2 a {color:#FF0F0F;text-decoration:none}

.concours{padding:0 0 50px 0;}
	.concoursImg{margin:15px 0 0 0;}

.titre{}
	.titre .pointilTwoCol{ background-image:url(/images/pointil.gif); background-repeat:repeat-x; height:2px; margin:2px 0 0 0; font-size:1px;}
	
.btSuite{ font-style:italic; color:#FF0F0F; font-weight:bold; text-align:right; margin:5px 0 5px 0;}
	.btSuite a{ text-decoration:none; color:#FF0F0F; width:66px; background-image:url(/images/btSuite.gif); background-repeat:no-repeat; background-position:right; padding:2px 24px 2px 0;}
	.btSuite a:hover{background-image:url(/images/btSuiteOn.gif); background-repeat:no-repeat; background-position:right; text-decoration:none;}

/* 
- - - - - - - - - - - - - - - - - - - - -
    Listes
- - - - - - - - - - - - - - - - - - - - -
*/

		.boiteListe{ clear:left;}
			.listeImg{ float:left;padding-bottom:8px;}
			.listeTxt{float:left; margin:0 0 0 5px;}
				
		.paging{ padding:20px 0 50px 0; clear:both;}
			.prec{ float:left; width:70px;}
			.chiffres{ float:left; text-align:center; width:605px;}
				.chiffres .cur{color:#FE0100;}
			.suiv{ float:right;}
			
			
/* 
- - - - - - - - - - - - - - - - - - - - -
    COMMENTAIRES
- - - - - - - - - - - - - - - - - - - - -
*/
.commentaire{
}			
.commentaireAuteur{
	border:1px solid gray;
	/*background-color:#eef6f3;*/
	padding:10px;
	margin-bottom:10px;
}
.commentaireMembre{
	/*border:1px solid #FF0F0F;*/
	background-color:#eef6f3;
	padding:10px;
	margin-bottom:10px;
}

/* 
- - - - - - - - - - - - - - - - - - - - -
    Romans
- - - - - - - - - - - - - - - - - - - - -
*/
#critique{}
	#critique .ecrire{float:right;}
	#critique .voir{float:right; clear:right; margin:3px 0 0 0;}

.icoPref{background-image:url(/images/romans/ico_pref.gif); background-repeat:no-repeat; background-position:left; height:17px; padding:0 0 0 22px; margin:0 0 4px 0;}
.icoLire{background-image:url(/images/romans/ico_lire.gif); background-repeat:no-repeat; background-position:left; height:17px; padding:0 0 0 22px;}
.nomInter{text-align:right;font-weight:bold; padding:0 0 15px 0;}

/* 
- - - - - - - - - - - - - - - - - - - - -
    Gadgets
- - - - - - - - - - - - - - - - - - - - -
*/

.boiteGadget{margin:0 0 27px 0;}
	.boiteGadget a img{border:#FFF 2px solid;}
	.boiteGadget a:hover img{border:#FF0000 2px solid;}

/* 
- - - - - - - - - - - - - - - - - - - - -
    Chroniques
- - - - - - - - - - - - - - - - - - - - -
*/

.imgChron{ margin:15px 0 0 0;}

/* 
- - - - - - - - - - - - - - - - - - - - -
    Mon mag
- - - - - - - - - - - - - - - - - - - - -
*/
.magImg{ margin:0 0 20px 0;}
.introMag{ margin:10px 0 10px 0;}

/* 
- - - - - - - - - - - - - - - - - - - - -
    Inscrition
- - - - - - - - - - - - - - - - - - - - -
*/
.boiteTxt{}
.boiteTxtErreur{color:#FE0100;}
.boiteChamps{margin:2px 0 10px 0;}
	.boitetwoCol{}
		.ColUn{ float:left; margin:0 5px 0 0;}
		.ColDeux{ float:left;}
.btSend{clear:left; padding:12px 0 0 0;}

/* 
- - - - - - - - - - - - - - - - - - - - -
    2 collones ÉGALES 
- - - - - - - - - - - - - - - - - - - - -
*/

#twoColEgale{}
	#twoColEgale .twoColGauche{ float:left; width:353px;}
	#twoColEgale .twoColDroite{ float:right; width:353px;}

#infoGauche{text-align:left;}	
#infoGauche p{text-align:left;}


/* 
- - - - - - - - - - - - - - - - - - - - -
    2 collones NON ÉGALES Auteurs Romans
- - - - - - - - - - - - - - - - - - - - -
*/

#twoColNoEgal{ padding:0 0 50px 0;}
	#twoColNoEgal .twoColGauche{ width:125px; float:left; text-align:left}
	#twoColNoEgal .twoColGauche DIV{text-align:left}
	#twoColNoEgal .twoColDroite{ width:581px; float:left; padding:0 0 0 27px;}

#twoColNoEgal .paging{ padding:20px 0 50px 0; clear:both;}
	#twoColNoEgal .prec{ float:left; width:70px;}
	#twoColNoEgal .chiffres{ float:left; text-align:center; width:430px;}
		#twoColNoEgal .chiffres .cur{color:#FE0100;}
	#twoColNoEgal .suiv{ float:right;}

/* 
- - - - - - - - - - - - - - -
    Perso
- - - - - - - - - - - - - - -
*/
	
.infoPerso{ height:295px;}
	.infoPerso DIV{ padding-bottom:10px}
.livresPref{ padding-bottom:20px}
	.livresPref h2{background-image:url(/images/perso/thumbPref.gif); background-repeat:no-repeat; padding:0 0 0 20px; height:20px; margin:0 0 0 0;}
	.livresPref ul{list-style:none;}

.fond{height:295px;}
	.fond a img{border:#FFF 2px solid;}
	.fond a:hover img{border:#FF0000 2px solid;}
		.fondCurrent img{border:#FF0000 2px solid;}
	.fondColUn{ width:90px; float:left; margin:10px 0 0 0; padding:2px 0 0 0;}
	.fondColDeux{ width:90px; float:left; margin:10px 0 0 50px; padding:2px 0 0 0;}
.livreLire{ clear:left; padding-bottom:20px}
	.livreLire h2{background-image:url(/images/perso/thumbLire.gif); background-repeat:no-repeat; padding:0 0 0 20px; height:20px; margin:0 0 0 0;}
	.livreLire ul{list-style:none;}

.actRecente{ padding:0 0 20px 0; margin:0 0 0 0;}
	.actRecente h5{margin:0 0 0 0; padding:0 0 0 0;}
	.actRecente h4{margin:0 0 0 0; padding:0 0 0 0;}
	.actRecente p{margin-bottom:15px;}


/* 
- - - - - - - - - - - - - - -
    FOOTER
- - - - - - - - - - - - - - -
*/

#footer{background-image:url(/images/papierCentreBot.png); background-repeat:no-repeat; background-position:top; height:100px; margin:0px 0 60px 0; font-size:9px; text-align:center;padding-top:30px}


.dwd{font-family: "Trebuchet MS", Times, serif;}