/* --------------------------------------------------------
    Global stylesheet
    Website: Editions de Mortagne
    Created by: Revolver 3 - www.revolver3.com
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * { margin: 0; padding: 0; }
    body { background-color: #fff; font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif; color: #3C5603; margin: 0; padding: 0; text-align: center; }
    a { color: #3C5603; }
    a:hover, a:visited { color: #3C5603; }
    input, select, textarea { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #4C5603; padding: 2px; }
    select { padding: 0px; }
    ul { list-style: none; }
    hr, .hide { display: none; }
    div.clearer { clear: both; height: 1px; overflow: hidden; }


/*  Titres
   -------- */

    h1 { background: url("../images/header_logo_noir.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 155px; height: 155px; }
    h1 a:link, div#header h1 a:visited { display: block; width: 155px; height: 155px; text-decoration: none; outline: none; -moz-outline-style: none; }
    h1.logo_noir { background: url("../images/header_logo_noir.gif") no-repeat; }
    h1.logo_blanc { background: url("../images/header_logo_blanc.gif") no-repeat; }
    h2 { margin-bottom: 0; font-size: 1.3em; color: #A1C300; }
    h3 { margin-bottom: 0; font-size: 1.2em; color: #A1C300; }


/* --------------------------------------------------------
    Presentation General
   -------------------------------------------------------- */

    div#container { width: 920px; margin: 0 auto; text-align: left; }
    div#container { margin-bottom: 10px; }
    div#wrapper_widder_left { background: url(../images/wrapper_bg.jpg) no-repeat top left; background-color: #EBECDC; }

	body#matin div#wrapper_widder_left { background-image: url(../images/wrapper_bg_aube.jpg); }
	body#soir div#wrapper_widder_left { background-image: url(../images/wrapper_bg_crepuscule.jpg); }
	body#nuit div#wrapper_widder_left { background-image: url(../images/wrapper_bg_nuit.jpg); }

	a.banniere img {display:block;margin-bottom:10px;border-bottom: 5px solid #EBECDC; }
	
	
/* --------------------------------------------------------
    Presentation Section Fantastique
   -------------------------------------------------------- */
	
	body#fantastique div#wrapper_widder_left { background-image: url(../images/wrapper_bg_fantastique.jpg); }
	body#fantastique {background:#000;background-image:url(../images/bg_fantastique.jpg);background-repeat:repeat-x;}
	
	a img {border:none;text-align:middle;}

/* --------------------------------------------------------
    Presentation Sections tabou , thrillersuspense , limecitron
   -------------------------------------------------------- */

	body#tabou div#wrapper_widder_left { background-image: url(../images/wrapper_bg_tabou.jpg); }
	body#thrillersuspense div#wrapper_widder_left { background-image: url(../images/wrapper_bg_thrillersuspense.jpg); }
	body#limecitron div#wrapper_widder_left { background-image: url(../images/wrapper_bg_limecitron.jpg); }

/*  Header
   -------- */

    div#header { height: 202px; }
    div#header div#inner_header { padding: 23px 0 0 10px; }

/*  Menu + Recherche + Adresse
   ---------------------------- */

    div#menu { width: 165px; float: left; margin-right: 5px; }
    div#menu div#inner_menu { padding: 0 0 80px 5px; }

    div#menu_principal ul.menu li a { width: 165px; height: 21px; -moz-outline-style: none; display: block; background-position: top left; text-decoration: none; text-indent: -9999px; }
    div#menu_principal ul.menu li a.menu_cat { background: url(../images/menu_btn_catalogue.gif) no-repeat; }
    div#menu_principal ul.menu li a.menu_aut { background: url(../images/menu_btn_auteurs.gif) no-repeat; }
    div#menu_principal ul.menu li a.menu_apr { background: url(../images/menu_btn_apropos.gif) no-repeat; }
    div#menu_principal ul.menu li a.menu_act { background: url(../images/menu_btn_actualites.gif) no-repeat; }
    div#menu_principal ul.menu li a.menu_com { background: url(../images/menu_btn_commandes.gif) no-repeat; }
    div#menu_principal ul.menu li a.menu_con { background: url(../images/menu_btn_contact.gif) no-repeat; }

    div#menu_principal ul.menu li a:hover, div#menu_principal ul.menu li.active a { background-position: top right; }

    div.sous_menu { background-color: #fff; width: 165px; margin-bottom: 1px; }
    div.sous_menu ul { padding: 6px 10px; }
    div.sous_menu ul li { background: url(../images/puce_sous_menu.gif) no-repeat center left; padding: 0 0 1px 7px; }
    div.sous_menu ul li a { color: #4C5603; text-decoration: none; }
    div.sous_menu ul li a.sous_menu_active { font-weight: bold; }

    div#menu div#recherche { padding: 18px 0 20px 5px; margin-bottom: 16px; border-bottom: 1px solid #fff; }
    div#menu div#recherche div.recherche_titre { margin-bottom: 8px; }

    div#menu div#adresse { padding: 0 0 0 5px; }

/*  Contenu
   --------- */

    /* Normal Layout */
    div#contenu { min-height: 490px; width: 740px; float: right; margin-right: 5px; background: url(../images/contenu_bg.gif) repeat-y; }
    div#colonne_gauche { width: 430px; float: left; }
    div#colonne_droite { width: 305px; float: right; }

    /* Colonne Gauche Plus Large */
    div#contenu_widder_left { min-height: 490px; width: 740px; float: right; margin-right: 5px; background: url(../images/contenu_bg_widder_left.gif) repeat-y; }
    div#colonne_gauche_widder { width: 540px; float: left; }
    div#colonne_droite_smaller { width: 195px; float: right; }

    /* Colonne Full */
    div#contenu_full { width: 740px; float: right; margin-right: 5px; background-color: #fff; }

    div.contenu_padding { padding: 0 10px 10px 10px; }
    div.contenu_sep { border-bottom: 1px solid #EBECDC; margin-bottom: 12px; }

/*  Footer
   -------- */

    div#footer { padding: 0 5px 0 175px; }
    div#footer p { padding: 9px 0 10px 0; margin-bottom: 10px; font-size: 0.9em; /* border-bottom: 1px solid #fff; */ }
    div#footer img { margin-bottom: 10px; }

/* --------------------------------------------------------
    Section : Accueil
   -------------------------------------------------------- */

/*  Nouveautes
   ------------ */

    div#accueil_nouveautes { border-bottom: 5px solid #EBECDC; }
    div#accueil_nouveautes table.nouveautes_accueil { margin-bottom: 10px; }
    div#accueil_nouveautes table.nouveautes_accueil td { padding: 0 10px 10px 0; }

/*  Nouvelles - Actualites
   ------------------------*/

    div.item_actualites { margin-bottom: 15px; }
    div.item_actualites span.date { font-size: 0.9em; font-weight: bold; color: #A1C300; }
        div.item_actualites span.stitre { font-size: 0.9em; margin-top: 1px; text-transform:uppercase; display: block; }
    div.item_actualites span.titre { margin-bottom: 2px; font-weight: bold; display: block; }
    div.item_actualites p { margin-bottom: 16px; }
    div.item_actualites p.btn_suite { margin-top: 0; }

/*  Actualites
   ------------ */

    div#accueil_actualites div.item_actualites { margin-bottom: 15px; }
    div#accueil_actualites div.item_actualites span.date { font-size: 0.9em; font-weight: bold; color: #A1C300; }
    div#accueil_actualites div.item_actualites span.titre { margin-bottom: 3px; font-weight: bold; display: block; }
    div#accueil_actualites div.item_actualites p.btn_suite { margin-top: 8px; }

/*  Auteur en vedette + Ouvrages + Notes
   -------------------------------------- */

    div#accueil_auteur div.contenu_sep { margin-bottom: 2px; }
    div#accueil_auteur div.image_vedette { margin-bottom: 20px; }
    div#accueil_auteur div#ouvrages { margin-bottom: 11px; }
    div#accueil_auteur div#ouvrages div.ouvrage_vedette { height: 130px; }
    div#accueil_auteur div#ouvrages div.ouvrage_vedette div { margin-right: 10px; float: left; }
    div#accueil_auteur div#notes { margin-bottom: 10px; }
    div#accueil_auteur div#notes p { margin-bottom: 8px; }

/* --------------------------------------------------------
    Section : Catalogue
   -------------------------------------------------------- */

/*  Ouvrage vedette + Genres
   -------------------------- */

    div#catalogue_ouvrage_vedette div.contenu_sep, div#catalogue_auteur_vedette div.contenu_sep, div#catalogue_genres div.contenu_sep { margin-bottom: 0; }
    table.table_2colonnes { margin-bottom: 10px; }
    table.table_2colonnes td { vertical-align: top; }
    table.table_2colonnes td.image_gauche { padding-right: 10px; }
    table.table_2colonnes td p { margin-bottom: 16px; }

    div#catalogue_genres div.contenu_sep { margin-bottom: 10px; }
    div#catalogue_genres a { text-decoration: none; }
    div#catalogue_genres p { margin-bottom: 0; line-height: 1.25em; font-size: 0.9em; }

/*  Liste
   ------- */

    div.page_num { background-color: #EBECDC; padding: 8px; margin-bottom: 10px; }
    div.page_num a.num_active { font-weight: bold; text-decoration: none; }

    div.item_catalogue { width: 350px; height: 142px; float: left; border-bottom: 1px solid #EBECDC; margin-bottom: 12px; }
    div.item_catalogue div.image_catalogue { float: left; }
    div.item_catalogue div.texte_catalogue { margin-left: 90px; }

    div.item_recherche { border-bottom: 1px solid #EBECDC; margin-bottom: 12px; }

/*  Fiche Details
   --------------- */

    table#fiche_details_entete { width: 100%; margin: 10px 0 20px 0; }
    table#fiche_details_entete td.fiche_retour { text-align: right; vertical-align: top; padding-top: 7px; }

    table#fiche_details { margin-bottom: 10px; }
    table#fiche_details td { vertical-align: top; }
    table#fiche_details td.fiche_details_image { padding-right: 10px; }
    table#fiche_details td p, table#fiche_details td ul { margin-bottom: 16px; }

    table#fiche_details h4 { font-size: 1.4em; margin-bottom: 4px; }
    table#fiche_details h5 { font-size: 1.1em; margin-bottom: 12px; color: #758D11; }

    table#fiche_details table.table_2colonnes { margin-bottom: 16px; }
    table#fiche_details table.table_2colonnes p { margin-bottom: 8px; }

/* --------------------------------------------------------
    Section : Auteurs
   -------------------------------------------------------- */

    div#auteur_vedette p { margin-bottom: 16px; }
    div#auteur_vedette div.image_vedette { float: left; margin: 0 10px 10px 0; }
    div#auteur_vedette div.image_texte { float: left; }
    div#auteur_vedette div.contenu_sep { clear: both; margin-top: 10px; margin-bottom: 0; }

    div#auteur_ouvrages div.item_ouvrage { height: 130px; }
    div#auteur_ouvrages div.item_ouvrage div { margin-right: 10px; float: left; }
    div#auteur_ouvrages div.item_ouvrage p { margin-bottom: 16px; }
    div#auteur_ouvrages div.contenu_sep { clear: both; margin-top: 10px; margin-bottom: 0; }

    div#auteur_notes p.btn_suite { margin: 16px 0 8px 0; }

    div#liste_auteurs p { color: #EAEBE6; margin-bottom: 16px; }
    div#liste_auteurs p a { font-weight: bold; text-decoration: underline; }
    div#liste_auteurs p a.liste_active { text-decoration: none; }
    div#liste_auteurs ul li { padding-bottom: 3px; }
    div#liste_auteurs ul li a { text-decoration: none; }

/* --------------------------------------------------------
    Section : � Propos
   -------------------------------------------------------- */

/*  Entree - Historique
   --------------------- */

    div#apropos_historique { border-bottom: 5px solid #EBECDC; }
    div#apropos_historique div.image_historique { margin-bottom: 10px; }
    div#apropos_historique div.item_actualites p { margin-bottom: 0; }
    div#apropos_historique div.item_actualites p.btn_suite { margin-top: 8px; }

/*  Entree - A Propos
   ------------------- */

    div#apropos_apropos p { margin-bottom: 16px; }
    div#apropos_apropos p.btn_suite { margin-top: 0; }

/*  Entree - Colonne Droite
   ------------------------- */

    div#apropos_droite div.item_actualites p { margin-bottom: 8px; }
    div#apropos_droite div.image_equipe_droite { margin-bottom: 10px; }
    div#apropos_droite div.contenu_sep { margin-bottom: 5px; }

/*  Historique
   ------------ */

    div#apropos_historique_section p { margin-bottom: 16px; }
    div#apropos_historique_section table.table_2colonnes { margin-bottom: 18px; }
    div#apropos_historique_section table.table_2colonnes td.image_gauche { padding-right: 18px; }

/* --------------------------------------------------------
    Section : Actualites
   -------------------------------------------------------- */

/*  Calendrier
   ------------ */

    div#calendrier { border-bottom: 5px solid #EBECDC; }
    div#calendrier div.calendrier_nouvelles { margin-bottom: 16px; }

    #calendar {
        width: 285px;
        padding: 0;
        margin: 0;
        border-left: 5px solid #EBECDC;
        font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
        color: #3C5603;
        text-align: center;
        background-color: #EBECDC;
    }

    div#calendrier .nav, div#calendrier .nav a {
            font: bold 14px Verdana, Arial, Helvetica, sans-serif;
            color: #3C5603;
            text-align: center;
            text-decoration: none;
    }


    div#calendrier caption {
            margin: 0;
            padding: 0;
            height: 25px;
            width: 285px;
            background: #fff;
            color: #3C5603;
            font: bold 11px Verdana, Arial, Helvetica, sans-serif;
            text-align: center;
            border-top: 5px solid #EBECDC;
            border-right: 5px solid #EBECDC;
            border-left: 5px solid #EBECDC;
    }

    div#calendrier th {
            font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
            color: #3C5603;
            background: #EBECDC;
            text-align: right;
            border-right: 5px solid #EBECDC;
            border-bottom: 5px solid #EBECDC;
            border-top: 5px solid #EBECDC;
    }

    div#calendrier .today, div#calendrier td.today a, div#calendrier td.today a:link, div#calendrier td.today a:visited {
            color: #3C5603;
            font-weight: bold;
    }

    div#calendrier td.today a, div#calendrier td.today a:link, div#calendrier td.today a:visited { border: 1px solid #476414; }

    div#calendrier td {
            border-right: 5px solid #EBECDC;
            border-bottom: 5px solid #EBECDC;
            width: 35px;
            height: 20px;
            text-align: right;
            background-color: #fff;
    }

    div#calendrier td a {
            text-decoration: none;
            font-weight: bold;
            display: block;
    }

    div#calendrier td a:link, div#calendrier td a:visited {
            color: #3C5603;
            background-color: #A1C300;
    }

    div#calendrier td a:hover, div#calendrier td a:active {
            color: #3C5603;
            background-color: #B8DF00;
    }
	
	div#calendrier td.today {
            background:#D1D2BD;
    }

/*  Communiques
   ------------- */

    div#communiques div.item_actualites p { margin-bottom: 8px; }

/* --------------------------------------------------------
    Section : Actualites - Details
   -------------------------------------------------------- */

/*  Nouvelles
   ----------- */

    div#actualites_details div.retour_btn { margin: 0 0 10px 0; }
    div#actualites_details div.nouvelle_prec { float: left; }
    div#actualites_details div.nouvelle_suiv { float: right; }

/*  Archives
   ---------- */

    div#archives strong { font-size: 0.9em; font-weight: bold; color: #A1C300; }
    div#archives ul li a { text-decoration: none; }
    div#archives ul li a:hover { text-decoration: underline; }
    div#archives ul li a.archives_active { font-weight: bold; }
    div#archives div.contenu_sep { margin-top: 20px; margin-bottom: 0; }

/* --------------------------------------------------------
    Section : Resultats de recherche
   -------------------------------------------------------- */

    div.item_recherche span.titre { font-weight: bold; display: block; }
    div.item_recherche p { margin-bottom: 7px; padding-right:20px; }
    div.item_recherche p.btn_suite { margin-bottom: 10px; }