html, body {
padding: 10px 0;
margin:0;
}

body {
background: #fff;
color: #000;
text-align: center;
}

a {
background-color: transparent;
border-bottom: dotted 1px #900;
color: #900;
text-decoration: none;
}

a:hover {
border-bottom: solid 1px #c33;
color: #c33;
}

a:active {
border-bottom: solid 1px #5a84b5;
}

sup a {
border-bottom: none;
color: #900;
font-weight: bold;
}

h1  {
color: #666;
font: 14px/18px verdana, geneva, helvetica, arial, sans-serif;
}

h1 b {
font-size: 200%;
line-height: 100%;
}

h2, table caption {
border-top: dotted #69c 1px;
color: #777;
font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
margin-left: 0;
margin-top: 20px;
padding: 5px;
text-transform: lowercase;
}

h3  {
border-top: dotted #69c 1px;
clear: both;
color: #777;
font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
margin: 0.3em 10px 0.1em 200px;
padding: 0;
}

h4 {
border: none;
color: #000;
font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
font-style: italic;
margin: 10px 10px 0.1em 200px;
padding: 0;
}

img {
padding: 0px;
margin: 0px;
border: none;
vertical-align: middle;
}

p, ul, ol {
background-color: transparent;
margin: 10px 20px 10px 200px;
text-align: left;
}

ul, ol { margin-left:215px; }

ul ul, ol ol{ margin:0 0 10px 15px; }

ul ul { list-style-type:circle; }

li p{ margin-left:0; }

p.image {
 margin-right: 0px;   
}

hr {
	border: 0 dotted #69c;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

div.atelier {
    border-top: dotted #69c 1px;
    margin: 1em 10px 0.1em 200px;
}
div.atelier h3 {
    border: none;
    margin: 0.5em 0px;
}
div.atelier h3 a, div.atelier h3 span {
    font-size: 1.2em;
    line-height: 1.2em;
}
div.atelier h3 span {
    color: #369;
}
div.atelier p {
    margin: 0px;
    margin-top: 0.5em;
}
div.atelier-done a {
    border: none;
    color: #777;
}
div.atelier-done a:hover {
    border-bottom: 1px solid #777;
}
div.atelier-done h3, div.atelier-done p {
    color: #999;
}

ul {
list-style: outside;
list-style-type: square;
padding-left: 0;
}

blockquote {
  color: #777;
  font-style: italic;
  margin: 10px 20px 10px 220px;
}

div.open {
  display: block;
}

div.open p {
  margin-left: 10px;   
}

div.closed {
  display: none;
}

span.more {
  color: #369;
}

span.signature {
  color: #333;
  font-style: normal;
}

table.horaire {
  width: 725px;
}

table.horaire td{
	vertical-align:top;
}

table.horaire td.plage {
  padding-left: 200px;
  width: 100px;
}

div.midi, table.horaire tr.midi td {
  background-color: #ddd;
}

table.horaire td a {
  border: 0px;
  color: #000;
}

table.horaire td a:hover {
  color: #c33;
}

table.horaire td a sup {
  color: #900;
}

ttable {
  width: 400px;
}

table td {
  font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
  padding: 0.3em;
}

table th {
  border-top: dotted #69c 1px;
  color: #777;
  font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
  margin: 0;
  padding: 0.3em 0;
  text-align: left;
}

.face {
font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
margin: auto;
text-align: left;
width: 747px; /*687px;*/
}

.face_calendar {
font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
margin: auto;
text-align: left;
min-width: 747px;
width: 100%;
}

div#banner {
background: transparent url(../images/bande2.jpg) repeat-x top left;
}

.content {
border: solid #369 1px;
margin: 2px 0;
padding: 10px;
clear:both;
}

.content_transparent {
margin: 2px 0;
padding: 10px; 
}

.content_transparent p {
margin: 10px 20px 10px 20px;
}

/* - - - Menu - - - */
.menu *{
font: 10px verdana, geneva, helvetica, arial, sans-serif;
margin: 0;
padding: 0;
outline:none;
}

.menu a, .menu a:hover, .title a, .title a:hover { 
border: none;
}

#section ul, #subsection ul{
width:100%;
height:24px;
border-top: solid white 1px;
list-style-type: none;
}

#section ul{
background-color: #369;
}

#subsection ul{
background-color: #69c;
}

#section li, #subsection li{
display:inline;
}

#section li a, #subsection li a, #section li.selected, #subsection li.selected {
float:left;
border-right: 1px solid #fff;
color: #fff;
padding:0.6em;
height:12px;
}

#section li a:hover, #section li.selected {
background: #69c;
border-right: 1px solid #fff;
}

#subsection li a:hover, #subsection li.selected {
background: #9cf;
border-right: 1px solid #fff;
}

#section li.selected, #subsection li.selected{
color:#000;
font-weight:bold;
}

/* - - - - - - */

.notes li {
list-style-type: square;
}

.notes #cout {

font-weight: bold;
}

.path {
border: none;
color: #ccc;
}

table#ateliers, table.tarifs  {
margin: 10px 0px 10px 200px;
width: 525px;
}

table#ateliers td, table.tarifs td {
border-top: solid #ccc 1px;
}

table#notes {
margin: 20px 100px 0px;
width: 600px;
}

table th.notes {
background-color: #ccc;
color: #333;
padding: 5px 10px 5px 10px;
margin: 0px;
}

table.tarifs td{
vertical-align: middle;
}

table.tarifs a img {
border: solid 1px #fff;
text-decoration: none;
}

table.tarifs a:hover img {
border-color: #900;
}

table#top {
border: 0;
width: 725px; /* 665px; 687(width face) - 20(padding content) - 2(border content) */
}

table#top a {
color: #369;
}

table#top a:hover {
color: #69c;
}

table#top td, table#top th {
border: 0;
font-size: smaller;
height: auto;
margin: 0;
padding: 0;
text-align: right;
}

table#top th {
text-align: left;
}

table#notes td {
border: none;
height: auto;
padding: 1px;
text-align: left;
vertical-align: top;
}

table#notes th {
border: none;
padding: 1px;
text-align: left;
width: auto;
}


/* calendar */

div#calendar {
  width: 100%;
}
div#calendar table {
  border: 0;
  width: 100%;
}

div#calendar th, div#calendar td {
  margin: 0;
  padding: 0;
}
div#calendar div#calendars {
  text-align: right;
  /*padding: 0.6em 3px;*/
  padding: 0.5em 0px;
  margin-bottom: 0.6em;
}
div#calendars ul {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#calendars li {
  border: 0;
  display: inline;
  margin: 0px 0px 0px 1px;
  padding: 0;
}
div#calendar a {
  border: 0;
}
div#calendars ul a {
  color: #fff;
  padding: 0.6em;
}
div#calendars li a:hover {
  color: #fff;
  text-decoration: underline;
}
div#calendars a.bg_all_calendars_combined971 {
  background-color: #ccc;
  color: #000;
}


#thumbs a {
border: none;
}

#thumbs a:active img {
border-color: #fff;
}

#thumbs a:hover img {
border-color: #900;
}

#thumbs img {
/*_width: 64px;
_height: 64px;*/
margin: 2px;
}

#thumbs a img {
border: 1px;
border-color: #fff;
border-style: solid;
}

#bloc {
background: #eee;
border: 1px dashed #777;
clear: none;
color: #900;
float: right;
margin: 4px 0px 4px 4px;
padding: 4px;
float: right;
text-align: center;
width: 130px;
}

#i1 {
background-color: #cc6;
}

#i2 {
background-color: #c66;
}

#i3 {
background-color: #69c;
}

#i4 {
background-color: #fc6;
}

#prof {
font-size: smaller;
}

div#maj,
span.copyrights {
  color: #aaa;
  font-style: italic;
}

div#legende {
  padding: 5px; 
  float: left;
}

div.intro {
  border: dotted #69c 1px;
  color: #777;
  margin: 0px 0px 0px 190px;
}

div.intro p {
  margin: 10px 20px 10px 10px;
}

/* lightbox */
#loading, #prevLink, #nextLink, #bottomNavClose {
  border: 0px;
}

/* intro */
span.images {
  background-color: transparent;
  border: 1px solid #CCC;
  float: right;
  margin: 0px 0px 10px 10px;
  padding: 0px;
}

span.images img {
  margin: 3px;
}

.onecol {
  clear: both;
}

/*       dark light */
/* vert: #996 #cc9  */
/* bleu: #39c #6cf  */
/*       #369 #69c  */

.credit{
font-size:10px;
line-height:10px;
text-align:right;
color:#999999;
margin-top:3px;
}

.imgleft{
float:left;
margin:4px 0 0 16px;
_margin:4px 0 0 5px;
width:150px;
}

.imgleft img{
display:block;
margin-bottom:16px;
border: 1px solid #CCC;
padding:3px;
}

.imgleft a, .imgleft a:hover{ border:none; }