body{
behavior: url(csshover2.htc);
margin:0;
font-family: Arial;
font-size: 12px;
background:#4a9021;
padding-top: 26px;
}
/** Placement des boites **/
div#page {
width:900px;
margin:0 auto;
padding:0;
}
div#box{
position:relative;
width:900px;
margin:0 auto;
padding:0;
}
div#nav {
z-index:1000;
position:absolute;
top:-26px;
left:289px;
width: 605px;
height:75px;
background-image: url(media/top.gif);
background-repeat: no-repeat;
padding:0;
}
#gauche {
position:absolute;
top:-26px;
width: 289px;
}
#g1{
width:289px;
height:143px;
background-image: url(media/left_1.gif);
background-repeat: no-repeat;
}
#g1 a{
display:block;
width:110px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
padding-top:18px;
padding-left:130px;
}
#g1 a:hover{
text-decoration:underline;
}
#g2{
width:289px;
height:89px;
background-image: url(media/left_2.gif);
background-repeat: no-repeat;
}
#g3{
width:289px;
height:234px;
}
#g4{
width:289px;
height:125px;
background-image: url(media/left_4.gif);
background-repeat: no-repeat;
background-position: 0px, 16px;
}
#droite {
margin-left:185px;
right:0;
width:695px;
height: auto !important;
min-height: 550px;
height:550px;
background: #FFFFFF;
border: 10px;
border-color:  #FFFFFF;
border-style: solid;
}
div#contenu {
display:block;
padding-top:50px;
padding-left:95px;
padding-right:20px;
}
/** Menu **/
div#nav ul {
margin: 0; 
padding: 0;
}
div#nav li {
position:relative;
float: left;
list-style-type: none;
background-image: url(media/menu.gif);
background-repeat: no-repeat;
line-height:20px;
margin-right:12px;
padding-top:50px;
}
div#nav li a {
display: block; 
width:188px;
font-family: Arial;
font-size: 12px;
color: #0b2b7a;
text-decoration: none; 
font-weight:bold;
text-align:center;
}
div#nav li a:hover {
color: #FFFFFF;
}
div#nav ul ul {
margin:0;
padding-left:0;
position: absolute;
display: none;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #d8cfae;
}
div#nav ul ul li {
margin:0;
background:#FFFFFF;
line-height:20px;
height:20px;
clear:both;
padding:0;
}
div#nav ul ul li:hover {
background:#0b2b7a;
}

div#nav ul.level1 li.submenu:hover {background-image: url(media/menu_on.gif);
background-repeat: no-repeat;}
div#nav ul.level1 li.submenu1:hover {
background-image: url(media/menu_on1.gif);
background-repeat: no-repeat;

}
div#nav ul.level1 li.submenu:hover>a, div#nav ul.level1 li.submenu1:hover>a{color:#000000;}
div#nav ul.level1 li.submenu1:hover ul.level2 {display:block;}
div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}
div#nav ul.level2 {top: 70px; left: 0px;}
div#clear{
clear:both;
}
div#footer {
width:900px;
margin:0 auto;
padding-left:185px;
text-align:center;
color:#FFFFFF;
}
div#footer a{
color:#FFFFFF;
}
h1{
background-image: url(media/puce_bleu2.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left:14px;
padding-top:0px;
margin:0;
font-size: 15px;
color: #4A9021;
font-weight:bold;
margin-bottom:10px;
}
h3{
display: inline;
font-family: Arial;
font-size: 13px;
color: #0B2B7A;
font-weight:bold;
}
h4{
height:20px;
background-image: url(media/puce_bleu_mini.gif);
background-repeat: no-repeat;
background-position: 0 5px;
font-family: Arial;
font-size: 13px;
color: #0B2B7A;
font-weight:bold;
padding-left:6px;
margin-bottom:5px;
}
h4>a {
font-size: 13px;
}
h4.trait{
border-bottom:1px solid #0b2b7a;
}
h4.in{
display:inline;
}
h4.nobull{
background-image: none;
padding:0;
}
span.box{
color:#FFFFFF;
background:#0b2b7a;
padding: 5px;
font-family: Arial;
font-size: 13px;
font-weight:bold;
height:20px;
margin-right:5px;
}
#news dt {
clear:left;
font-size:1.2em;
}
dt {
font-weight:bold;
margin:1em 0 0;
padding:0;
}
dt a{
border-bottom:1px dotted #4a9021;
text-decoration:none;
}
#news dt .date {
display:block;
float:left;
font-size:70%;
margin-right:10px;
width:40px;
}
#news dt .date .dmonth {
background:#0b2b7a;
color:#FFFFFF;
font-weight:normal;
padding:3px 0;
}
#news dt .date span {
display:block;
text-align:center;
}
#news dt .date .dday {
background:#fcc411;
color:#FFFFFF;
font-size:190%;
padding:3px 0;
}

#news dd {
margin-bottom:1em;
margin-left:50px;
}
dd {
margin:0 0 0 1em;
padding:0;
}
#news dd p.news-content {
font-size:11px;
}
#news dd p {
font-size:90%;
margin:0.5em 0;
}
.news_date{
color: #fcc411;
font-weight:bold;
}
a{
font-family: Arial;
font-size: 12px;
color: #0B2B7A;
font-weight:bold;
}
a:hover {
text-decoration:none;
}
div#plus {
background:#FFFFFF;
padding-right:15px;
line-height:18px;
text-align:right;
}
div#plus img{
vertical-align:-10%;
}
div#plus a{
color: #4A9021;
font-weight:bold;
text-decoration:none;
}
div#plus a:hover{
text-decoration:underline;
}
table#telephone{
background: #FFFFFF;
}
table#telephone th{
background: #99CC00;
padding:10px;
}
table#telephone td{
background: #FFFF99;
padding:10px 10px 10px 10px;
}
#galerie
{
text-align:center;
width:570px;
margin: 0 auto;
background:#f4fac6;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
#galerie .titre {
background:#FFFFFF;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height:12px;
margin:0;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
}
#galerie .vi{
padding: 2px;
background: #66696e;
}
#galerie .vi_current{
padding: 2px;
background: #FE5200;
}
table#marches th{
background:#0b2b7a;
text-align:center;
color:#FFFFFF;
}
table#marches td{
border-top: 2px solid #FFFFFF;
text-align:center;
vertical-align:middle;
}
div#tab_ville{
width:385px;
text-align: center;
}
table#ville th{
background:#0b2b7a;
text-align:center;
color: #FFFFFF;
}
table#ville td{
text-align:center;
vertical-align:middle;
}
table#normal{
background:#FCC411;
}
table#normal th{
background:#0B2B7A;
color: #FFFFFF;
}
table#normal td{
text-align:center;
vertical-align:middle;
background:#FFFFFF;
}
div#agenda h4{
border: 1px solid #fcc411;
border-bottom: 0;
background-image: none;
background:#0b2b7a;
color: #FFFFFF;
padding:4px;
margin: 0;
width:180px;
font-weight: 400;
text-align:center;
font-size: 12px;
height:auto;
}
div#agenda p{
border: 1px solid #fcc411;
padding:6px;
margin: 0;
margin-bottom:15px;
background:#FFFFFF;
}
/* paiement en ligne */
.alerte{
color: #FE5200;
font-weight: bold;
}
.field{
border: 2px solid #0b2b7a;
padding:5px;
background:#FFFFFF;
}
.legend{
color:#0b2b7a;
font-weight:bold;
margin-bottom:3px;
border: 2px solid #0b2b7a;background:#FFFFFF;
padding: 2px;
}
.valider{
background:#0b2b7a;
color:#FFFFFF;
}
.alerte2{
color: #FE5200;
}
.recap {
border: 1px solid #0b2b7a;
background:#FFFFFF;
}
/* MAPPY */
div#mymap{
border:1px solid #FE5200;
width:575px;
height:400px;
}

@media print{
div{
display:none;
}
div#nav {
display:none;
}
div#gauche {
display:none;
}
div#footer {
display:none;
}
div#page, div#box, div#droite, div#contenu, div#conteneur
{
display:inline;
background: #FFFFFF;
width:100%;
text-align:center;
border: 0;
padding:0;
margin:0;
}
div#entete{
display:inline;
font-size:16px;
}
div#print{
display:inline;
}
.recap {
border: 1px solid #000000;
}
div#no_print{
display:none;
}
h1{
display:none;
}
}
