/* ***************************** */
/* propriétés générales de la page */
/* ***************************** */

* {
margin:0;
padding:0;
}

body {
background:#282318 /*url("../photos/interfaceSite/fond.gif")*/;
font: 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.logo { border: 0; }

/* **************************** */
/* Conteneur générale           */
/* **************************** */

div#global {
width: 950px;
margin: 0 auto;
position: relative;
background: url("../photos/interfaceSite/fond_page.jpg");
}

/* **************************** */
/* En-tête, header              */
/* **************************** */

div#header {
position:relative;
height: 120px;
background: url("../photos/interfaceSite/fond_haut.jpg") no-repeat;
}

div#header a{
margin: 0 0 0 20px;
}

/* **************************** */
/* Formulaire de recherche      */
/* **************************** */

form#recherche {
position:absolute;
right:50px;
top:27px;
}

a#lienRecherche {
background: #660909;
color: #CCBB89; 
text-decoration: none; 
text-align: center;
padding: 1px 3px 1px 3px;
font: bold 14px Times, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


/* **************************** */
/* En-tête, Menu                */
/* **************************** */

ul#menu_haut {
position:absolute;
right:50px;
top:94px;
list-style: none;
font: bold 14px Times, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

/* **************************** */
/* Elémens En-tête, Menu        */
/* **************************** */

ul#menu_haut li {
display: inline;
background: #660909;
margin: 0 0 0 12px;
padding:1px 0 1px 0;
}
	
ul#menu_haut li a { 
color: #CCBB89; 
text-decoration: none; 
text-align: center;
margin: 0 8px 0 8px;
padding: 2px 0 0 0;
}

/* **************************** */
/* Body, contenu centrale       */
/* **************************** */

div#body {
width:950px;
padding-bottom: 50px; 
overflow: auto;
background: url("../photos/interfaceSite/illus.jpg") bottom left no-repeat;
}

/* **************************** */
/* Contenu de la page           */
/* **************************** */	

div#contenu {
float:left;
width:550px;
padding:20px 0 0 0;
text-align:justify;
overflow:hidden;
}

/* **************************** */
/* Eléments Contenu de la page  */
/* **************************** */	

div#fil_arianne {
height:50px;
font: bold 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#990000;
}

div#contenu h1 {
margin: 20px 0 20px 10px;
background:  url("../photos/interfaceSite/pointill.jpg") bottom left no-repeat;
font: bold 18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#990000;
}

#gauche {
float:left;
margin:0 10px 0 10px;
}

#centre {
width:550px;
text-align:justify;
margin:5px 0 0 0;
}
#centre h3, h4 { margin-left:25px; }
.h1 { 
display: block;
margin: 20px 0 20px 10px;
background:  url("../photos/interfaceSite/pointill.jpg") bottom left no-repeat;
font: bold 18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#990000;
}

div#entete_contenu_accueil { margin: 0 0 30px 0; }

div#contenu p{ margin: 0 0 0 30px; }

.pagination { padding-top: 20px; }

h2 {  clear: both; margin: 50px 0 20px 0; font-size: 14px; border-bottom: 1px dashed #000000; }

h3 { color: #790A0A; margin: 20px 0 5px 0; }

.eltDynListe { clear: both; overflow: hidden; zoom: 1; margin: 0 0 30px 0; padding: 0; }

.eltDynListeLien { clear: both; margin: 0 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px dashed black; }

.imgDynListe { float: left; margin: 0 5px 0 0; border: 4px solid #790A0A; }

.imgDynListeDetail { display: block; margin: 10px auto 20px; border: 4px solid #790A0A; }

.imgDyn { margin: 10px 0 0 10px; border: 4px solid #790A0A; }

.pagination { clear: both; }

.lien_detail_titre { display: block; margin: 20px 0 5px 0; font-size: 13px ; font-weight: bold; text-decoration: none; color: #790A0A; }

.lien_detail { text-decoration: none; color: #790A0A; }

.lien_detail_noir { text-decoration: none; color: #000000; }

p#achat_livre { width: 100%; margin: 0 auto; text-align: center; padding:0 0 30px 0; }

.lien_special { font-size: 14px; font-weight: bold; color: #000000; text-align:center; text-decoration: none; }

/* Plan du site */

#planSite { margin: 0 0 0 50px; }

.rub { list-style-type: decimal; margin: 10px 0 0 0; }

.sousRub { list-style-type: none; padding: 0 0 0 50px; margin: 10px 0 0 0; }

/* bandeauFlash */

.bandeauFlash { text-align: left; }

/* **************************** */
/* Formulaire de contact  */
/* **************************** */	

form#contact {
width:500px;
margin:0 auto;
text-align:center;
}

form#contact input{
margin:10px auto 10px auto;
width:400px;
font:11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

form#contact input.submit{
margin:10px auto 10px auto;
width:200px;
font:11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.textarea{
margin:0 0 10px 0;
width:400px;
font:11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

/* **************************** */
/* Gauche                       */
/* **************************** */	

ul#menugauche {
float: left;
width: 275px;
height:600px; /* Pour ne pas cacher l'image en bas à droite en cas de manque de contenu */	
background: url("../photos/interfaceSite/f_menu.gif") no-repeat;
list-style-type: none;
margin: 0 0 0 20px;
padding: 5px 0 0 0;
font: bold 16px Times, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

/* **************************** */
/* Elements Menu gauche         */
/* **************************** */	

ul#menugauche li {
margin: 6px 0 0 20px;
}
ul#menugauche a {
margin: 0 2px 0 0;
color: #ccbb89;
text-decoration: none;
}
ul#menugauche a:hover {
text-decoration: none;
color:#990000;
}

/* **************************** */
/* Pied de page                  */
/* **************************** */	

div#footer {
clear:both;
width: 950px;
height: 31px;
background: url("../photos/interfaceSite/fbas.jpg");
}

/* **************************** */
/* Spacer                       */
/* **************************** */	

div#spacer{
clear:both;
}

/* **************************** */
/* En-tête, Menu                */
/* **************************** */

ul#menu_footer {
float:right;
margin: 10px 20px 0 0;
}

/* **************************** */
/* Elémens footer, Menu        */
/* **************************** */

ul#menu_footer li {
display: inline ;
margin: 0 0 0 8px;
}
	
ul#menu_footer li a { 
font: bold 15px Times, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #660909 ;
text-decoration: none; 
text-align: center;
margin: 0 8px 0 8px;
padding: 2px 0 0 0;
}