/* copyright Hervé Martin (C) */
body {
 margin: 0px;
 padding: 3px 0px 3px 3px;
 font-family: "Monotype Corsiva";
 color: #000000;
 background-attachment: fixed;
 font-size: 17pt;
 background-image: url(mur.jpg);
 background-color: #f8f8ec;
}
@media only print{body { background-image: none; }} /* autre règles pour imprimante */
@media only handheld{body {background-image: none; }} /* autre règle pour mobile */
.corps {
 margin: 0px 0px 8px;
 padding: 0px;
 text-align: justify;
 background-image: url(mur2.jpg);
 background-repeat: repeat-y;
 background-position: left top;
 clear: none;
 position: absolute;
 left: 130px;
 right: 0%;
 color: #000000;
}
@media only print{.corps {background-image: none;}} /* autre règle pour imprimante */
@media only handheld{.corps{background-image: none;}} /* autre règle pour mobile */
.haut {
 border-style: none;
 margin: 0px;
 padding: 0px;
}
.titre {
 border-style: none;
 font-size: 50pt;
 font-weight: normal;
 text-align: center;
 left: 130px;
 width: 820px;
 min-width: 597px;
 margin-top: 3px;
 margin-bottom: 3px;
 padding-top: 0px;
 padding-bottom: 0px;
}
.centre {
 margin: 0px;
 padding: 0px;
 background-repeat: repeat-y;
 opacity: 1;
 background-position: left top;
 clear: none;
 position: relative;
 left: 5px;
 display: block;
 max-width: 800px;
}
.droite {
 margin: 5px 3px 5px 10px;
 padding: 0px;
 float: right;
 clear: none;
 width: 427px;
 position: static;
}
.photo-droite {
 margin: 5px 3px 5px 10px;
 padding: 0px;
 float: right;
 clear: none;
 width: 427px;
border-style: outset;
 border-color: #eed6ad #af8c69 #af8c69 #eed6ad;
 border-width: 3px;
}
.photo-droite:hover {
 border-style: solid;
 border-color: #af8c69 #eed6ad #eed6ad #af8c69;
 border-width: 3px;
 }
.bouton-special {
 border: none;
 margin: 5px 3px 5px 10px;
 padding: 0px;
 float: left;
 clear: none;
 width: 220px;
 position: static;
 font-family: arial;
 list-style-type: none;
}
.drapodroit {
 border-style: none;
 margin: 5px 3px 5px 10px;
 padding: 0px;
 float: right;
 clear: none;
 width: 220px;
 position: static;
}
.logodroit {
 border-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 float: right;
 clear: none;
 width: 155px;
 position: static;
}
.gauche {
 border-style: none;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 list-style-position: outside;
 position: fixed;
 font-size: 15pt;
 float: left;
 width: 120px;
 clear: none;
}
@media only print{.gauche {display: none; }} /* autre règle pour imprimante */
.logo {
 border-style: none;
 margin: 0px;
 padding: 0px;
 background-repeat: no-repeat;
 background-image: url(logo.jpg);
 height: 206px;
 background-position: center top;
 font-size: 0;
}
@media only handheld{.logo{background-image: url(logoleger.jpg);}}
.menu {
 border-style: none;
 margin: 3px 0px 0px;
 padding: 0px;
 list-style-type: none;
 font-family: Arial;
 line-height: 0px;
 font-weight: inherit;
 text-decoration: none ! important;
}
.item_menu {
 border-style: outset;
 border-color: #eed6ad #af8c69 #af8c69 #eed6ad;
 border-width: 3px;
 margin: 2px 0px;
 padding: 0px 3px 3px;
 text-align: center;
 display: list-item;
 /* background-color: #ffcc99;*/
 background-color: #deb887;
 text-decoration: none ! important;
 line-height: normal;
 color: #663300 ! important;
 font-weight: bold;
 font-size: 9pt;
 min-height: 16px;
}
@media handheld{.item_menu {font-size: 15pt; }} /* autre règle pour mobile */
.item_menu:hover {
 border-style: solid;
 border-color: #af8c69 #eed6ad #eed6ad #af8c69;
}
.item_menu_plus {
 border-style: outset;
 border-color: #eed6ad #af8c69 #af8c69 #eed6ad;
 border-width: 3px;
 margin: 2px 0px;
 padding: 0px 3px 3px;
 font-weight: bold;
 text-align: center;
 display: list-item;
 line-height: normal;
 color: red;
 font-size: smaller;
 text-decoration: blink;
 background-color: #c8ff11;
}
.item_menu_plus:hover {
 border-style: solid;
 border-color: #af8c69 #eed6ad #eed6ad #af8c69;
 line-height: normal;
 background-color: #009900 ! important;
 color: #ffff66 ! important;
}
.item_menu_moins {
 border-style: outset;
 border-color: #eed6ad #af8c69 #af8c69 #eed6ad;
 border-width: 3px;
 margin: 2px 0px;
 padding: 0px 3px 3px;
 text-align: center;
 display: list-item;
 background-color: #deb887;
 text-decoration: none ! important;
 font-weight: normal;
 line-height: normal;
 color: #663300 ! important;
 font-size: 8pt;
}
.item_menu_moins:hover {
 border-style: solid;
 border-color: #af8c69 #eed6ad #eed6ad #af8c69;
 line-height: normal;
}
.item_menu_actuel {
 border-style: none;
 margin: 5px 3px;
 padding: 0 3px 3px;
 display: list-item;
 position: relative;
 font-weight: bold;
 text-align: center;
 line-height: normal;
 font-size: 10pt;
 text-decoration: none ! important;
 color: #663333 ! important;
}
.bas {
 clear: both;
 position: static;
 font-size: 7pt;
 text-align: center;
 max-width: 800px;
}
h1 {
 font-size: larger;
}
table {
 width: 80%;
 max-width: 800px;
}
.tabdr {
 font-family: Arial;
 font-size: 14pt;
}
.trait {
 clear: both;
 text-align: center;
 line-height: 0px;
}
a {
 border-left-style: none;
 color: #24496e;
}
.vu {
 visibility: visible;
}
.masque {
 visibility: hidden;
 display: none;
}
.centre_mini {
 margin: 0px;
 padding: 0px;
 background-repeat: repeat-y;
 opacity: 1;
 background-position: left top;
 clear: none;
 position: relative;
 left: 5px;
 display: block;
 max-width: 810px;
 font-family: Arial,Helvetica,sans-serif;
 font-size: small;
}
.legende_google_map {
 color: black;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 9pt;
}
.lien_legende_google_map {
 color: #3333ff;
}
