body{/*
font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:Comic sans MS, 'Bitstream Vera Sans';
color:#333399;
font-size:12px;
}

a img{
border:none;
}

li{
list-style-image:url(tulipe.gif);
color:#00004f;
}

h1{
background-image:url(fontitre.gif);
background-position:bottom left;
background-repeat:no-repeat;
text-align:left;
text-indent:20px;
}

p.paragraphe {
text-indent:30px;
line-height:20px;
font-family:Comic sans MS, 'Bitstream Vera Sans';
color:#333399;
}

h2 a{
text-decoration:none;
}

pre,table{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333399;
font-size:12px;
/*width:98%;*/
}

/* Styles pour décorer les tableaux de differentes rubriques*/
.tableau_deco th{
background-image:url(fond_tab.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#d7e2ec;
}

.tableau_ec th{
background-image:url(fon_tab2.gif);
background-position:center bottom;
background-repeat:no-repeat;
background-color:#d7e2ec;
}

.tableau_contact{
width:100%;
}
.tableau_contact td{
padding:15px;
text-align:center;
margin:20px;
}

/* bloc de la rubrique temps forts*/
#tempsforts{
font-size:large;
}

/*		positionnement de la grosse strucure du site(menu,contenu) 		*/

#site{
position:absolute;
top:105px;
left:220px;
width:75%;
min-width:800px;
}

/*		news 	de la page d'acceuil	*/

#news{
width:47%;
/* position:absolute;  
right:6px;  */
float: right;
}

/*Div 1 de l'accueil*/
#accueil1{
width:47%;


}
/*Div 2 de l'accueil*/
#accueil2{
width:47%;

}


/*		menu 		*/

#menu{
position:absolute;
top:0px;
left:-60px;
/* width:100%;   */
z-index:1;
min-width:820px;
}


.lienMenu{
margin-left:2%;
text-decoration:none;
color:#FFFFFF;
font-family:verdana;
font-size:14px;
font-weight:700;
}

/*		sous-menus 		*/

.smenuDiv{
position:absolute;
background-color:#8FAFD5;
top:20px;
display:none;
visibility:hidden;
text-align:left;
z-index:1;
/* width:23%;*/
}

.lienSmenu{
text-decoration:none;
color:#FFFFFF;
font-family:verdana;
font-size:13px;
font-weight:700;
}

.lienSmenu:hover{
text-decoration:none;
color:#333399;
font-family:verdana;
font-size:13px;
font-weight:700;
}

/*Style du chemin de la page en dessous du menu*/
#chemin{
position:absolute;
top:25px;

}

#chemin span{
font-weight:bold;
color:#006633;
}


/*		contenu 		*/

.lienSatallite{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000099;
font-weight:bold;
text-decoration:underline;
}

.floatright , .fr{
float:right;
margin-left:5px;

}

.fl{
float:left;
margin-right:5px;
}
.encart350fr{
float:right;
margin-right:5px;
width:350px;
border :1px solid #000099;
margin:3px;
padding:6px;
}
.encart400fr{
float:right;
margin-right:5px;
width:420px;
border :1px solid #000099;
margin:3px;
padding:6px;
}
.clear{
clear:both;
}

/* Div du contenu de chaque page*/
#contenu{
position:absolute;
top:61px;
left:1px;
width:100%;
/*overflow:auto; probleme de barre de défilement quand activé*/
text-align:left;
}

.titre{
font-family:verdana;
color:#000066;
font-size:13px;
font-weight:bold;
text-decoration:underline;
}

.lienContenu{
margin-left:5%;
text-decoration:none;
color:#339966;
font-family:verdana;
font-size:13px;
font-weight:700;
}

.lienContenu:hover{
margin-left:5%;
text-decoration:none;
color:#006633;
font-family:verdana;
font-size:13px;
font-weight:700;
}

.lien{
text-decoration:none;
color:#FFFFFF;
font-family:verdana;
font-size:14px;
font-weight:700;
}

/*		administration 		*/

.lienAdmin{
color:#000000;
font-family:verdana;
font-size:14px;
font-weight:700;
text-decoration:underline;
}



/* titre mairie d'hermillon en dessous du menu  */

#hermillon{
position:absolute;
right:0px;
top:15px;
/*float:right;*/
width:200px;
height:14px;
font-size:11px;
font-weight:bolder;
color:#99b7cc;
margin: 115px 0px 0px 0px;
}


/* Style dans l'agenda du texte correspondant au moi déja selectionné*/
.moiCourrant{
text-decoration:none;
font-weight:bold;
}

/* Style pour les cases du tableau d'historique des conseils*/
.case{
font-weight:bold;
}

/* Style pour la div de pied de page */
#piedPage{
text-align:center;
}

#piedPage a{
text-decoration:none;
color:#339966;
font-family:verdana;
font-size:13px;
font-weight:700;
}

#piedPage a:hover{
color:#006633;
}

#meteo{
position:absolute;
/*float:right;*/
right:10px;
top:50px;
/*width:300px;
background:red;*/
}
#liensSite{
position:absolute;
/*float:right;*/
right:110px;
top:50px;
/*width:300px;
background:red;*/
}

/* STYLES POUR L'AGENDA */

/* Style du calendrier*/
#agenda th{
background-color:#000000;
color:#FFFFFF;
}
#agenda td{
text-align:center;
}

/*style correspondant aux cases et aux textes d'un jour avec un evenement dans l'agenda*/
.evenement{
background-color:#CC6699;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}

/*Style du tableau descriptif d'evenement*/

.dateEv{
-moz-border-radius-topleft : 12px;
-moz-border-radius-topright : 12px;
}
.titreEv{
-moz-border-radius-topleft : 12px;
-moz-border-radius-topright : 12px;
}

.detailEv{
-moz-border-radius-bottomleft : 12px;
-moz-border-radius-bottomright : 12px;
text-align:center;
}


/*Style de la case avec le jour courrant*/
#jcourrant{
border:solid;
font-weight:bold;
border-color:#000000;
}
/* modifAb050916 pour cacher le lien canyoning */ 
#cache{
display:none;
}

/* validation CSS*/
#logo_css{
position:absolute;
left:0px;
bottom:0px;
}
.cb{
clear:both;
}