html {
	  margin: 0;
	  padding: 0; 
}

body {
	  width: 100%;
	  font-family: Helvetica, Arial, Verdana, sans-serif;
	  font-size: 12px;
	  text-align: center;
	  background-color: #ffffff;
	  margin: 0px;
	  padding: 0; 
}

img {
	  border: none; 
}

hr {
	  border: 1px #959595 solid; 
}

#page {
	  padding: 0;
	  width: 100%;
	  height: 100%; 
}

#header {
	  width: 100%;
	  height: 65px;
	  margin-bottom:5px;
	  padding: 0; 
}

#header table {
	  width: 750px;
	  margin-left: auto;
	  margin-right: auto;
}

#header td {
	  vertical-align: bottom; 
}

#logo {
	  float: left;
	  width: 250px;
	  font-size: 30px;
	  font-weight: normal;
text-align: left;
	  /*line-height: 20px;
	  */ 
}

#logo .photographe {
	  font-size: 20px;
	  font-weight: normal;
	  /* line-height: 15px;
	  */ 
}

#logo a:link {
	  text-decoration: none;
	  color: black; 
}

#logo a:hover {
	  text-decoration: none;
	  color: black; 
}

#menu_header {
	  display: block;
	  width: 400px;
	  text-align: right;
	  float: right;
}

#contenu {
	  padding: 0;
	  margin: 0;
	  width: 100%;
	  /*background-color: #e2c7c7;*/
	  background-color: #FFF;
	  border-top: 1px gray solid;
	  border-bottom: 1px gray solid;
	  text-align: center; 
}

#contenu img {
	  border: none; 
}

#contenu h1 {
	  font-size: 18px;
	  font-weight: normal;
	  margin-bottom: 2px; 
}

#contenu h1 a:active, a:hover {
	  color: #5a5a5a;
	  text-decoration: underline; 
}

#contenu h2 {
	  font-size: 17px;
	  font-weight: normal;
	  margin-bottom: 8px; 
}

#contenu h3 {
	  font-size: 12px;
	  font-weight: bold;
	  margin-bottom: 3px; 
}

#footer {
	  height: 3em;
	  padding-right: 30px;
	  font-size: 10px;
	  text-align: right; 
}

#evenement {
	  width: 750px;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 0; 
}

#evenement table {
	  width: 750px;
	  margin-left: auto;
	  margin-right: auto; 
}

#evenement tr {
	  vertical-align: top; 
}

#evenement td {
	  vertical-align: top; 
}

#texte-evenement {
	  width: 670px;
	  font-size: 12px;
	  text-align: left;
	  color: black;
	  clear: none; 
}

.image-evenement {
	  display: block;
	  float: right;
	  text-align: center;
}

.nav-evenement {
	  width: 40px; 
}

#bio {
	  width: 90%;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 0;
	  text-align: justify; 
}

#bio li {
	  margin-bottom: 8px; 
}

#bio dt {
	  font-weight: bold; 
}

#bio fieldset {
	  margin-bottom: 8px; 
}

#bio legend {
	  font-size: 17px;
	  font-weight: normal;
	  margin-bottom: 8px; 
}

#contact { 
width: 100%;
text-align: center;
}

#contact fieldset {
	  width:90%;
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 8px; 
text-align:center;
	  border: 1px #7d1b08 solid; 
}

#contact fieldset>table {
	  width: 300px;
	  margin-left: auto;
	  margin-right: auto;
	  font-size: 12px;
	  white-space: nowrap;
	  border: 1px #999999 solid; 
}

#contact fieldset>td {
width: 100%;
	  text-align: center; 
}

#contact label {
	  /*float: left;*/
	  font-style: italic; 
}

#contact legend {
	  font-size: 17px;
	  font-weight: normal;
	  margin-bottom: 8px;
	  padding-right: 8px;
	  padding-left: 8px; 
}

#contact input {
	  font-style: italic; 
}

.legende {
	  font-size: 10px;
	  color: #000000; 
}

.cadre {
	  display: block;
	  width: 80%;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 10px;
	  border: 1px #999999 solid; 
}

/* adresse */

#adresse {
	  margin-top: 15px; 
}

#adresse fieldset {
	  font-size: 12px;
	  width:90%;
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 8px; 
}

#adresse fieldset>table {
	  table-layout:auto;
	  width: auto;
	  font-size: 12px;
	  white-space: nowrap;
	  border: 1px #999999 solid;
	  padding: 8px; 
}

#adresse .commentaire {
	  display: block;
	  white-space: normal;
	  float: right;
	  padding: 5px;
	  font-style: italic; 
}

#adresse legend {
	  font-size: 14px;
	  font-weight: normal;
	  padding-right: 8px;
	  padding-left: 8px; 
}

/* diaporama */

#diapo {
	  position: relative;
	  padding: 0;
	  margin: 0;
	  width: 100%;
	  text-align: center; 
}

#diapo fieldset {
	  width: 90%;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 5px;
	  text-align: center; 
}

#navigation {
	  display: block;
	  padding: 0;
	  width: 90%;
	  height: 35px;
	  margin-left: auto;
	  margin-right: auto;
	  border-bottom: 1px #bebebe solid; 
}

#navigation table {
	  display: inline;
	  width: 100%;
	  margin-top: 0; 
}

#navigation td {
	  vertical-align: middle; 
}

#navigation input {
	  font-size: 9px; 
}

/* menus */

.menu {
	  font-size: 12px;
	  font-weight:bold;
	  white-space: nowrap;
	  padding: 0; 
}

.menu li {
	  display: inline;
	  float: left;
	  list-style-type: none;
	  padding-left: 10px;
	  text-align: right; 
}

.menu li a {
	  float: left;
	  color: #5a5a5a;
	  text-decoration: none; 
}

.menu li a:active {
	  float: left;
	  text-decoration: underline; 
}

.menu .current {
	  float: left;
	  text-decoration: none;
	  color: black; 
}

.menu a:hover {
	  /*
	  background:url(./tag.gif) left top no-repeat;
	  padding:0 5px 0 20px;
	  line-height:20px;
	  margin:3px 0;
	  border-right:1px solid #c2c1c1;
	  text-decoration: underline;
	  */
	  text-decoration: underline;
	  color: black; 
}

#contenu table {
	  width: 640px;
	  margin-top: 30px;
	  margin-bottom: 30px;
	  margin-left: auto;
	  margin-right: auto; 
}

#contenu td {
	  width: 230px;
	  padding: 2px;
	  vertical-align: top; 
}

#contenu .titre-theme {
	  font-size: 13px;
	  font-weight: bold; 
}

#contenu .titre-sujet {
	  font-size: 12px;
	  font-weight: normal;
	  font-style: italic; 
}

#contenu .intervenants {
	  font-size: 11px;
	  font-weight: normal;
	  font-style: italic; 
}

a {
	  color: #5a5a5a;
	  text-decoration: none; 
}

a:visited { 
}

a:hover {
	  text-decoration: underline; 
}

a:active {
	  text-decoration: underline; 
}

/* Texte pour referencement */

#ref {
	  font-size: .2em;
	  display: none;
	  visibility: hidden;
	  color: #fffff1; 
}