/* Styles généraux */
body  { color: #000000; 
background-color: #8f4a25 /*#fef6d9*/; 
text-align: center; 
font-size: 14px;
line-height: 1.5em; 
margin: 0; 
padding: 0 0 15px;
}
p, ul, ol   { margin-top: 0; margin-bottom: 1em; }
img { border: none; }

/* Liens */
a  { color: #336600; /*765b38*/ text-decoration: none; }
a:visited  { color: #336600; }
a:hover { color: #004300; text-decoration: underline; }
a.fancybox-b:visited  { text-decoration: none; }
a:.fancybox-bhover { text-decoration: none; }

/* Entete */
#entete h1  { color: #336600; }
#entete  { width: 720px; border-bottom: 2px solid #333; margin-left: 25px;}
#menu  {  margin: 1px auto;  }

/* Page */
#page { background: #ffffff; color: #111; width: 850px;  margin: auto; text-align: justify; 
 margin-top: 20px; padding: 10px 20px 20px; border: solid #B69b78 1px; border-radius: 10px; }

/* Corps */
#corps  { /* padding: 0px 20px 0; */ margin-top: 30px; }

 /* Colonne de gauche */
#gauche  { float: left; width: 220px; padding-top: 10px; padding-left: 1px; line-height: 1.1em; }
#logo { margin-left: 50px; margin-bottom: 15px; }
#submenu ul, #submenu li { list-style: none; }
#submenu li{ font-size: 12px; margin: 0 0 5px -10px;}
#submenu ul { margin: 0; padding: 0; }
#submenu li a { background: #6c5230; color: #ffffff; display: block; 
line-height: 25px; margin-left: 0px; margin-right: 30px; padding-left: 14px; margin-bottom: 0px;
text-decoration: none; text-transform: uppercase; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 6px;
}
#submenu li a:hover, #menu li.selected a { background: #d79756; }
//#submenu ul{background: #fd3800; margin-left: 5px; margin-right: 35px; padding: 5px 10px 5px 0px;}
//#submenu li  { margin: 0 5px 4px 20px; padding: 0;  padding-bottom: 4px; padding-right: 4px; line-height: 1.3em; } 
 
/* Contenu */
#contenu  { float: left; width: 600px; }
#contenu h1 { font-size: 1.6em; font-weight: bold; color: #884b28; text-align: left;
padding-top: 1px; margin-top: 30px; padding-bottom: 10px; margin-bottom: 15px; }
#contenu h2 { font-size: 1.4em; font-weight: bold; color: #884b28; text-align: left;
padding-top: 1px; margin-top: 30px; padding-bottom: 10px; margin-bottom: 15px; }
#contenu h3 { font-size: 1.2em; font-weight: bold; color: #660000; }
#contenu h4 { margin: 1.5em 0 0.2em; font-size: 1em; color: #660000; }

p.author  { font-size: 0.9em; padding-top: 10px; margin-top: 10px;
font-weight: bold; text-align: right; }
p.titre  { padding-top: 15px; margin-top: 15px; font-weight: bold; text-decoration: underline; }
div.menu  { background: #eeeeee; margin-top: 30px; border: 1px solid #c8ccc6; }
div.menu ul  { margin-right: 3px; padding-right: 3px; }
h2.titre-menu { font-size: 0.8em; padding-left: 3px; background: #eeeeee; }

/* Classes diverses */
div.dates  { margin-top: 2.5em; padding-top: .2em; border-top: 2px dotted #c6cb91; }
p.date-titre  { font-size: 1.2em; font-weight: bold; color: #660000; margin-bottom: 5px; }
td.map        { text-align: center; height: 140px; width: 250px; vertical-align: top; }
.legende      { text-align: center; font-style: italic; font-size: 11px; }

/* Accueil */
table.accueil  { width: 600px; font-size: 14px; border-collapse: collapse; }
table.accueil td { width: 300px; }
table.accueil p.img  { text-align: center; margin-top: 10px; padding-top: 10px; }
table.accueil p.txt  { text-align: justify; margin-right: 7px; padding-right: 7px; margin-left: 7px; padding-left: 7px;  }
table.accueil span.date  { color: #8f4a25; font-weight: bold; }
table.accueil tr:hover { background: #eeeeee; }

/* Liste exposants */
table.exposants { font-size: 14px; border-collapse: collapse; }
table.exposants td.titre { margin-top: 15px; padding-top: 15px; }
table.exposants td.td1 { width: 42%; }
table.exposants td.td2 { width: 52%; }
table.exposants span.nom  { font-size: 1.1em; font-weight: bold; }
table.exposants span.activite  { font-size: 1.0em; font-weight: bold; }
table.exposants span.site  { font-style: italic; padding-left: 5px; margin-left: 5px; }

#page .erreur { color: red; }
#page .hide   { display: none; }
#page .clear  { clear: both; background: #fff; height: 5px; }

/* js */
#submenu.floatable { position: fixed; top: 5px; width: 220px; }
table.sponsors { width: 220px; }
table.sponsors td { width: 110px; }
img.carousel_bandeau { width: 800px; height: 190px; border-radius: 7px; }