/* Feuille de style du design interne */
* {margin: 0; padding: 0;}

/* Caractéristiques générales */
html {overflow:auto;}

body {margin: 0 0; text-align: left; font: 13px "Trebuchet MS", verdana, sans-serif; 
	background: url(img_salaber/body.jpg) no-repeat #e2f8d1; color: #003300; }
	
body p {margin-bottom: 0; }

body a {text-decoration: none; color: #003300; font-weight: bold;}
body a:hover {color: #9dda6c;  }

body span {font-weight: bold; }

body img {border: none; }

abbr, acronym {border-bottom: none; }

body h1 {font-size: 75px; }
body h2 {font-size: 24px; font-weight: normal;}
body h3 {font-size: 30px; }
body h4 {font-size: 20px; }
body h5 {font-size: 15px; }
body h6 {font-size: 16px;}

.false {clear: both; width: 100%; height: 1px; background: none; }
.false_center {clear: both; width: 650px; height: 1px; }

/* Caractéristiques de la pade d'accueil */
	#accueil_head {float: right; margin-right: 20px;}
	#accueil_head a.info {position: relative; font-weight: normal;}
		#accueil_head a.info span {display: none;}
		#accueil_head a.info:hover {background: none; z-index: 500; cursor: help; }
		#accueil_head a.info:hover span{display: inline; top: 30px; left: 20px; position: absolute; width: 150px; background: black; }
				
	#accueil_left {float: left; width: 190px; margin-top: 20px;}
	.accueil_right {float: left; width: 780px; font-size: 22px;}
	.menu_accueil {text-align: right; margin-right: 20px; margin-top: 5px;}
	#right_haut {line-height: 55px; margin-top: 32px; }
	#right_bas {margin-top: 89px; font-size: 30px;}
	.accueil_roman {float: right; width: 780px; margin-top: 20px; margin-right: 20px; text-align: justify; background: #e2f8d1;}
		.roman_left {float: left; width: 100px;}
		.roman_right {float: left; width: 650px; margin-left: 10px;}
	.bottom {float: left; width: 800px; height: 20px;}

/* Caractéristiques de la mise en page gdu pied de page */
	#footer {width: 100%; height: 70px; margin-top: 5px; margin-bottom: 10px; text-align: right; 
			background: url(img_salaber/logo_bas.jpg) #e5f5d7 right no-repeat;}
			#menu_footer{padding-top: 7px; margin-right: 282px; }
			#bas_footer{margin-left: 60px; margin-right: 282px;}

/* Caractéristiques de la mise en page générale */
#contener {margin: 0 auto; width: 990px; padding-top: 10px; background: url(img_salaber/fond_vert.gif);}
	.bottom_center {float: left; width: 750px; height: 20px;}

	/* Caractéristiques du header*/
	#header {float: left; width: 780px; height: 126px; background: url(img_salaber/logo_2.jpg) right #e2f8d1 no-repeat;}
		#titre_head{float: left; width: 420px; height: 126px; }
			#log_head{line-height: 42px; margin-left: 20px; }
			#phrase_head{margin-top: 5px;}
		#menu_head {float: right; width: 535px; margin-top: 5px;}
			#phrase_head a.info {position: relative; font-weight: normal;}
				#phrase_head a.info span {display: none;}
				#phrase_head a.info:hover {background: none; z-index: 500; cursor: help; }
				#phrase_head a.info:hover span{display: inline; top: 30px; left: 20px; position: absolute; width: 150px;
				background: black; }		
			#message_head {float: right; height: 30px; text-align: justify; border-bottom: 1px solid #003300; }
				
	#corps_page {float: right; width: 780px; margin-top: 22px; margin-right: 20px}
		#center {float: right; width: 780px; margin-top: 60px; background: #e2f8d1;}
		.center {float: right; width: 780px; margin-top: 60px; background: #e2f8d1;}
		
	/* Caractéristiques des pages de présentation des romans*/
		.en_tete{width: 630px; margin-top: 10px; margin-left: 10px; font-size: 14px;}
			.couv{float: left; width: 200px;}
			.caractere{float: left; margin-left: 10px; width: 300px; text-align: justify; }
			.prix{float: left; width: 400px; margin-left: 10px; margin-top: 25px; border-top: 1px solid #003300;  }
				.format{margin-top: 5px;}
			.note{margin-left: 10px; width: 750px; margin-top: 20px; text-align: justify; font-size: 14px;}
			.note p{margin-top: 5px;}
			.note_bio{margin-left: 10px; width: 630px; margin-top: 30px; text-align: justify; font-size: 14px;}
			.note p{margin-top: 5px;}
			.note_bio p{margin-left: 60px; margin-top: 5px; text-indent: 10px;}
				.img_bio{float: left; font-weight: normal; width: 140px; }
				.img_bio a{font-weight: normal;}
				.romans_bio{margin-top: 5px; }
				.bio_auteur{float: left; width: 480px; margin-left: 10px; text-indent: 10px;}
		.note_edit{margin-left: 50px; width: 580px; margin-top: 30px; text-align: justify; font-size: 14px;}
			.menu_edit{text-align: center; font-size: 13px; border-top: 1px solid ;}
			.img_edit {float: left; text-align: left; width: 150px; height: 230px; padding-right: 5px;}
			.note_lien{text-indent: 20px; margin-top: 5px; margin-bottom: 5px; text-align: justify;}
			.extrait{margin-left: 10px; width: 490px; margin-top: 20px; text-align: justify; font-size: 14px;}
			.chap{font-size: 16px; text-align: right; margin-bottom: 10px;}
			.text{text-indent: 10px; margin-top: 5px; }
			.dial{margin-left: 10px; margin-top: 5px;}
				.note_edit a{font-weight: normal}
			.separe{text-align: center; margin: 5px 5px; }
			.lecture{margin-left: 10px; width: 630px; margin-top: 30px; margin-bottom: 15px; text-align: justify; font-size: 14px;}
			.inter{margin-top: 5px;}
			.prix_bas{width: 600px; margin-left: 30px; margin-top: 10px; text-align: left; }
			.bas_couv{float: left; width: 120px;}
			.bas_prix{float: left; width: 400px;}
	
		/* Caractéristiques des balises générales des pages centrales*/
		.page_centre a{font-weight: normal;}
		#titre_page{margin-top: 10px; margin-left: 10px; margin-right: 10px; text-align: right; border-top: 1px solid #003300; 
			border-bottom: 1px solid #003300;}
		.intro{margin: 10px 10px; text-align: justify; font-size: 14px; }
		.menu_gene{margin: 10px 10px; text-align: center;}
			.menu_gene a{font-weight: normal;}
			.joke {float: left; clear: both; margin-right: 5px; margin-top: 4px;}
		.table_mat {margin-left: 40px;}
			.table_mat p{margin-top: 2px;}
		a.info2 {position: relative; color: #003300; text-decoration: none;}
			a.info2 span {display: none;}
			a.info2:hover {background: none; z-index: 500; cursor: help; color: #9dda6c; font-weight: normal;}
			a.info2:hover span{display: inline; top: -40px; left: 50px; position: absolute; width: 250px; font-style: italic; font-size: 13px;
				background: #faf0e6; color: #003300; padding: 3px; border: 1px solid #003300; border-left: 4px solid #003300; text-align: left; 
				font-weight: normal; text-indent: 0px;}
				
		/* Caracteristiques de la page Flux_rss (Txoria,txori)*/
		.intro_flux{margin: 10px 10px; margin-top: 30px; text-align: justify; font-size: 14px; }
		.video{text-align: center; margin: auto; margin-top: 20px;}
			.video object{width:480px; height:385px; border: 1px solid #003300;}
		.hegoak_fr{float: left; width: 200px; margin-left: 5px; margin-top: 10px; text-align: left;}
		.hegoak_ba{float: left; width: 200px; margin-left: 10px; margin-top: 10px; text-align: left;}
		.hegoak_en{float: left; width: 205px; margin-left: 10px; margin-top: 10px; text-align: left;}
		.intro .presentation {margin-top: 7px}
	
		/* Caractéristiques de la page News*/
		.news{width: 700px; margin-top: 10px; margin-left: 10px;}
			.news_titre {margin-bottom: 10px;}
			.news_left{float: left; width: 125px; }
			.news_right{float: right; width: 550px; text-align: justify; border-left: 1px solid #003300; padding-left: 5px; font-size: 14px;}
			.aller_page{margin: 10px 10px;}
		
		/* Caractéristiques de la page Romans*/
		.livre_1{float: left; width: 150px; height: 193px; background: url(romans/img_romans/livre_1.jpg) no-repeat;}
		.livre_2{float: right; width: 150px; height: 193px; background: url(romans/img_romans/livre_2.jpg) no-repeat;}
		.livre_center{float: left; margin-left: 70px; width: 330px; text-align: justify; font-size: 14px;}
		.livre_bas{clear: both; margin: 10px 30px; text-align: justify; font-size: 14px;}
			.livre_bas p{margin-top: 5px;}
			.livre_bas h4{text-align: center;}
			.livre_bas a {text-decoration: none; color: #003300; font-weight: bold;}
			
		/* Caractéristiques des pages de présentation de l'auto édition*/
		.livre_a{float: left; width: 150px; margin-left: 5px; text-align: center;}
		.livre_b{float: right; width: 150px; margin-right: 5px; text-align: center;}
		.edit_center{float: left; margin-left: 60px; width: 350px; text-align: justify; font-size: 14px;}
			.edit_center p{margin-top: 5px;}
				.edit_center .rien{margin-top: 0px;}
		.titre_edit{margin: 10px; font-size: 16px; text-align: center;}
		
		/* Caractéristiques de la page contact*/
		.form_mailing{margin-left: 30px; margin-top: 20px; width: 520px;}
			.form_mailing fieldset{padding: 10px}
		
		
		
		
		
