/* --- STYLE IMPRIMER ---*/

body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background:#f1f3f4 url(bg_body.gif) repeat-x top center fixed;
}
a {
color: #333333;
}

img #header {
float:left;
}

h1 {
position:absolute;
left:180px;
}

form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption,
#menu,
#inter #imprim,
#right,
#raccourcis,
#recherche,
#menu_header,
#footer {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY ACCUEIL ---*/
body.bodyaccueil #header {
height:330px;
width: 960px;
background:url(bg_header_accueil.jpg) no-repeat center top;
}

/*--- INTER ACCUEIL ---*/

/*-- INTER --*/
#inter {
float: left;
padding: 0px 10px 0px 10px;
}
#inter p {
margin: 5px 0px 10px 0px;
}

/* --- MENU HEADER ACCUEIL ---*/

body.bodyaccueil ul#menu_header li a{
text-transform:uppercase;
text-decoration:none;
font-size:85%;
color:#FFFFFF;
font-weight:bold;
}
body.bodyaccueil ul#menu_header li#quatre_communes{
position:absolute;
top:0px;
left:400px;
width:60px;
height:200px;
background:url(4_communes.gif) left 6px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Gueberschwihr{
position:absolute;
top:245px;
left:23px;
background:url(puce_menu_header_blanc.gif) left 6px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Hattstatt{
position:absolute;
top:85px;
left:183px;
background:url(puce_menu_header_noir.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Hattstatt a{
color:#000;
}
body.bodyaccueil ul#menu_header li#Pfaffennheim{
position:absolute;
top:240px;
left:255px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
body.bodyaccueil ul#menu_header li#Rouffach{
position:absolute;
top:38px;
left:420px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}

/* --- COORDONNEES ACCUEIL ---*/

#coordonnees{
float:left;
width:260px;
background:url(bg_content_vert.jpg) repeat-y top left;
}
body.bodyaccueil #inter #coordonnees h2{
font-size:medium;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
}
#coordonnee_content{
padding:0px 0px 0px 20px;
color:#FFFFFF;
}
#coordonnee_bg_top{
background:url(bg_top_vert.jpg) no-repeat top left;
height:20px;
}
#coordonnee_bg_bottom{
background:url(bg_bottom_vert.jpg) no-repeat bottom left;
height:20px;
}
#inter #coordonnees p a{
color:#fff;
font-size:90%;
text-decoration:none;
}

body.bodyaccueil #inter #coordonnees p#contactez_nous a{
font-size:100%;
font-weight:bold;
color:#333;
display:block;
height:20px;
width:220px;
text-decoration:none;
background:url(contactez_nous.jpg) no-repeat -10px 0px;
padding:11px 0px 11px 0px;
text-align:center;
}
body.bodyaccueil #inter #coordonnees p#contactez_nous a:hover{
font-size: 90%;
background:url(contactez_nous.jpg) no-repeat -10px -100px;
}

/* --- EVENEMENTS ACCUEIL ---*/

#evenements{
float:left;
width:210px;
margin:15px 0px 0px 5px
}
body.bodyaccueil #evenements h2{
font-size:medium;
color:#15351e;
padding:0px 0px 0px 0px ;
margin:5px 0px 10px 0px ;
}

/* ---ACTUALITE ACCUEIL  ---*/

#actualites{
float:left;
width:320px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#actualites #actus h2{
font-size:medium;
background:url(bg_top_orange.jpg) no-repeat top left;
margin:0px 0px 0px 0px;
padding:23px 10px 10px 20px;
color:#FFFFFF;
}
#actus{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(bg_content_orange.jpg) repeat-y top left;
}

body.bodyaccueil #inter #actus #actu_bg_bottom p.toutesactus{
position:absolute;
top:10px;
left:30px;
padding:0px 0px 0px 0px;
}
body.bodyaccueil #inter #actus #actu_bg_bottom p.filrss{
position:absolute;
top:7px;
right:30px;
padding:3px 20px 3px 0px;
background:url(rss.gif) right center no-repeat;
}
body.bodyaccueil #inter #actus p.toutesactus a,
body.bodyaccueil #inter #actus p.filrss a{
text-decoration:none;
padding:0px 0px 0px 0px ;
font-weight:bold;
}

#inter #actualites #actus p{
margin:0px 0px 0px 0px;
padding:0px 20px 10px 20px;
}
#inter #actualites #actus p strong a{
text-decoration:none;
}
#actu_bg_bottom{
background:url(bg_bottom_orange.jpg) no-repeat bottom left;
height:50px;
position:relative;
}

.actuLigne{
float:left;
}


/* --- FIN ACCUEIL ---*/
/*--------------------------------------------------------------------------------------------------------*/


/* --- MENU HEADER ---*/

ul#menu_header li a{
text-transform:uppercase;
text-decoration:none;
font-size:85%;
color:#FFFFFF;
font-weight:bold;
}
ul#menu_header li#quatre_communes{
position:absolute;
top:-2px;
left:435px;
width:60px;
height:200px;
background:url(4_communes_inter.gif) left 6px no-repeat;
padding:0px 0px 0px 10px;
}
ul#menu_header li#Gueberschwihr{
position:absolute;
top:92px;
left:23px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
ul#menu_header li#Hattstatt{
position:absolute;
top:92px;
left:148px;
background:url(puce_menu_header_noir.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
 ul#menu_header li#Hattstatt a{
color:#000;
}
ul#menu_header li#Pfaffennheim{
position:absolute;
top:92px;
left:253px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}
ul#menu_header li#Rouffach{
position:absolute;
top:92px;
left:375px;
background:url(puce_menu_header_blanc.gif) left 8px no-repeat;
padding:0px 0px 0px 10px;
}

/*--  FOOTER ACCUEIL --*/
body.contact  #hautpage,
body.contact #imprimpage,
body.bodyaccueil #hautpage,
body.bodyaccueil #imprimpage{
display:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#background{
background:url() repeat-y top center;
width:100%;
float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/

#centrage {
width:960px;
margin: auto;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position:relative;
width: 960px;
float:left;
background:#fff;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
body.bodygenerique #header {
height:235px;
width: 960px;
background:url(bg_header_lien03.jpg) no-repeat center top;
}

#logo{
position:absolute;
top:10px;
left:10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float:left;
width:960px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane{
height: 18px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
font-size: x-small;
color: #000;
}
#filariane a {
color: #000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE LEFT ---*/
#zoneLeft {
}
/*--------------------------------------------------------------------------------------------------------------*/

/* --- INTER HEADING --- */

#inter h2{
color:#6C9E09;
text-transform:uppercase;
clear:both;
}
#inter h3,
#inter h3 a,
#inter h3 span a{
color:#D33313;
text-transform:uppercase;
clear:both;
}
#inter h4{
color:#666;
text-transform:uppercase;
clear:both;
}
#inter h5{
color:#666;
clear:both;
}

/* --- ul body generique --- */

#inter ul {
margin: 10px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
list-style-type:disc;
}
#inter ul ul li {
list-style-type:circle;
}

#inter ul ul ul li {
list-style-type:square;
}

/*--------------------------------------------------------------------------------------------------------------*/
#langues img{
vertical-align:middle;
}
#langues{
font-size:x-small;
padding:10px 0px 0px 15px;
}

#postIt{
position:relative;
top:20px;
right:30px;
width:180px;
margin:0px 0px 20px 0px;
}
#contentPostIt{
background:url(bg_content_postit.gif) bottom center no-repeat;

}
#bgPostIt{
background:url(bg_top_postit.gif) top center no-repeat;
}
#interPostIt{
padding:3px 10px ;
color:#FFFFFF;
}
#contentPostIt h3{
color:#FFFFFF;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN01 ---*/
body.bodylien01 #header {
height:235px;
width: 960px;
background:url(bg_header_lien01.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN2 ---*/
body.bodylien02 #header {
height:235px;
width: 960px;
background:url(bg_header_lien02.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN3 ---*/
body.bodylien03 #header {
height:235px;
width: 960px;
background:url(bg_header_lien03.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN4 ---*/
body.bodylien04 #header {
height:235px;
width: 960px;
background:url(bg_header_lien04.jpg) no-repeat center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LIEN5 ---*/
body.bodylien05 #header {
height:235px;
width: 960px;
background:url(bg_header_lien05.jpg) no-repeat center top;
}

/*--------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #663333;
}
div.coul02, .bleu, .coul02 {
color: #3366CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #CCC;
padding: 3px;
vertical-align: top;
}
th {
background-color: #999999;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color:#D33313;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}

.listeplan01,
.listeplan02,
.listeplan03,
.listeplan04,
.listeplan05{
padding:20px 0px;
border-bottom:#333 1px dotted;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {

}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}