/*
 *  27 mai 2008
 *  memo colors :
 *
 *  vert : #369E52 (balades)
 *  brun : #C25C00 (qui sommes-nous)
 *  noir/brun : #594E2B
 *  rouge : color:#C25C00;
 * */
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans;
}

#head {
    width: 990px;
    background-color: transparent;
}

a, a:hover {
    color: #594E2B;
}
/*******************  defaut *******************/
/*******************   menu  Accueil  *******************/
#menuAccueil ul {
    list-style-type: none;
    list-style-position: inside;
}

#menuAccueil ul li {
    float: left;
}

#menuAccueil ul li span {
    display: none;
}

#menuAccueil ul li a {
    display: block;
    border: 0px solid #000;
    height: 30px;
    cursor: pointer;
}

#menuAccueil ul li.rub2 a {
    background-image: url(img/quisommes_bouton.png);
    background-repeat: no-repeat;
    left: 40px;
    padding: 5px;
    position: absolute;
    top: 540px;
    width: 310px;
}

#menuAccueil ul li.rub3 a {
    background-image: url(img/livre_bouton.png);
    background-repeat: no-repeat;
    left: 180px;
    padding: 5px;
    position: absolute;
    top: 14px;
    width: 167px;
}

#menuAccueil ul li.rub4 a {
    background-image: url(img/commandes_bouton.png);
    background-repeat: no-repeat;
    left: 110px;
    padding: 5px;
    position: absolute;
    top: 126px;
    width: 433px;
}

#menuAccueil ul li.rub5 a {
    background-image: url(img/balades_bouton.png);
    background-repeat: no-repeat;
    left: 70px;
    padding: 5px;
    position: absolute;
    top: 386px;
    width: 314px;
}

#menuAccueil ul li.rub6 a {
    background-image: url(img/cafes_bouton.png);
    background-repeat: no-repeat;
    left: 140px;
    padding: 5px;
    position: absolute;
    top: 446px;
    width: 314px;
}

#menuAccueil ul li.rub7 a {
    background-image: url(img/lien_bouton.png);
    background-repeat: no-repeat;
    left: 290px;
    padding: 5px;
    position: absolute;
    top: 300px;
    width: 148px;
}

#menuAccueil ul li.rub8 a {
    background-image: url(img/contact_bouton.png);
    background-repeat: no-repeat;
    left: 210px;
    padding: 5px;
    position: absolute;
    top: 250px;
    width: 148px;
}
/**************  Accueil  ***************/
#contenuAccueil {
    /*
     background-color: white;
     */
    width: 590px;
    height: 100%;
    margin: 0;
    float: left;
}

#soon {
    background-color: #C25C00;
    left: 710px;
    padding: 10px;
    position: absolute;
    top: 355px;
    width: 235px;
}

#soon img {
    background-color: white;
    margin: 0pt;
}

#soon .texte {
    background-color: white;
    padding: 10px;
    font-size: 11px;
    margin-bottom: 10px;
}

#soon .texte ul {
    list-style: none;
    list-style-position: inside;
}
/*******************   menu   *******************/
#menu {
    height: 35px;
    margin-left: -10px;
}

#menu ul {
    list-style-type: none;
    list-style-position: inside;
}

#menu ul li {
    float: left;
}

#menu ul li span {
    display: none;
}

#menu ul li a {
    display: block;
    background-image: url("img/navigation.gif");
    background-repeat: no-repeat;
    border: 0px solid #000;
    height: 15px;
    padding: 0;
}

#menu ul li.rub1 a {
    width: 50px;
    background-position: 10px -16px;
}

#menu ul li.rub1 a:hover, #menu ul li.rub1active a {
    background-position: 10px 2px;
    width: 50px;
}

#menu ul li.rub2 a {
    background-position: -50px -16px;
    width: 100px;
}

#menu ul li.rub2 a:hover, #menu ul li.rub2active a {
    background-position: -50px 2px;
    width: 100px;
}

#menu ul li.rub3 a {
    background-position: -155px -16px;
    width: 55px;
}

#menu ul li.rub3 a:hover, #menu ul li.rub3active a {
    background-position: -155px 2px;
    width: 55px;
}

#menu ul li.rub4 a {
    background-position: -275px -16px;
    width: 80px;
}

#menu ul li.rub4 a:hover, #menu ul li.rub4active a {
    background-position: -275px 2px;
    width: 80px;
}

#menu ul li.rub5 a {
    background-position: -360px -16px;
    width: 100px;
}

#menu ul li.rub5 a:hover, #menu ul li.rub5active a {
    background-position: -360px 2px;
    width: 100px;
}

#menu ul li.rub6 a {
    background-position: -465px -16px;
    width: 90px;
}

#menu ul li.rub6 a:hover, #menu ul li.rub6active a {
    background-position: -465px 2px;
    width: 90px;
}

#menu ul li.rub7 a {
    background-position: -560px -16px;
    width: 50px;
}

#menu ul li.rub7 a:hover, #menu ul li.rub7active a {
    background-position: -560px 2px;
    width: 50px;
}

#menu ul li.rub8 a {
    background-position: -215px -16px;
    width: 55px;
}

#menu ul li.rub8 a:hover, #menu ul li.rub8active a {
    background-position: -215px 2px;
    width: 55px;
}
/***************** finmenu *****************/
#page {
    width: 990px;
    height: 760px;
    background-color: transparent;
    background-image: url(img/fond_avec.gif);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
}

.accueil {
    width: 990px;
    height: 760px;
    background-color: transparent;
    background-image: url(img/fond_avec_shape.gif);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
}

#contenu {
    background-color: white;
    width: 690px;
    height: 100%;
    margin: 140px 0 0 78px;
    color: #594E2B;
}

#contenu h1 {
    margin: 0;
    padding: 25px 0 0 50px;
    font-size: 20px;
    line-height: 22px;
    font-family: Georgia, serif;
}

#contenu h2 {
    margin: 0;
    padding: 25px 0 0 50px;
    font-size: 16px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
}

#contenu p {
    margin: 0;
    padding: 10px 50px 0 50px;
    font-size: 1em;
/*
    font-weight: bold;
*/
    line-height: 26px;
    font-family: Arial, sans;
    color: #594E2B;
    text-align: justify;
}

#contenu ul {
    margin: 0;
    padding: 20px 50px 0 50px;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    font-family: Arial, sans;
    color: #594E2B;
    list-style-position: inside;
}
/* titres */
/*******************  prochainement *******************/
.soon #page {
    width: 990px;
    height: 760px;
    background-color: transparent;
    background-image: url(img/fond_temp.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

#prochainement {
    width: 450px;
    background-color: transparent;
    position: relative;
    top: 330px;
    left: 550px;
}

#prochainement img {
    margin: 0 0 20px 0;
    background-color: white;
}

#prochainement .texte {
    background-color: white;
    padding: 10px;
    font-size: 11px;
}

#prochainement .texte ul {
    list-style: none;
    list-style-position: inside;
}

img.logo {
    margin-top: 70px;
    border: 0;
}
/******************   livres   ********************/
.listeLivres {
    padding: 3px 50px 0pt;
}
.listeLivresaparaitre {
    padding: 3px 50px 0pt;
	color:red;
}
.listeLivres a, .listeLivresaparaitre a {
    text-decoration: none;
    display: block;
    padding: 3px;
	
}
.listeLivresaparaitre a {
    text-decoration: none;
    display: block;
    padding: 3px;
	color:#C25C00;
}

.listeLivres a:hover {
    text-decoration: underline;
}

.listeLivres .titre {
    font-style: italic;
    margin: 0;
}
.listeLivresaparaitre .titre {
    font-style: italic;
    margin: 0;
	color:#C25C00;
}

.detailsLivres {
    /*
     padding: 20px 50px 0 50px;
     */
    font-size: 11px;
    margin: 0 0 40px -50px;
    width: 806px;
    background: white;
    color: #594E2B;
}

.detailsLivres img {
    border: #c4c5c6 1px solid;
    padding: 2px;
}

.detailsLivres .image {
    width: 130px;
    float: left;
    margin-left: 30px;
}

#contenu .image p {
    padding: 0;
}

.detailsLivres .infos {
    width: 130px;
    float: left;
    line-height: 18px;
    margin: 0pt 20px;
}

.detailsLivres .textes {
    float: left;
    line-height: 18px;
    margin-left: 30px;
    text-align: justify;
    width: 400px;
}

.detailsLivres span.isbn {
    white-space: nowrap;
}

.extrait {
    font-style: italic;
}

#contenu .description p {
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 18px;
    margin: 10px 0 0 0;
}

.detailsLivres .auteur {
    font-weight: bold;
}

.detailsLivres .titre {
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.detailsLivres img.barre {
    border: 0;
    padding: 0;
    margin: 0 0 20px 0;
}

.detailsLivres .commande {
    padding: 10px;
    background-color: #F2F3F4;
    text-align: center;
    vertical-align: middle;
}

.spacer {
    border: 0;
    height: 1px;
    clear: both;
}

#contenu .cafes-litteraires p {
    color: #C25C00;
}

.lien {
    padding: 0pt 0pt 0pt 50px;
}

#contenu.cafes p {
    color: #C25C00;
}

.detailsCafes {
    padding: 10pt 0pt 10pt 50px;
    background-color: transparent;
    background-image: url(img/separa.gif);
    background-repeat: no-repeat;
    background-position: 50px 0;
}

.date {
    font-weight: bold;
}

.titre {
    font-weight: bold;
    font-style: italic;
}

#contenu .detailsCafes p {
    color: #594E2B;
	padding-right:50px;
}

#derniersLivres {
    margin: 0pt 0pt 0pt 600px;
}

#derniersLivres img {
    border: 0;
}

#derniersLivres ul {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
}

#derniersLivres ul li {
    width: 115px;
    height: 175px;
    float: left;
    padding: 3px;
}

#derniersLivres ul.two {
    margin: 0pt 0pt 0pt 120px
}
/******************** formulaire **********************/
#contenu .contactform p {
    margin: 0;
    padding: 2px;
}

.contactform {
    margin: 0pt 0pt 10px 40px;
    padding: 10px 10px 0pt;
    /*
     width:465px;
     */
}

.contactform fieldset {
    border: 0px solid #e6e6e6;
    margin-bottom: 10px;
    border-bottom: 1px dashed #333333;
    padding: 0 0pt 20px 0pt !important; /*
     margin:0pt 0pt 20px;
     
     background:transparent none repeat scroll 0%;
     */
}

.contactform fieldset legend {
    color: #C25C00; /*
     font-size:130%;*/
    font-weight: bold;
    margin: 0pt 0pt 0pt 5px !important;
    /*
     padding:0 2px 20px 2px;
     */
}

.contactform label.left {
    float: left;
    padding: 2px;
    text-align: right;
    width: 190px;
}

.contactform label.right {
    font-size: 110%;
    margin: 0pt;
    padding: 0pt 20px 0pt 0pt;
    width: 300px;
}

.contactform input.left {
    float: left;
    font-size: 110%;
    margin: 5px 5px 20px;
    padding: 2px;
    width: 20px;
}

.contactform input.radio {
    float: left;
    font-size: 110%;
    margin: 0pt 5px;
    padding: 2px;
    width: 20px;
}

.contactform select.combo {
    border: 1px solid #C8C8C8;
    font-family: verdana, arial, sans-serif;
    font-size: 110%;
    margin: 0pt;
    padding: 2px;
    width: 80%;
}

.contactform select.combopays {
    border: 1px solid #C8C8C8;
    font-family: verdana, arial, sans-serif;
    font-size: 110%;
    margin: 0pt;
    padding: 2px;
    width: 245px;
}

.contactform input.fieldbook {
    border: 1px solid #C8C8C8;
    font-family: verdana, arial, sans-serif;
    font-size: 110%;
    padding: 2px;
    width: 40px;
}

.contactform input.field {
    border: 1px solid #C8C8C8;
    font-family: verdana, arial, sans-serif;
    font-size: 110%;
    padding: 2px;
    width: 240px;
}

.contactform input.field.invalid {
    background: #FFEEEE none repeat scroll 0% 50%;
    border: 1px solid #FF0000;
    font-family: verdana, arial, sans-serif;
    font-size: 110%;
    padding: 2px;
}

.contactform input.fieldbook.invalid {
    background: #FFEEEE none repeat scroll 0% 50%;
    border: 1px solid #FF0000;
    font-family: verdana, arial, sans-serif;
    font-size: 110%;
    padding: 2px;
}

.contactform textarea.field {
    border: 1px solid #C8C8C8;
    font-family: verdana, arial, sans-serif;
    font-size: 110%;
    height: 100px;
    padding: 2px;
    width: 240px;
}

.contactform input.button, #easynewsletter input.button {
    background: #E6E6E6 none repeat scroll 0%;
    border: 1px solid #969696;
    color: #969696;
    float: right;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    margin-right: 20px;
    padding: 1px !important;
    text-align: center;
    width: 9em;
}

.contactform input.button:hover, #easynewsletter input.button:hover {
    background: #DCDCDC none repeat scroll 0%;
    border: 1px solid #505050;
    color: #505050;
    cursor: pointer;
}

.contactform p {
    font-size: 120%;
    line-height: 1.5em;
    margin: 0pt 0pt 1em 20px;
}

.errors {
    background: #FFFFFF none repeat scroll 0% 50%;
    border: 1px solid #FF0000;
    color: #FF0000;
    display: block;
    margin: 10px;
    padding: 10px;
    text-align: center;
}

.errors .champs {
    font-weight: bold;
}

.important {
    background: #FFFFFF none repeat scroll 0% 50%;
    border: 1px solid #00CC00;
    color: #00CC00;
    display: block;
    margin: 10px;
    padding: 10px;
    text-align: center;
}

.contactform .caption {
    font-size: 12px;
}
/****AGENDA****/
#agenda {
    background-color: white;
}

th {
    text-align: left;
}

tr {
    vertical-align: top;
}

#EmailForm table {
    border-bottom: 20px solid #F3F4F5;
    margin: 5px 0 20px 0 ;
    padding: 5px;
    width: 100%;
}

table.listelivres {
    width: 80%;
}

table.listelivres input {
    text-align: center;
}

table span.titres {
    font-style: italic;
}

#derniersLivres ul.one a, #derniersLivres ul.two a {
    margin: 5px 0 0 0;
    padding: 0;
}

#contenu .aparaitre, #contenu .aparaitre p {
    color: #C25C00;
}
/******************* NEWSLETTER */
#newsletter {
    display: block;
    position: relative;
    background-color: #fff;
    margin-top: 10px;
    padding: 0;
    text-align: center;
}

#easynewsletter {
    margin: 0;
    padding: 10px 50px 0 50px;
    font-size: 1em;
    font-weight: bold;
    line-height: 26px;
    font-family: Arial, sans;
    color: #594E2B;
    text-align: justify;
}

#easynewsletter h2 {
    margin: 0 0 20px 0;
    padding: 0;
}

#easynewsletter label {
    display: block;
    float: left;
    margin: 0pt 20px 0pt 0pt;
    text-align: right;
    width: 100px;
}

#enFirstname, #enLastname, #enEmail {
    border: 1px solid #C8C8C8;
    font-family: verdana, arial, sans-serif;
    height: 20px;
    margin: 0pt 0pt 20px;
    padding: 2px;
    width: 240px;
}