body{
background-color:#e6e6e6;
bbackground-image: url("imFondP.png");
background-position:center;
background-repeat:repeat;
background-position:50% 38px;
}
h1,h2,h3,h4{
color:#002352;
}
p{
font-family:arial,verdana,sherif;
color:#002352;
font-size:12x;
font-weight:normal;
}
TD/*Cellules tableau dans l'agenda*/
{
color:#004455;
font-size:12px;
font-weight:normal;
font-family:arial;
width:10em;
padding-left:5px;
}
.tete /*en-tête pages*/
{
color:#004455;font-size:2.5em;font-weight:bold;font-family:forte;position:relative;left:15%;
}
.point/*largeur de la colonne avec image point d'intérogation dans agenda*/
{
width:3em;
}
.pointArt/*largeur de la colonne avec image point d'intérogation dans grezArts*/
{
width:8%;
text-align:center;
}
.expoArt/*largeur des colonnes "début/fin" dans grezArts*/
{
width:60%;
}
texarea/*dans remarque horeca*/
{
overflow: auto;
}
.texte
{  
margin-top:0em;  
height:auto;min-height:500px;_height: 500px; /* hack uniquement interprété par IE Win pour min height */
overflow: auto; /* Insertion de barres de défilement de la zone texte (si nécessaire) */
font-family:arial,verdana,sherif;
font-size:12px;
text-align:justify;
padding:0 2em 0 2em;
}
.texteVill{  
height:92%;/*93% de hauteur de la zone texte; permet de ne PAS avoir deux barres de défilement sur la page pour tous les navigateurs sauf IE*/
 margin-top:1%; 
overflow: auto; /* Insertion de barres de défilement de la zone texte (si nécessaire) */
font-family:arial,verdana,sherif;
font-size:12px;
text-align:justify;
padding:0 2em 0 2em;
}
.tableau/*Placement tableaux*/
{  
height:67%;/* hauteur de la zone texte; permet de ne PAS avoir deux barres de défilement sur la page pour tous les navigateurs sauf IE*/
/*width:95%;*/
margin-left:3%;
overflow: auto; /* Insertion de barres de défilement si nécessaire */
font-family:arial,verdana,sherif;
font-size:12px;
}
a.menuVillBox1 /*Placement et format box 1 pseudo menu village*/
{
font-family:MS Sans Serif, arial, sans-serif, Verdana;
font-size:12px;
font-weight:bold;
background:#789ABC;
border:1px solid #004455;	
color:#FEB;	
padding:3px;
width:100px;
position: absolute;
top:15px;	
left:47%;
text-decoration:none;
text-align:center;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ABCDEF,endColorStr=#789ABC);
}
a.menuVillBox1:hover /*Placement et format box 1 pseudo menu village au passage souris*/
{
background-color:#BEF;
color:#034;
text-decoration:none;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#2289AA,endColorStr=#ABCDEF);
}
a.menuVillBox2 /*Placement et format box 2 pseudo menu village*/
{
font-family:MS Sans Serif, arial, sans-serif, Verdana;
font-size:12px;
font-weight:bold;
background:#789ABC;
border:1px solid #004455;	
color:#FEB;	
padding:3px;
width:100px;
position: absolute;
top:15px;	
left:60%;
text-decoration:none;
text-align:center;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ABCDEF,endColorStr=#789ABC);
}
a.menuVillBox2:hover /*Placement et format box 2 pseudo menu village au passage souris*/
{
background-color:#BEF;
color:#034;
text-decoration:none;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#2289AA,endColorStr=#ABCDEF);
}
a.menuPatrimBox /*Placement et format box  pseudo menu village dans promenade*/
{
font-family:MS Sans Serif, arial, sans-serif, Verdana;
font-size:12px;
font-weight:bold;
background:#789ABC;
border:1px solid #004455;	
color:#FEB;	
padding:3px;
width:100px;
position: relative;
top:40px;	
left:47%;
text-decoration:none;
text-align:center;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ABCDEF,endColorStr=#789ABC);
}
a.menuPatrimBox:hover /*Placement et format box  pseudo menu village dans promenade au passage souris*/
{
background-color:#BEF;
color:#034;
text-decoration:none;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#2289AA,endColorStr=#ABCDEF);
}
a.menuPatrimBox /*Placement et format box  pseudo menu village dans promenade*/
{
font-family:MS Sans Serif, arial, sans-serif, Verdana;
font-size:12px;
font-weight:bold;
background:#789ABC;
border:1px solid #004455;	
color:#FEB;	
padding:3px;
width:100px;
position: relative;
top:30px;	
left:47%;
text-decoration:none;
text-align:center;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ABCDEF,endColorStr=#789ABC);
}
a.print/*Placement de l'image print dans promenade*/
{
position: relative;
left: 75%;
top: 40px;
}
.planVillage/*Placement plan village*/
{
width:50%;
height:70%;
position: absolute;
left: 18%;
top: 10%;
}
.imgVillage/*Placement image dans plan village*/
{
width:175px;
height:131px;
position: absolute;
left:13%;
top:3%;
}
.nomVillage/*placement et formatage nom du village dans plan village*/
{
position:absolute;
top:3%;
left:33%;
font-weight:bold;
font-family:MS Sans Serif;
font-size:large;
color:#004455;
/*margin-left:28%*/
}
.imCentrale/*placement image centrale acceuil*/
{
position:absolute;
top: 51%;
left:44%;
}
.imGauche/*placement image gauche acceuil*/
{
position: absolute;
left:19%;
top:20%;
width: 175px; 
height: 131px;
}
.imDroite/*placement image droite acceuil*/
{
position: absolute;
left:78%;
top:23%;
width: 100px; 
height: 131px;
}
.imFlotante/*Format des images dans textes pour que texte se place autour de l'image (ex promenades)*/
{
float:left;
padding-right:10px;
}

.boxTexteGauche/*Format du cadre texte gauche accueil*/
{
width:160;
height:150;
padding:5;
position: absolute;
left: 18%;
top: 60%;
border-width:1px;
border-style:solid;
text-align:center;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#660000;
background:"";
background-image: url("");
border-color:#004455;
}
.boxTexteDroit/*Format du cadre texte droit accueil*/
{
width:160;
height:150;
padding:5;
position: absolute;
left:74%;
top: 60%;
border-width:1px;
border-style:solid;
text-align:center;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#660000;
background:"";
background-image: url("");
border-color:#004455;
}
.boxTexteArt/*Format du cadre texte */
{
width:70%;
height:10%;
padding:5;
position: absolute;
left: 15%;
top: 12%;
border-width:1px;
border-style:solid;
text-align:center;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#660000;
background:"";
background-image: url("");
border:none;
}
.logoArt
{
position:absolute;
top:3%;
left:14%;
border:solid;
border-width:1px; 

}
.titreArt
{
font-size:large;
font-weight:bold;
font-family:arial;
color:#002352;
position:absolute;
left:50%;
top:25%;
}
.agenda  /*Positionnement du fond "parchemin" agenda*/
{  
background-image: url("../image/agenda/carnet.png");
background-repeat:no-repeat;
background-attachment:scroll;
position: absolute;
left:90px;
top:0%;
height:100%;
width:102%;
overflow: auto; /* Insertion de barres de défilement si nécessaire */
}
.agendaTitre{
background-image: url("../image/agenda/agendaTitre.png");
position: absolute;
left:200px;
width:300px;
height:80px;
top: 0%;
color:#3f3f3f;
font-family:comic Sans MS;
font-size:30px;
font-weight:bold;
}
.agendaTexte /*zone d'affichage du texte*/
{
position: absolute;
left:150px;
margin-top:5%;
font-family:comic Sans MS;
font-size:10px;
width:80%;
overflow: auto; /* Insertion de barres de défilement si nécessaire */
}
.intitule/*Cellules tableaux ligne libellé*/
{
background:"";
color:black;
font-size:12px;
font-weight:normal;
font-style:italic;
font-family:arial;
padding-left:5px;
}
.intituleLocCom/*Cellules tableaux ligne libellé*/
{
background:"";
color:black;
font-size:12px;
font-weight:normal;
font-style:italic;
font-family:arial;
width:14%;/*la largeur est déterminée une seule fois pour toute la colonne*/
padding-left:5px;
}
.intituleDetail/*Cellules tableaux ligne libellé colonne largeur réduite*/
{
color:black;
font-style:italic;
font-size:12px;
font-family:arial;
width:14%;/*la largeur est déterminée une seule fois pour toute la colonne*/
padding-left:5px;
text-align:center;
}
.Detail/*Cellules tableaux ligne contenu colonne largeur réduite*/
{
color:#004455;
font-size:12px;
font-family:arial;
padding-left:5px;
text-align:center;
}
.boxjava /*Boîte message pas acceptation javascript dans page acceuil*/
{
position:absolute;
top: 5%;
left:25%;
color:#002352;
font-size:12x;
font-weight:normal;
padding:5px;
border:1px solid #004455;
}
a{font-size:12px;}
a:hover{color:#ed1e07;text-decoration:none;}

.document a/*format page d'accueil du texte d'annonce des documents disponibles*/
{
color:#004455;
font-size:12px;
font-weight:bold;
font-family:arial;
}
.document a:hover /*idem que "document" mais au passage souris*/
{
background:#004455;
color:#e5edf9;
font-size:12px;
font-family:arial;
font-weight:normal;
border:1px solid #EFB;
padding:5px;
text-decoration:none;
}
.banFr/*Format bannière "accueil" français*/
{
margin-top:1em;
margin-left:0%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banniereFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}  
.banNl/*Format bannière "accueil" neerlandais*/
{
margin-top:1em;
margin-left:0%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banniereNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
}  
.banEn/*Format bannière "accueil" anglais*/
{
margin-top:1em;
margin-left:0%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banniereEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
}  
.BanPromFr/*Format bannière "promenades" français*/
{
margin-top:0em;
margin-left:0%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/bannierePromFr.png");
background-repeat:no-repeat;
}  
.BanPromNl/*Format bannière "promenades" nederlands*/
{
margin-top:0em;
margin-left:0%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/bannierePromNl.png");
background-repeat:no-repeat;
}
.BanPromEn/*Format bannière "promenades" english*/
{
margin-top:0em;
margin-left:0%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/bannierePromEn.png");
background-repeat:no-repeat;
}    
.banHorecaFr/*Format bannière "horeca" français*/
{
margin-top:0px;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banHorecaFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}  
.banHorecaNl/*Format bannière "horeca" nederlands*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banHorecaNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
}  
.banHorecaEn/*Format bannière "horeca" english*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banHorecaEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banDocFr/*Format bannière "document" français*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banDocFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}  
.banDocNl/*Format bannière "document" nederlandss*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banDocNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
} 
.banDocEn/*Format bannière "document" english*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banDocEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
} 
.banCommerceFr/*Format bannière "commerce" français*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banCommerceFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}  
.banCommerceEn/*Format bannière "commerce" english*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banCommerceEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
} 
.banCommerceNl/*Format bannière "commerce" nederlands*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:20px;
background-image: url("../banniere/banCommerceNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
} 
.banLienFr/*Format bannière "Liens" français*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banLienFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banLienNl/*Format bannière "Liens" nederlands*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banLienNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banLienEn/*Format bannière "Liens" englishs*/
{
margin-top:1em;
margin-left:3%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banLienEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banPecheFr/*Format bannière "pêche" français*/
{
margin-top:1em;
margin-left:13%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banPecheFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banPecheNl/*Format bannière "pêche" nederlands*/
{
margin-top:1em;
margin-left:13%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banPecheNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banPecheEn/*Format bannière "pêche" english*/
{
margin-top:1em;
margin-left:13%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banPecheEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banRandFr/*Format bannière "randonnées" français*/
{
margin-top:1em;
margin-left:15%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banRandFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banRandNl/*Format bannière "randonnées" nederlands*/
{
margin-top:1em;
margin-left:15%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banRandNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banRandEn/*Format bannière "randonnées" english*/
{
margin-top:1em;
margin-left:15%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banRandEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banVeloFr/*Format bannière "cyclisme" français*/
{
margin-top:1em;
margin-left:15%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banVeloFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banVeloNl
{
margin-top:1em;
margin-left:15%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banVeloNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banVeloEn
{
margin-top:1em;
margin-left:15%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banVeloEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banEquestreFr/*Format bannière "centres équestres" français*/
{
margin-top:1em;
margin-left:9%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banEquestreFr.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banEquestreNl
{
margin-top:1em;
margin-left:9%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banEquestreNl.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.banEquestreEn
{
margin-top:1em;
margin-left:9%;
width:100%;
height:80px; 
margin-bottom:0px;
background-image: url("../banniere/banEquestreEn.png");
background-repeat:no-repeat;
background-attachment:scroll;
}
.fleche a { /* aspect du lien dans le site */
background: image/art/flecheDroite.png; /* ce sera l'image de départ*/
}	
.fleche a:hover { /* image du lien survolé */
background: image/art/fleche.png; /* l'image au survol  du lien*/
padding: 3px;
}
.horecaDet
{
width:15%;
}
.horecaDetTxt
{
color:#004455;
font-weight:normal;
border: 1px solid #004455;
background-color:white;
width:50%;
empty-cells:show;
}