/*  %%%%%%%%%%%%%%%%% BASE %%%%%%%%%%%%%%%%% */

body {
font-size: 16px;
font-family: courier, arial, serif;
font-weight: bold;
color: #FFFFFF;
background: #000000;
}

#conteneur {
width:980px;
margin: 2% auto 0 auto;
}

#photo{
width: 500px;
margin: 1% auto 0 auto;
}


th {
height: 138px;
background: #000000;
}


td {
vertical-align: top;
height: 400px;
background: #000000;
}

td.hidden {
height: 5em;
background: #000000;
}

.main{
margin: 3.1em 50px 20px 50px;
font-family: arial, verdana;
vertical-align: top;
color: #CCCCCC;
}

.mainrech{
margin: 40px 50px 20px 50px;
font-family: arial, verdana;
vertical-align: top;
color: #BBBBBB;
}

.maincenter{
margin: 40px 50px 20px 50px;
font-family: arial, verdana;
text-align: center;
color: #CCCCCC;
}

span.grey{
color: #333333;
}


.hidden {
border: none;
background: none;
}

.defil{
font-size: 5px;
font-weight:normal;
font-family: courier, arial, serif;
color: #555555;
text-align: center;
}

.legend{
text-align: center;
font-style: italic;
margin: 30px 50px 20px 50px;
}

.commentaire{
font-size: 6px;
font-weight:normal;
font-family: courier, arial, serif;
padding: 30px 5px 0px 5px;
color: #555555;;
}

.path{
font-size: 16px;
font-family: courier, serif;
font-weight: 500;
color: #000000;
margin: 0 5em 0 5em;
}

.sign{
font-size: small;
font-weight:normal;
text-align: right;
margin: 1%;
color: #555555;
}



/* %%%%%%%%%%%%%%%%% TEXTES/PRESSE %%%%%%%%%%%%%%%%% */

.texte {
margin: 1em;
font-size: 18px;
font-family: "Book Antiqua", arial, verdana;
font-weight: bold;
color: #000000;
background: #CCCCCC;
text-align: justify;
}

td.texte{
vertical-align: middle;
}

p.texte {
text-indent: 2em;
}

p.poeme{
text-align: center;
}

blockquote {
font-size: 16px;
font-family: "Book Antiqua", arial, verdana;
font-weight: bold;
}

td.presse{
background: #CCCCCC;
}

p.presse {
font-size: 24px;
text-align: left;
display: block;
}

.lettrine {
float: left;
font-size: 2em;
line-height: .9em;
font-weight: bold;
font-family: Georgia, serif;
color: #000000;
border: 1px solid #000000;
background-color: #CCCCCC; 
margin-top: -0.4em;
padding: 1px;
}


/* %%%%%%%%%%%%%%%%% IMAGES %%%%%%%%%%%%%%%%%*/
.gallerie {
display: block;
margin-left: auto;
margin-right: auto;
border: solid 1px #FFFFFF;
}

.txtimgleft {
float: left;
margin: 0em 1em 1em 1em;
border: solid 1px #000000;
}

.txtimgcenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2em;
border: solid 1px #000000;
}

.txtimgright{
float: right;
margin: 0em 1em 1em 1em;
border: solid 1px #000000;
}


/*%%%%%%%%%%%%%%%%%  MENU %%%%%%%%%%%%%%%%%*/
dl.menu{
margin: 1em 0px 20px 1em;
}

dt.submenu {
color: rgb(50,50,50);
margin: 1em 0em 0em 0em;
}

dd {
color: rgb(50,50,50);
}

.smallmenusyn {
border: solid 2px  #000000;
}

.smallmenuphoto {
border: solid 2px  #000000;
font-size: 6px;
}

/*%%%%%%%%%%%%%%%%%  HYPERLIENS  %%%%%%%%%%%%%%%%%*/
a {
text-decoration: none;
color: #CCCCCC;
}

.main a:visited {
text-decoration: none;
color: #555555;
}

.main  a:hover{
margin: 1px;
color: #FFFFFF;
}

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


.menu  a{
margin: 1px;
color: #DDDDDD;
}
.submenu  a{
margin: 1px;
color: #DDDDDD;
}

.menu  a:hover{
margin: 2px;
color: #FFFFFF;
}
.submenu  a:hover{
margin: 2px;
color: #FFFFFF;
}

.nondisp a {
font-weight: normal;
color: #000000;
text-decoration: none;
}

.nondisp a:hover {
text-decoration: none;
color: #000000;
}


.texte a {
color: #000000;
background: #AAAAAA;
-moz-border-radius: 10%;
}

.texte a:visited {
color: #444444;
background: #CCCCCC;
}

.texte a:hover {
color: #AAAAAA;
border: solid 1px  #000000;
background: #000000;
-moz-border-radius: 10%;
}

.smallmenuphoto a:visited{
color: #555555;
}
.smallmenuphoto  a:hover{
color: #AAAAAA;
}

.smallmenusyn a:visited{
color: #555555;
}

.smallmenusyn  a:hover{
color: #AAAAAA;
}

/*  BOUTONS  */

img.bouton {
display: block;
margin-left: auto;
margin-right: auto;
}

a.bouton {
color: #CCCCCC;
display: block;
margin-left: 35%;
margin-right: 35%;
text-align: center;
border: outset 5px;
padding: 10px;
background: #000000;
}

a:hover.bouton{
text-decoration: none;
color: #FFFFFF;
margin-left: 35%;
margin-right: 35%;
}

td.carte{
border: #000000;
}

#synapse_carte{

}

#escape{
margin-left: 30px;
margin-top: 30px;
}


/* %%%%%%%%%%%%%%%%% STRUCTURATION  %%%%%%%%%%%%%%%%%*/
h1 {
font-size: 40px;
font-family: verdana, arial, serif;
}

h2 {
font-size: 30px;
font-family: verdana, arial, serif;
}

h2.grey {
margin: 10px 20px -10px 30px;
font-size: 25px;
font-family: verdana, arial, serif;
text-align: left;
color: #333333;
}

h3 {
font-size: 20px;
text-align: center;
font-family: verdana, arial, serif;
}


h4 {
font-size: 18px;
text-align: left;
}

h4.header {
text-align: center;
}

h5 {
font-size: 16px;
text-align: left;
font-style: italic;
}

em {
font-style: italic;
font-weight: bold;
}

em.list {
font-style: normal;
font-weight: bold;
text-decoration: underline;
}