* {
margin: 0;
padding: 0;
}
body {
font: medium/1.5em 'Yanone Kaffeesatz', sans-serif;
letter-spacing: 0.5px;
background-color: #4e6127;
/*color: #666;*/
}
p {
text-indent:10px;
margin: 0 0 10px 0;
text-align: justify;
font-size: 18px;
}
h1 {
font-size: 1.8em;
color: #4e6127; /*#cbe8ac #91cf4f #4e6127 #8c0000*/
}
.main h1 {
margin: 15px 0 15px 0;
padding-bottom: 10px;
border-bottom: 1px solid #4e6127;
}
h2 {
font-weight: bold;
margin: 10px 0 10px 0;
font-size: 1.6em;
color: #91cf4f;
}
h3 {
/*font: italic normal 1.4em georgia, sans-serif;*/
font-style: italic;
font: 1.4em;
letter-spacing: 1px;
margin-bottom: 0;
color: #7D775C;
}


/*List design*/

/*ol {
list-style: symbols("*" "\2020" "\2021" "\A7");
} */

ol {
padding: 15px;
}
ol.upper-roman{
list-style-type: upper-roman;
padding: 15px;
}
/*ol li {

background-image: url('square-green.png');
background-position: left center;
background-repeat: no-repeat;
padding-left: 6px;
border: 1px solid #fcf;

} */


.main ul {
list-style-type: square;
padding: 15px;
}

ul {
list-style-image: url('arrow_green.png');
}
.main ul.new-marker {
list-style-type: none;
padding: 15px 0 15px 0;
margin: 0;
}
.main ul.new-marker li {
background-image: url('arrow-green.png');
background-repeat: no-repeat;
background-position: 0px center;
padding-left: 20px;
color: #4e6127;
}

a:link {
font-weight: bold;
text-decoration: none;
color: #8c0000;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #a24c4c;/*#D4CDDC;*/
}
a:hover, a:focus, a:active {
text-decoration: underline;
color: #a24c4c;
}
/*abbr {
border-bottom: none;
}*/
/* specific divs */
.page-wrapper {
position: relative;
margin: 0 auto;
width: 972px;
background-color: #FFF;
}
header{
background: transparent url(header1-2.jpg) top left no-repeat ;
width: 972px;
height: 249px;
}
header h1 {
width: 272px;
text-align: left;
font-size: 21px;
padding-left: 9px;
padding-top: 14px;
}
header h2 {
padding-top: 0px;
width: 320px;
text-align: left;
padding-left: 9px;
font-size: 1em;
color: #8e896e;
}
.summary {display:none;}
/*probleme pour IE */.preamble{
margin-top: -76px;
padding: 18px 0 0 90px;
margin-bottom: 30px;
}
.preamble{
margin-top: -76px;
padding: 18px 0 0 90px;
margin-bottom: 30px;
}
.preamble h1{
height: 76px;
width:400px;
height: 30px;
/*border-bottom: 1px solid #4e6127;*/
}
.main {
/*background-color: #fff;*/
min-height: 400px;
padding: 0 20px 0 20px;

}
footer {

background: transparent url(footer1.jpg) top left no-repeat ;
width: 972px;
height: 69px;
}
footer>p {
padding:40px 0 0 600px;
}
footer span{
color: #fff;
}
footer a:link {
text-decoration: none;
color: #cbe8ac;
}
footer a:visited {
text-decoration: none;
color: #cbe8ac;
}
footer a:hover, footer a:focus, footer a:active {
text-decoration: underline;
color: #fff;
}

/*Nav*/
nav {
position: absolute;
top:133px;
width: 972px;
max-height: 45px;
background-color:#8c0000;

}

.jMenu{display:table;margin:0;padding:0;list-style:none; /*border: 1px solid #CFC;*/ }
.jMenu li{display:table-cell;background-color:#8c0000;margin:0;list-style:none; min-width:90px; text-align: center;}
.jMenu li + li {
border-left: 1px solid #cbe8ac;
}
.jMenu li a{padding:5px 10px;display:block;background-color:transparent;color:#fff;text-transform:uppercase;cursor:pointer;font-size:17px}
.jMenu li a:hover{background-color:#a24c4c}
.jMenu li:hover>a{background-color:#a24c4c}
.jMenu li ul{display:none;position:absolute;z-index:9999;padding:0;margin:0;list-style:none}
.jMenu li ul li{background-color:#530f0f;display:block;border-bottom:1px dotted #fff;padding:0;list-style:none;position:relative; text-align: left;}
.jMenu li ul li a{font-size:16px;text-transform:none;display:block;padding:7px;border-top:1px solid transparent;border-bottom:1px solid transparent}
.jMenu li ul li a.isParent{background-color:#8c0000}
.jMenu li ul li a:hover{background-color:#a24c4c;border-top:1px solid #fff;/*border-bottom:1px solid #fff*/}


/*Tabs*/
ul.tabs{
/*margin: 0px;
padding: 0px;
list-style: none;*/
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #8c0000;/*#696;*/
}
ul.tabs li{
/*background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer; */
cursor: pointer;
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.tabs a:link, .tabs a:visited {
float: left;
/*font-size: 10px;*/
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #8c0000;  /*#9c9;*/
}

.tabs li.current a:link, .tabs li.current a:visited, .tabs a:hover {
border-bottom: 4px solid #8c0000;/*#696;*/
padding-bottom: 2px;
background: #fff;
color: #a24c4c; /*#363;*/
}

.tabs li.tab-link a:hover {
color: #a24c4c; /*#696;*/
}
/*Cacher les divisions*/
.tab-content{
display: none;
/*background: #ededed;*/
padding: 15px;
}
/* sauf celle avec Current */
.tab-content.current{
display: inherit;
}

/*tables*/

table.list-table,
table.data-table {
    /*font-size: 10px;*/
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 25px;
    width: 100%;
    max-width:930px;
	table-layout: fixed;
}

/*data-table*/
table.data-table thead th {
    border-bottom: 1px solid #4e6127;
    font-weight: bold;
    padding: 3px 10px;
    color: #4e6127;
}
table.data-table tfoot th {
    border-top: 1px solid #4e6127;
    font-weight: bold;
    padding: 3px 10px;
}
/*table.data-table td.center{
    text-align: center;
} */
table.data-table td {
    padding: 3px 5px;
}


/*list-table*/

table.list-table tbody td {
    text-align: center;
	word-wrap:break-word;
    /*overflow-wrap: break-word;*/
}

table.list-table tbody td>a {
    font-weight: normal;
}

table.list-table thead th {
    border-bottom: 1px solid #4e6127;
    font-weight: bold;
    color: #4e6127;
}
table.list-table tfoot th {
    border-top: 1px solid #4e6127;
}
table.list-table tr:nth-child(even) {background: #cbe8ac}
table.list-table tr:nth-child(odd) {background: #FFF}

table.list-table td.link{
background: #FFF
}

.legend {
  background:#e9f7db;
  padding: 0 5px 0 5px;
  color: #4e6127;
  font-size: 0.9em;
  font-style: italic;
}

/*add*/
.headleft {
	border-right: 1px solid #4e6127;
    font-weight: bold;
	color: #4e6127;
}

/* CADRE*/

div.cadre {
    background-color: transparent;
    border: 1px solid #1b3825;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 12px;
    width: 400px;
}
div.cadre h1.titre {
    background-color: #8aba5a;
    border: 1px solid #1b3825;
    color: #e9f7db;
    font-size: 1.1em;
    /*font-weight: bold;*/
    margin: -20px 0 10px -5px;
    padding-left: 5px;
    position: relative;
}


/*-------------------forms---------------------*/
div.champ {
margin-top: 10px;
margin-bottom: 5px;
/*font-size: small;*/
}

form select{
min-width: 205px;
color:#1b3825;
/*background-color:#e9f7db;*/
border: 1px solid #1b3825;
padding: 2px 2px 2px 2px;
}
form option{
color:#1b3825;
background-color:#e9f7db;
}

form input {
min-width: 200px;
margin: 0 2px 0 0;
padding-left: 2px;
border: 1px solid #1b3825;
color: #1b3825;
}
form textarea{
min-width: 200px;
height: 50px;
margin: 0 2px 0 0;
padding-left: 2px;
padding-top: 2px;
border: 1px solid #1b3825;
color: #1b3825;
overflow: auto;
}


/*login*/
form#register {
  border: 1px dotted #4e6127;
  padding: 10px 10px;
  max-width: 350px;
  min-height: 130px;
}

form#login {
  border: 1px dotted #4e6127;
  padding: 10px 10px;
  max-width: 300px;
  min-height: 130px;
}
form#register span,
form#login span{
  margin-left: 10px;
  color: #8aba5a;
  font-size: 1.4em;

  /*letter-spacing: 0.05em;*/
}
form#register input,
form#login input{
    min-width:inherit;
     width: 150px;
     height: 30px;
     color: #1b3825;
     font-size: 1.2em;
     font-weight: bold;
     background-color: #e9f7db;
     border:1px solid #8aba5a;
     padding: 0 2px 0 2px;
     vertical-align: middle;
     margin-top: 5px;
}
form#register input.bt,
form#login input.bt{
  display:block;
  margin: 10px 0 0 24px;
  width:80px;
  height: 30px;
  cursor: pointer;
  color: #900;
  background:#e9f7db;
  border: 1px solid #4e6127;
}

input.bt {
  min-width:inherit;
  font: medium/1.0em 'Yanone Kaffeesatz', sans-serif;
  cursor: pointer;
  color: #900;
  background:#e9f7db;
  border: 1px solid #4e6127;
}

form#register input.bt:hover,
form#login input.bt:hover,
input.bt:hover {
     color: #FFF;
     background: #900;
     border: 1px solid #e9f7db;
}

        #map {
	position:relative;
	top:auto;
	bottom:auto;
	width:96%;
	padding: 20px;
	height: 600px;



/* @media max-device-width OR max-width pour faibles résolutions ne fonctionne pas pour IE ??*/
/*@media screen and (max-device-width: 480px) {}*/