/***************************************************************
feuille de style commune - Trémohars - Myriam LORANT
**************************************************************/
* {
   margin: 0;
   padding: 0;
   list-style: none;
}
body {
   color: #504030;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   text-align: center;
   background-color: #dfdfd7;
}
img {
   border: none;
}
p#prelude, #prelude a {
   padding-top: 0.5em;
   color: #fff;
}
#prelude a:focus {
   color: #fff;
   background-color: #152c81;
}
div#container {
   margin: 0 auto 1em auto;
   width: 700px;
   text-align: left;
}
div#contenu {
   margin: 0;
   padding: 0 0 1em 0;
   background: #afafa5 url(../img/fd_contenu.jpg) repeat-x;
}
#contenu div.galerie {
   margin: 1em;
}

/*************************
banniere
************************/
div#banniere {
   margin: 0 0 1em 0;
   background: url(../img/fd_banniere.jpg) no-repeat top left;
}
h1 {
   float: left;
   color: #152c81;
   font-size: 1.6em;
   text-align: center;
}
h1 a {
   color: #152c81;
   text-decoration: none;
}
h1 span {
   display: none;
}

/*************************
menu
************************/
#menu {
   margin: 0.5em 0 0 0;
   padding: 0;
   height: 20px;
   font-size: 1.3em;
   font-weight: bold;
}
#menu li {
   float: left;
   margin-top: 0.5em;
   padding: 0.5em 0;
   height: 18px;
   text-align: center;
   display: inline;
}
#menu a {
   padding: 10px 0;
   color: #504030;
   text-decoration: none;
}
#menu a span {
   display: none;
}
#menu a.accueil {
   padding-left: 112px;
   background: url(../img/bt_accueilOff.jpg) no-repeat;
}
#menu a:hover.accueil {
   background: url(../img/bt_accueilOn.jpg) no-repeat;
}
#menu a.actualites {
   padding-left: 111px;
   background: url(../img/btn_actuoff.jpg) no-repeat;   
}
#menu a:hover.actualites {
   background: url(../img/btn_actuon.jpg) no-repeat;      
}
#menu a.bio {
   padding-left: 112px;
   background: url(../img/btn_biooff.jpg) no-repeat;   
}
#menu a:hover.bio {
   background: url(../img/btn_bioon.jpg) no-repeat;      
}
#menu a.contact {
   padding-left: 112px;
   background: url(../img/btn_contactoff.jpg) no-repeat;   
}
#menu a:hover.contact {
   background: url(../img/btn_contacton.jpg) no-repeat;      
}
#menu a.galerie {
   padding-left: 111px;
   background: url(../img/btn_galerieoff.jpg) no-repeat;   
}
#menu a:hover.galerie {
   background: url(../img/btn_galerieon.jpg) no-repeat;      
}
#menu a.inde {
   padding-left: 112px;
   background: url(../img/btn_enindeoff.jpg) no-repeat;   
}
#menu a:hover.inde {
   background: url(../img/btn_enindeon.jpg) no-repeat;      
}
/*************************
accueil
************************/
#actualites, #annonces, #oeuvres, #facebook {
   margin: 0 0 1em 1.2em;
   width: 320px;
   float: left;
}
#oeuvres li {
   display: inline;
}
/*************************
contenu
************************/
h2 {
   margin-bottom: 0.5em;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.9em;
   font-weight: bold;
   border-bottom: 2px solid #504030;
}
h3 {
   margin: 0 0 0.5em 0;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.5em;
}
p, h3 {
   margin-left: 0.5em;
}
#contenu a {
   padding: 0.2em;
   color: #504030;
}
#contenu a:hover {
   color: #dfdfd7;
   background-color: #504030;
}
.dateexpo {
   font-weight: bold;
}
#contenu li {
   margin: 0 0 1em 0;
}
p.navigation {
   text-align: center;
}
/*************************
contact
************************/
form p {
	font-weight: bold;
}
form .champs, form div#corpForm p.champs {
   font-size: 0.9em;
   font-style: italic;
}
form div#corpForm p {
   padding: 0.5em 0;
   font-size: 1em;
   font-style: normal;
	font-weight: normal;
}
label {
   float: left;
   width: 19%;
   margin-right: 1em;
}
input#valid {
   margin: 0.5em 0;
   padding: 0.5em;
   font-weight:bold;
   background-color: #dfdfd7;
   border: 1px solid #504030;
}
fieldset {
   border: none;
}
div#piedForm {
   width: 320px;
   text-align: center;
}
#piedForm p {
   font-size: 0.9em;
	font-weight: normal;
}
.oblig, .alerte {
   color: red;
}
#map_canvas {
   margin-right: 0.5em;
    width: 340px;
    height: 300px;
}
/*************************
galerie
************************/
ul.galerieRub {
   margin: 1em 0;
}
.galerieRub li {
   padding: 0.2em 0;
   border: 1px solid #504030;
   display: inline;
}

/*************************
footer
************************/
div#footer {
   padding: 0 2em 2.5em 1em;
   background: url(../img/fd_footer.jpg) no-repeat bottom left;
   border-top: 2px solid #84847f;
}
#footer .menu, #footer p {
   text-align: left;
   font-size: 1em;
}
#footer p {
   margin-top: 0.5em;
}
hr.spacer {
   visibility: hidden;
   clear: both;
}
.left {
   float: left;
   padding-right: 1em;
}

.right {
   float: right;
   padding-left: 1em;
}






















/*************************
Stage
************************/
.stage img {
   margin: 0 0.5em 0.5em 0.5em;
}
.stage p {
   margin: 1em;
}
.stage ul {
   margin-left: 2em;
}
.stage li {
   margin: 0;
   padding: 0;
   list-style-type: circle;
}