body { margin: 0; padding: 0; border: 0; text-align: center; color: #000;  background-color: #b4a05a; font: 11px verdana, geneva, arial, helvetica, sans-serif; }
a:link, a:visited { outline: none; color: #000; }
a:hover { text-decoration: none; }
img { border: 0 }

#wrapper { overflow: hidden; margin: 0 auto; padding: 0 7px; border: 0; width: 899px; text-align: left; background: url('../images/bg_content.gif') center repeat-y; }
#header { background: #000 url(../images/logo.gif) top left no-repeat; height: 142px; }
#gohome { text-indent: -5000px; float: left; width: 240px; height: 103px; }

/*************************************
 *  menu
 */
#menu ul { margin: 24px 0 0 12px; padding: 0; width: 160px; list-style: none; float: left; }
#menu ul li { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; padding: 3px 0 2px 0; }
#menu ul li a:link, #menu ul li a:visited { text-decoration: none; padding: 2px 4px; color: #FFF; }
#menu ul li a.  :link, #menu ul li a.curr:visited { text-decoration: none; background: #FFF; padding: 2px 4px; color: #000; }
/*#menu ul li a:hover, #menu ul li a.curr:hover{ background: #FFF; color: #000; padding: 2px 4px; }*/
#menu ul li a:hover, 
body.atelier #menu ul li.atelier a{ background: #FFF; color: #000; padding: 2px 4px; }
body.marche-du-livre-ancien-et-d-occasion #menu ul li.marche a{ background: #FFF; color: #000; padding: 2px 4px; }
body.la-bibliotheque-de-consultation #menu ul li.maison a{ background: #FFF; color: #000; padding: 2px 4px; }
body.activites #menu ul li.activity a{ background: #FFF; color: #000; padding: 2px 4px; }
body.event #menu ul li.event a{ background: #FFF; color: #000; padding: 2px 4px; }
body.nous-contacter #menu ul li.contact a{ background: #FFF; color: #000; padding: 2px 4px; }
body.mdl #menu ul li.marche a{ background: #FFF; color: #000; padding: 2px 4px; }

/*************************************
 *  Sous menu
 */
#ssmenu { width: 648px; height: 18px; background: #497DD0; float: left; margin: 6px 0 0 11px; }
#ssmenu ul { margin: 2px 0 0 2px; padding: 0; }
#ssmenu ul li { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFF; padding: 7px 3px 3px 0; letter-spacing: 0.4px; list-style: none; display: inline; }
#ssmenu ul li a{ text-decoration: none; padding: 2px; color: #FFF; }
#ssmenu ul li a:link, #ssmenu ul li a:visited { padding: 3px; }
#ssmenu ul li a:hover{ text-decoration: underline; }
#ssmenu ul.libraire li.libraire a{ font-weight: bold; }
#ssmenu ul.presentation li.presentation a{font-weight: bold;}

#title h1 { font: 24px georgia, times; text-align: center; font-weight: normal; padding-top: 0; margin: 20px 0 0 0; }
#title h2 { font: 14px georgia, times; text-align: center; font-weight: normal; padding-top: 0; margin: 0 0 20px 0; }
h2 { font: 14px georgia, times; text-align: center; font-weight: normal; padding-top: 0; margin: 0 0 20px 0; }
h2 strong { font: 24px georgia, times; text-align: center; font-weight: normal; padding-top: 0; margin: 0 0 20px 0; }
h3 { font: 14px verdana, arial; margin: 0; padding: 0; }
p { text-align: justify; margin: 0 0 10px 0; padding: 0; line-height: 15px; }

/*************************************
 *  HOME
 */
.libraires #content,
.home #content { float: left; margin: 0; background: #DBE5F5 url('../images/background_home.gif') top left repeat-y; overflow: hidden; }
.home #content #col_left { width: 550px; float: left; margin: 5px 14px 5px 0; padding: 0; display: inline; }
.home #content #col_left h2 { margin:  10px 0 10px 200px; text-align: left; }
.libraires #content #title { position: relative; left: 0; margin: 0; padding: 0; width: auto; }
.home #content #col_left ul { margin: 0 0 0 25px; padding: 0; list-style-type: none; width: 515px; }
.home #content #col_left ul li { margin: 0 0 20px 0; padding: 0; overflow: hidden; }
.home #content #col_left ul li img { float: left; margin: 0 10px 0 0; }
.home #content #col_left ul li div.resume { width: 320px; float: left; }
.home #content #col_left ul li h3 { width: 300px; float: left; font-family: Georgia; font-size: 16px; margin: 0 0 4px 0; }
.home #content #col_left ul li div.resume_text { float: left; width: 340px; padding: 0 0 4px 0; font-size: 12px; }
.home #content #col_left a.more { float: left; padding: 1px 22px 2px 0; background: url('../images/lire_plus.gif') right top no-repeat; text-decoration: none; color: #497dd1; }
.home #content #col_left a.more:hover { text-decoration: underline; }
.libraires #content #col_right,
.home #content #col_right { width: 320px; float: left; margin: 5px 0; padding: 0; display: inline; }
.home #content #col_right h2 { text-align: left; margin-bottom: 0; }
.home #content #col_right #presentation { padding: 5px; }
.home #content #col_right #presentation h2 { margin-top: 10px; margin-bottom: 10px; }
.home #content #col_right #les-libraires { margin: 10px 0 0 0; padding: 5px 10px 5px 10px; background: #dcdde1; }
.home #content #col_right #les-libraires h2 { margin: 0 0 10px 0; }
.home #content #col_right #les-libraires #main-libraire { margin: 0 0 10px 0; }
.home #content #col_right #les-libraires ul { margin: 0; padding: 0; list-style-type: none; width: 300px; }
.home #content #col_right #les-libraires ul li { margin: 0 0 8px 0; padding: 0; overflow: hidden; }
.home #content #col_right #les-libraires ul li h2 { float: left; margin: 0; width: 179px; }
.home #content #col_right #les-libraires ul li .lib_resume { float: left; width: 179px; text-decoration: none; }
.home #content #col_right #les-libraires ul li .lib_image { float: left; margin: 0 10px 0 0; }


/*************************************
 *  LES LIBRAIRES
 */
.libraires #content #col_left { float: left; width: 515px; margin: 15px 14px 40px 35px; padding: 0; display: inline; }
.libraires #content #col_left h2 { font-family: georgia,times; font-size: 24px; text-align: left; margin: 0; }
.libraires #content #col_left h3 { font-family: georgia,times; font-size: 14px; text-align: left; margin: 0; }
.libraires #content #col_left div#video { margin: 10px 0 0 0; }
.libraires #content #col_left div.body { margin: 10px 0; }

.libraires ul#list_elt { list-style: none; margin: 10px 0 0 0; padding: 0; }
.libraires ul#list_elt li { background: url('../images/list_libraire_sep.gif') bottom right no-repeat; margin: 0 0 10px 5px; padding: 5px 20px 10px 5px; overflow: hidden; }
.libraires ul#list_elt li .img { float: left; margin: 0 8px 8px 0; }
.libraires ul#list_elt li .title { display: block; margin: 0 0 20px 0; }
.libraires ul#list_elt li a { font-family: georgia,times; font-size: 14px; text-transform: capitalize; }
.libraires ul#list_elt li p { margin: 0 8px 5px 0; padding: 0 8px 0 0; }
.libraires ul#list_elt li a.video { font-family: verdana,arial; font-size: 10px; text-decoration: none; color: #487fcf; background: url('../images/list_libraire_play.gif') top left no-repeat; padding: 2px 0 0 20px; }


h3.manif { margin: 0; padding: 0; font-weight: bold; }
.sep { text-align:center; margin: 10px 0;}

#content_global { overflow: hidden; }
#content { margin: 0 0 20px 0; padding: 0; float: left; overflow: hidden; }
body #header span { float: left; display: block; width: 899px; height: 39px; }
body.home #header span { background: url('../images/bandeau_home.jpg') top left no-repeat;}
body.mdl #header span { background: url('../images/bandeau_marche.jpg') top left no-repeat;}
body.mdb #header span { background: url('../images/bandeau_biblio.jpg') top left no-repeat; }
body.ate #header span { background: url('../images/bandeau_atelier.jpg') top left no-repeat; }
body.act #header span { background: url('../images/bandeau_activite.jpg') top left no-repeat; }
body.man #header span { background: url('../images/bandeau_manif.jpg') top left no-repeat; }
body.con #header span { background: url('../images/bandeau_contact.jpg') top left no-repeat; }

/*************************************
 *  GLOBAL
 */
#content #title { position: relative; left: 252px; width: 602px; margin: 0; padding: 0 20px; text-align: center; }
#content #title_center { margin: 0; padding: 0 20px; text-align: center; }
#content #title2 { position: relative; left: 252px; width: 602px; margin: 0; padding: 0; text-align: left; }
#content #col_center { width: 848px; float: left; padding: 0 25px 0 25px; margin: 0; display: inline; }
#content #col_left { width: 200px; float: left; padding: 0 25px 0 25px; margin: 0; display: inline; }
#content #col_left .bordered { background: url('../images/list_sep.gif') top left no-repeat; }

#col_left h3 { margin-bottom: 10px; font-family: Georgia, serif; font-size: 16px; font-weight: bold; }
ul#list_elt { list-style: none; margin: 0; padding: 0; }
ul#list_elt li { background: url('../images/list_sep.gif') top left no-repeat; padding: 15px 0 10px 5px; }
ul#list_elt li h4 { margin: 0 0 5px 0; font-size: 13px; }
ul#list_elt li em { text-decoration: none; }
ul#list_elt li .desc a { text-decoration: none; }
ul#list_elt li.curr a:link,
ul#list_elt li.curr a:visited { color: #2c4c7c; }
ul#list_elt li.curr a:hover { color: #2c4c7c; }

#content #col_right { width: 600px; float: left; padding: 0 20px; margin: 0; display: inline; text-align: justify; line-height: 15px; }
#content #col_right.large { width: 640px; float: left; padding: 0; margin: 0; display: inline; text-align: justify; line-height: 16px; }
#content #col_right #texte { padding-bottom: 20px; }
/*#content #col_right #texte { font-size: 12px; line-height: 17px; }*/
#content #col_right .separateur { text-align: center; width: 600px; margin: 10px 0; }
#content #col_right #infos { float: left;  width: 300px; margin: 20px 0; }
#content #col_right #infos-ateliers-ecriture { float: left;  width: 600px; margin: 20px 0; text-align: center; }
#content #col_right #formulaire { float: left; width: 162px; height: 166px; margin: 20px 0 0 70px; background: url(../images/formulaire.gif); text-indent: -5000px;}
a #formulaire:link, a #formulaire:visited { display: block; width: 162px; height: 166px; text-decoration: none;}
a #formulaire:hover { text-decoration: none;}

#selection { }
#selection_titre { background: #B6CBEC; height: 30px; padding: 0 28px; padding-top: 10px; font: 12px georgia, times; }
#selection_titre strong { font-size: 24px; font-weight: normal; }
#selection_liste { padding: 20px 28px 0 28px; }
.selection_item { width: 400px; float: left; margin-bottom: 14px; }
.selection_item .livre { width: 120px; height: 125px; text-align: center; vertical-align: middle; float:left; }
.selection_item .resume { width: 270px; float:left; }

/*************************************
 *  Gallerie photo
 */
#galleries { clear: both; width: 606px; text-align: center; }
/*#gallerie { width: 202px; height: 112px; text-align: center; }*/
/*#gallerie th { font-size: 9px; font-weight: normal; font-style: italic; }*/

#footer { float: left; clear: left; margin: 0 0 0 251px; padding: 3px 0; height: 15px; width: 648px; background: #a4bee7; font-size: 9px; color: #6a6e77; }
.libraires #footer,
.home #footer { float: left; width: 540px; background: transparent; font-size: 9px; padding: 8px 0; margin-left: 0; }
#footer .footer_left { float: left; padding: 2px 0 0 10px; }
#footer .footer_right { float: right; padding: 2px 10px 0 0; }
#footer a:link, #footer a:visited {width: 88px; text-decoration: none; color: #6a6e77; }
#footer a:hover { text-decoration: underline; }


#application-form { margin-top: 40px; text-align: center; }