body {
margin: 0;
padding: 0;
background: #ACB4BC;
color: black;
font-size:90%;
font-family: arial,verdana,sans-serif;
text-align:center;
}
#conteneur{
position: relative;
margin-left:auto;
margin-right:auto;
width:800px;
text-align: justify;
background: white;
border: 1px solid #360C02;
}
a{
text-decoration: none;
color: #360C02;
font-style:italic;
font-weight: bold;
}
a:hover{
text-decoration: underline;
color: black;
}
b{
color:#8D9B2D;
font-weight: bold;
}

#header{
height: 80px;
background: #8D9B2D url(deco/logoanvl.gif) top left no-repeat;
margin: 0;
padding: 0;
}


#header h1 {
font-size:60%;
color: #380E03;
font-family: arial,verdana,sans-serif;
padding-left: 550px;
padding-top: 60px;
}
.separation {
clear: both;
visibility: hidden;
}
.tableau{
width: 750px;
text-align:center;
}

.photo{
border: 3px inset #8D9B2D;

margin: 5px 5px 5px 5px;
}

/*Mise en page texte home page */
#association{
width:425px;
margin-left:20px;
margin-right:50px;
margin-top:45px;
float: left;
}
#association h2{
width:425px;
height:25px;
background:#8D9B2D;
color:white;
margin: 0 0 0 0;
border: 0;
padding: 25px 0 0 0; 
}

#boited {
margin-top:45px;
float: left;
}
#boited h2{
width:275px;
height:25px;
background:#8D9B2D;
color:white;
margin: 0 0 0 0;
border: 0;
padding: 25px 0 0 0; 
}

#boited li{
width:205px;
list-style-type: square;
list-style-position: inside;
margin: 0 0 2px 0;
padding: 0 0 0 15px;
text-align:justify;
}
#boited ul {
margin: 10px 0 15px 0;
padding: 0;
color: black;
text-align: left;
}

.droite{
width: 275px;
}
.justifd {
text-align: right;
}

/*Mise en page autre page */
#centre{
width:750px;
margin-left:20px;
margin-right:50px;
margin-top:45px;
float: left;
}
#centre h2{
width:750px;
height:25px;
background:#8D9B2D;
color:white;
margin: 0 0 0 0;
border: 0;
padding: 25px 0 0 0; 
}
#gauche{
width:425px;
margin-left:20px;
margin-right:50px;
margin-top:45px;
float: left;
}

#gauche h2{
width:425px;
height:25px;
background:#8D9B2D;
color:white;
margin: 0 0 0 0;
border: 0;
padding: 25px 0 0 0; 
}
#gauche li{
width: 395px;
list-style-type: square;
list-style-position: inside;
margin: 0 0 2px 0;
padding: 0 0 0 15px;
text-align:justify;
}
#gauche ul {
margin: 10px 0 0 0;
padding: 0;
color: black;
text-align: left;
}
#gauche p{
margin: 0;
padding: 10px 0 0 0; 
}

#centrer li{
width: 595px;
list-style-type: square;
list-style-position: inside;
margin: 0 0 2px 0;
padding: 0 0 0 15px;
text-align:justify;
}
#center ul {
margin: 10px 0 0 0;
padding: 0;
color: black;
text-align: left;
}

#droite{
margin-top:45px;
float: left;
}
#droite h2{
width:225px;
height:25px;
background:#8D9B2D;
color:white;
margin: 0 0 0 0;
border: 0;
padding: 25px 0 0 0;
}
#droite li{
width:205px;
list-style-type: square;
list-style-position: inside;
margin: 0 0 2px 0;
padding: 0 0 0 15px;
text-align:justify;
}
#droite ul {
margin: 10px 0 15px 0;
padding: 0;
color: black;
text-align: left;
}
.droitec{
width: 225px;
}
.photog{
margin-right:95px;
}
.photofranc{
margin-top:15px;
margin-bottom:15px;
}
.photolegende{
float:left;
margin-right:15px;
}
.legendef {
font-size: 80%;
font-style:italic;
float: left;
margin-right: 25px;
}
.legende {
font-size: 80%;
font-style:italic;
}

#centreplan{
width:750px;
margin-left:20px;
margin-right:50px;
margin-top:45px;
float: left;
}
#centreplan h2{
width:750px;
height:25px;
background:#8D9B2D;
color:white;
margin: 0 0 0 0;
border: 0;
padding: 25px 0 0 0; 
}
#centreplan h3{
color:#8D9B2D; 
}
#centreplan h4{
color:#8D9B2D;
margin: 0 0 0 15px;
padding:0; 
}
#centreplan li{
width:405px;
list-style-type: square;
list-style-position: inside;
margin: 0 0 2px 0;
padding: 0 0 0 30px;
text-align:justify;
font-size:90%;
}
#centreplan ul {
margin: 0 0 5px 0;
padding: 0;
color: black;
text-align: left;
}


/*Carte globale*/
#terrain{ /* Carte globale */
width : 746px;
height: 466px;
border: 2px solid #8D9B2D;
background: url(cartes/terrain.gif) top left no-repeat;
}
#zone1 {    /* zone cliquable de la carte terrain vers fontainebleau */
float: left;
width : 232px;
height: 147px;
margin-left: 75px;
margin-top: 30px;
border: 2px solid #8D9B2D;
}
#zone2 {    /* zone cliquable de la carte terrain  vers la Bassée*/
float: left;
width : 213px;
height: 147px;
margin-left: 309px;
margin-top: -175px;
border: 2px solid #8D9B2D;
}
#zone3 {    /* zone cliquable de la carte terrain */
float: left;
width : 185px;
height: 85px;
margin-left: 123px;
margin-top: 0px;
border: 2px solid #8D9B2D;
}

/*Carte fontainebleau*/
#fontainebleau{ /* Carte fontainebleau */
width : 746px;
height: 466px;
border: 2px solid #8D9B2D;
background: url(cartes/fontainebleau.gif) top left no-repeat;
}
#zone25 {    /* Chanfroy */
float: left;
width : 65px;
height: 10px;
margin-left: 260px;
margin-top: 210px;
border: 2px solid #8D9B2D;
}
#zone26 {    /* Haute Borne */
float: left;
width : 65px;
height: 10px;
margin-left: -50px;
margin-top: 239px;
border: 2px solid #8D9B2D;
}
#zone27 {    /* Cuvier Chatillon */
float: left;
width : 80px;
height: 10px;
margin-left: -20px;
margin-top: 127px;
border: 2px solid #8D9B2D;
}
#zone28 {    /* Bellecroix */
float: left;
width : 65px;
height: 10px;
margin-left: -50px;
margin-top: 143px;
border: 2px solid #8D9B2D;
}
#zone29 {    /* A définir */
float: left;
width : 50px;
height: 10px;
margin-left: -170px;
margin-top: 163px;
border: 2px solid #8D9B2D;
}
#zone30 {    /* A définir */
float: left;
width : 90px;
height: 10px;
margin-left: -110px;
margin-top: 160px;
border: 2px solid #8D9B2D;
}
#zone31 {    /* Chêne brulé */
float: left;
width : 65px;
height: 10px;
margin-left: -100px;
margin-top: 183px;
border: 2px solid #8D9B2D;
}
#zone32 {    /* Gorge aux Merisiers */
float: left;
width : 90px;
height: 10px;
margin-left: -95px;
margin-top: 210px;
border: 2px solid #8D9B2D;
}
#zone33 {    /*Boissière */
float: left;
width : 65px;
height: 10px;
margin-left: -15px;
margin-top: 100px;
border: 2px solid #8D9B2D;
}
#zone34 {    /*Petit Mont Chauvet */
float: left;
width : 90px;
height: 10px;
margin-left: -85px;
margin-top: 224px;
border: 2px solid #8D9B2D;
}
#zone35 {    /*  Mont Merle */
float: left;
width : 60px;
height: 10px;
margin-left: -100px;
margin-top: 238px;
border: 2px solid #8D9B2D;
}
#zone36 {    /*  Gorge aux Loups */
float: left;
width : 80px;
height: 10px;
margin-left: -90px;
margin-top: 262px;
border: 2px solid #8D9B2D;
}
#zone39 {    /*  coquibus */
float: left;
width : 65px;
height: 10px;
margin-left: -300px;
margin-top: 170px;
border: 2px solid #8D9B2D;
}
#zone40 {    /*  laris qui parle */
float: left;
width : 90px;
height: 10px;
margin-left: -280px;
margin-top: 190px;
border: 2px solid #8D9B2D;
}
/*Carte la bassee*/
#bassee{ /* Carte la bassee */
width : 746px;
height: 466px;
border: 2px solid #8D9B2D;
background: url(cartes/bassee.gif) top left no-repeat;
}
#zone9 {    /* zone cliquable de la carte terrain vers st martin */
float: left;
width : 81px;
height: 30px;
margin-left: 3px;
margin-top: 307px;
border: 2px solid #8D9B2D;
}
#zone10 {    /* zone cliquable de la carte terrain  vers trechy*/
float: left;
width : 44px;
height: 20px;
margin-left: 1px;
margin-top: 307px;
border: 2px solid #8D9B2D;
}
#zone11 {    /* zone cliquable de la carte vers champmorrin */
float: left;
width : 65px;
height: 20px;
margin-left: 100px;
margin-top: 287px;
border: 2px solid #8D9B2D;
}
#zone12 {    /* zone cliquable de la carte vers reserve nat de la bassee */
float: left;
width : 140px;
height: 17px;
margin-left: 60px;
margin-top: 230px;
border: 2px solid #8D9B2D;
}
#zone13 {    /* zone cliquable de la carte vers Daillac */
float: left;
width : 36px;
height: 14px;
margin-left: 30px;
margin-top: 143px;
border: 2px solid #8D9B2D;
}
#zone14 {    /* zone cliquable de la carte vers Montacran */
float: left;
width : 50px;
height: 16px;
margin-left: -35px;
margin-top: 118px;
border: 2px solid #8D9B2D;
}
#zone15 {    /* zone cliquable de la carte vers La Pree */
float: left;
width : 42px;
height: 14px;
margin-left: 10px;
margin-top: 128px;
border: 2px solid #8D9B2D;
}
#zone16 {    /* zone cliquable de la carte vers Prairies de Pont */
float: left;
width : 75px;
height: 15px;
margin-left: 360px;
margin-top: -135px;
border: 2px solid #8D9B2D;

}
#zone17 {    /* zone cliquable de la carte vers grand marais */
float: left;
clear:left;
width : 65px;
height: 23px;
margin-left: 15px;
margin-top: 15px;
border: 2px solid #8D9B2D;
}
#zone18 {    /* zone cliquable de la carte vers seiglats */
float: left;
clear:left;
width : 19px;
height: 25px;
margin-left: 84px;
margin-top: -38px;
border: 2px solid #8D9B2D;
}
#zone19 {    /* zone cliquable de la carte vers carreau francs */
float: left;
clear:left;
width : 66px;
height: 17px;
margin-left: 110px;
margin-top: -42px;
border: 2px solid #8D9B2D;
}
#zone20 {    /* zone cliquable de la carte vers préaux */
float: left;
clear:left;
width : 38px;
height: 14px;
margin-left: 110px;
margin-top: -23px;
border: 2px solid #8D9B2D;
}
#zone21 {    /* zone cliquable de la carte vers la chapelotte */
float: left;
clear:left;
width : 70px;
height: 31px;
margin-left: 130px;
margin-top: 0px;
border: 2px solid #8D9B2D;
}

#zone41 {    /*  étang de la croix saint michel */
float: left;
width : 80px;
height: 10px;
margin-left: 60px;
margin-top: 0px;
border: 2px solid #8D9B2D;
}

/*Carte le loing*/
#loing{ /* Carte le loing */
width : 746px;
height: 466px;
border: 2px solid #8D9B2D;
background: url(cartes/loing.gif) top left no-repeat;
}
#zone4 {    /* valléeducygne*/
float: left;
width : 132px;
height: 25px;
margin-left: 390px;
margin-top: 5px;
border: 2px solid #8D9B2D;
}
#zone5 {    /* sorques*/
float: left;
width : 55px;
height: 15px;
margin-left: -180px;
margin-top: 40px;
border: 2px solid #8D9B2D;
}
#zone6 {    /* episy */
float: left;
width : 70px;
height: 15px;
margin-left: -182px;
margin-top: 60px;
border: 2px solid #8D9B2D;
}
#zone7 {    /* dordives */
float: left;
width : 106px;
height: 15px;
margin-left: -205px;
margin-top: 350px;
border: 2px solid #8D9B2D;
}

.carte{
margin-top: 15px;
margin-right:15px;
float:left;
}
.logo{
margin-left:520px;
}



/*menu */
#menu {
position : absolute;
left: 205px;
top: 90px;
color: #8D9B2D;
font-weight: bold;
font-size:100%;
}
#menu dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 6px 0 0;
padding: 0;
}
#menu dl {
float: left;
}
#menu li {
display: inline;
}
#menu a {
text-decoration: none;
color: #360C02;
background: #fff;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
position: absolute;
left: 0;
border-top: 2px solid #8D9B2D;
font-weight: normal;
width: 570px;
}
.bandeau{
border-top: 6px solid #8D9B2D;
}
/*Pronatura*/
#pronatura li{
width: 720px;
list-style-type: square;
list-style-position: inside;
margin: 0 0 2px 0;
padding: 0 0 0 15px;
text-align:justify;
}
#pronatura ul {
margin: 10px 0 0 0;
padding: 0;
color: black;
text-align: left;
}

.imgpronaturag{
border: 3px inset #8D9B2D;
float:left;
margin: 5px 5px 5px 5px;
}
.imgpronaturalogo{

float:left;
margin: 10px 15px 10px 0px;
}
.imgpronaturad{
border: 3px outset #8D9B2D;
float:right;
margin: 5px 5px 5px 5px;
}
.pronatura{
clear:both;

margin-top: 10px;
}
.imgpronaturalogopetit{

margin: 10px 0 10px 310px;
}
/*Footer */
#marron{
background: #360C02;
clear:left;
float: left;
width: 470px;
height: 28px;
margin-top:42px;
}
#vert{
background: #8D9B2D;
float: left;
width: 330px;
height: 70px;
}
#footer li, ol {
list-style-type: none;
margin: 0;
padding: 0;
color: #360C02;
font-size: 85%;
text-align: right;
font-weight: bold;
}
#footer a{
text-decoration: none;
color: #360C02;
}
#footer a:hover{
text-decoration: none;
color: white;
}
/*Mentions bas de page*/
.mentions {
position: relative;
margin-left:auto;
margin-right:auto;
width:800px;
text-align: center;
font-size: 70%;
}