/* CSS Document */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e9d3ab;
	height: 100%;
	margin: 0;
	}
	
.listeelu td { padding-top: 10px } 


.listeelu strong {
	color: #810505;
} 

#conteneursite {
	position: relative;
	width: 1050px;
	float: left;
	top: 0px;
	margin-left: -512px;
	left: 50%;
}
#sommieres_bandeau {
	background-image: url(images2/sommieres_bandeau.jpg);
	float: left;
	height: 164px;
	width: 414px;
}
#img_bandeau {
	float: left;
	height: 164px;
	width: 610px;
	background-image: url(images2/bandeau_img.jpg);
}

#menu_haut {
	float: left;
	height: 32px;
	width: 1024px;
	position: relative;
	z-index: 80000;
}

#menu_haut a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#menu_haut a:hover {
	text-decoration: none;
}


#menu_gauche {
	float: left;
	width: 245px;
	position: relative;
	background-image: url(images2/fond_sommaireG.jpg);
	background-repeat: repeat-y;
}

#menu_gauche a:hover{
	text-decoration: underline;	
}


#conteneur_index {
	height: 806px;
	width: 1024px;
	margin-left: -512px;
	position: absolute;
	left: 50%;
	top: 0px;
	background-image: url(images2/fond_index2.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
}


#actu {
	height: 34px;
	width: 226px;
	position: relative;
	float: left;
	left: 67px;

}

#img_index {
	float: left;
	height: 377px;
	width: 525px;
	position: absolute;
	z-index: 2000;
	left: 500px;
	top: 220px;
}



#conteneur_actu {
	height: 315px;
	width: 460px;
	top: 280px;
	left:17px;
	position: absolute;
}

#conteneur_actu a{
	text-decoration: none;
}

#conteneur_actu a:hover{
	text-decoration: underline;
}

.titre_actu {
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;

}


.titre_actu a{
	color:#FFFFFF;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.actu_resume {
	color:white;
	float:left;
	font-size:15;
	font-weight: bold;
	padding-left:2px;
	padding-right:2px;
	margin-top: 10px;
}

.vignet{
border:0 none;
float:left;
padding-left:px;
padding-right:5px;
padding-top:5px;
}


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


.calque {
visibility:visible;
}

.calqueF2{
visibility:hidden;
}


#menu_index2{
	height: 33px;
	background-color: #00FF00;
}



#menu_index {
	height: 33px;
	width: 1024px;
	float: left;
	top: 188px;
	position: absolute;
	z-index:3000;
	background-image: url(images2/menu.jpg);
	background-repeat: no-repeat;
}

#menu_index dl {
float:left;
text-align:left;
}


#menu_index a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#menu_index a:hover{
	text-decoration: underline;
}

#Act_btn {
	float: left;
	width: 168px;
	height: 25px;
	padding-top: 8px;
	margin:0px;
	/*background-image: url(images2/actu.jpg);*/
	text-align: center;
	background-repeat: no-repeat;
}

#Act_btn2 {
	float: left;
	width: 168px;
	height: 25px;	
	padding-top: 8px;
	margin:0px;
	background-image: url(images2/actu.jpg);
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	z-index: 5000;
	top: 0px;
	
}


#Mai_btn {
	height: 25px;
	width: 172px;
	margin:0px;
	float: left;
	/*background-image: url(images2/menu_mairie.jpg);*/
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 8px;
}


#Mai_btn2 {
	height: 25px;
	width: 172px;
	margin:0px;
	float: left;
	background-image: url(images2/menu_mairie2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	z-index: 5000;
	padding-top: 8px;
	top: 0px;
}


#Pra_btn {
	height: 25px;
	width: 172px;
	margin:0px;
	float: left;
	/*background-image: url(images2/menu_pratique.jpg);*/
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 8px;
}


#Pra_btn2 {
    margin:0px;
	float: left;
	height: 25px;	
	padding-top: 8px;
	width: 172px;
	background-image: url(images2/menu_pratique2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	z-index: 5000;
	top: 0px;
}

#Cul_btn {
	height: 25px;	
	padding-top: 8px;
    margin:0px;
	float: left;
	width: 172px;
	/*background-image: url(images2/menu_culture.jpg);*/
	background-repeat: no-repeat;
	text-align: center;

}


#Cul_btn2 {
	height: 25px;	
	padding-top: 8px;
    margin:0px;
	float: left;
	width: 172px;
	background-image: url(images2/menu_culture2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	z-index: 5000;
	top: 0px;
}



#Enf_btn {
	height: 25px;	
	padding-top: 8px;
    margin:0px;
	float: left;
	width: 172px;
	/*background-image: url(images2/menu_enfance.jpg);*/
	background-repeat: no-repeat;
	text-align: center;
	
}


#Enf_btn2 {
	height: 25px;	
	padding-top: 8px;
    margin:0px;
	float: left;
	width: 172px;
	background-image: url(images2/menu_enfance2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	z-index: 5000;
	top: 0px;
}

#Tou_btn {
	height: 25px;	
	padding-top: 8px;
    margin:0px;
	float: left;
	width: 168px;
	/*background-image: url(images2/menu_tourisme.jpg);*/
	background-repeat: no-repeat;
	text-align: center;

}


#Tou_btn2 {
	height: 25px;	
	padding-top: 8px;
    margin:0px;
	float: left;
	width: 168px;
	background-image: url(images2/menu_tourisme2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	text-align: center;
	z-index: 5000;
	top: 0px;
}


#c14406{
	margin-left: 10px;
}


#tarub {
	width: 170px;
	position: absolute;
	z-index: 99999;
}

#tarub a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: 10px;
	margin-left: 5px;
}

#tarub a:hover{
	text-decoration: underline;
}

#bas_men{
	width: 170px;
	float: left;
	position: relative;

}

#haut_men{
	width: 170px;
	float: left;
	position: relative;
}

#Act_onglet_milieu{
	width: 170px;
	float: left;
	position: relative;
	background-image: url(images2/Act_onglet_milieu.jpg);
	background-repeat: repeat-y;
}

#Mai_onglet_milieu{
	width: 170px;
	float: left;
	position: relative;
	background-image: url(images2/Mai_onglet_milieu.jpg);
	background-repeat: repeat-y;
}

#Pra_onglet_milieu{
	width: 170px;
	float: left;
	position: relative;
	background-image: url(images2/Pra_onglet_milieu.jpg);
	background-repeat: repeat-y;
}

#Cul_onglet_milieu{
	width: 170px;
	float: left;
	position: relative;
	background-image: url(images2/Cul_onglet_milieu.jpg);
	background-repeat: repeat-y;
}

#Enf_onglet_milieu{
	width: 170px;
	float: left;
	position: relative;
	background-image: url(images2/Enf_onglet_milieu.jpg);
	background-repeat: repeat-y;
}

#Tou_onglet_milieu{
	width: 170px;
	float: left;
	position: relative;
	background-image: url(images2/Tou_onglet_milieu.jpg);
	background-repeat: repeat-y;
}

/*-------------------------------------CALENDRIER---------------------------------------------*/


#calendrier {
	background-image: url(images2/fond_calendrier.jpg);
	float: left;
	height: 178px;
	width: 228px;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 20px;
	padding-left: 16px;
}


.calsemaine {
	background-color:#810505;
	border-bottom:1px solid #646464;
	border-top:1px solid #C5F7EC;
	color:#FFFFFF;
	font-weight:bold;
	height:18px;
	padding-bottom:1px;
	padding-top:1px;
}

.calendrier {
	border-collapse:collapse;
	color:#616163;
	font-size:0.9em;
	font-weight:bold;
}


.CalJourManif a:hover {
	background-color:#810505;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:1px;
	padding-top:1px;
}

.CalJourManif a {
	background-color:#810505;
	border:0 none;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:1px;
	padding-top:1px;
	text-decoration:none;
}

.CalJourManif {
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:1px;
	padding-top:1px;
}

.calMois {
	font-size:1em; 
	font-weight:bold; 
	color:#616163; 
}

.decal { 
	padding-left: 0px; 
}

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

#image_haut {
	float: left;
	height: 112px;
	width: 743px;
	position: relative;
	background-image: url(images2/bandeau1.jpg);
	left: 171px;
	background-repeat: no-repeat;
}

#bandeau_gauche {
	float: left;
	width: 280px;
	position: relative;
}

#rubrique_bandeauG {
	float: left;
	height: 69px;
	width: 280px;
	position: relative;
	background-image: url(image2/font_rubrique_bandeauG.jpg);
	text-indent: 55px;
}


#contenu_rubrique_bandeauG {
	float: left;
	height: 149px;
	width: 280px;
	position: relative;
	background-image: url(image2/contenu_rubrique_bandeauG.jpg);
	text-indent: 55px;
}


#conteneur {
	float: left;
	position: relative;
	width: 1024px;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-image: url(images2/fond_contenu.jpg);
}


#contenu_D {
	float: left;
	position: relative;
	width: 760px;
	_margin-left:-15px;
	z-index: 10;
	left: 5px;
}
#imgfond {
	position: absolute;
	z-index: 1;
	left: 250px;
}


#contenu_D_map {
	float: left;
	position: relative;
	width: 750px;
	z-index: 10;
	background-image: url(images2/fond_contenuD.jpg);
	background-repeat: repeat-y;
	padding-left: 15px;
}

.contenu {
	top: 50px;
	left: 15px;
	width: 700px;
	padding-bottom:10px;
}

#TitrePage{
	width: 360px;
	margin-left: -190px;
	font-size: 1.2em;
	font-weight: bold;
	height: 30px;
	position: relative;
	float: left ;
	z-index:7;
}

#outils {
	float: left;
	height: 24px;
	width: 200px;
	position: relative;
	left: 570px;
	z-index:6;
}


.class_660b0a {color: #660b0a;}
.class_660b0a a {color: #660b0a;}
.class_793a0f {color: #793a0f;}
.class_793a0f a {color: #793a0f;}
.class_1d547a {color: #1d547a;}
.class_1d547a a {color: #1d547a;}
.class_454e00 {color: #454e00;}
.class_454e00 a {color: #454e00;}
.class_006668 {color: #006668;}
.class_006668 a {color: #006668;}
.class_7f2e41 {color: #7f2e41;}
.class_7f2e41 a {color: #7f2e41;}

._menu {
	background-image: url(images2/Act_menu.jpg);
	background-repeat: no-repeat;
}

.Act_menu {
	background-image: url(images2/Act_menu.jpg);
	background-repeat: no-repeat;
}
.Mai_menu {
	background-image: url(images2/Mai_menu.jpg);
	background-repeat: no-repeat;
}
.Pra_menu {
	background-image: url(images2/Pra_menu.jpg);
	background-repeat: no-repeat;
}
.Cul_menu {
	background-image: url(images2/Cul_menu.jpg);
	background-repeat: no-repeat;
}
.Enf_menu {
	background-image: url(images2/Enf_menu.jpg);
	background-repeat: no-repeat;
}
.Tou_menu {
	background-image: url(images2/Tou_menu.jpg);
	background-repeat: no-repeat;
}

.LiMenuCalc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-indent: 11px;
	text-decoration: none;
	font-weight: bold;
}


.lienniv2 {
	padding-right:20px;
	list-style-type: none;
	font-size: 12px;
	color:#B08E40;
	font-weight: bolder;
	text-decoration: none;
}

.lienoverniv2_660b0a {
	font-size: 13px;
	text-decoration: underline;
	font-weight:bold;
	color:#660b0a;
}

.lienoverniv2_793a0f {
	font-size: 13px;
	text-decoration: underline;
	font-weight:bold;
	color:#793a0f;
}

.lienoverniv2_1d547a {
	font-size: 13px;
	text-decoration: underline;
	font-weight:bold;
	color:#1d547a;
}

.lienoverniv2_454e00 {
	font-size: 13px;
	text-decoration: underline;
	font-weight:bold;
	color:#454e00;
}

.lienoverniv2_006668 {
	font-size: 13px;
	text-decoration: underline;
	font-weight:bold;
	color:#006668;
}

.lienoverniv2_7f2e41 {
	font-size: 13px;
	text-decoration: underline;
	font-weight:bold;
	color:#7f2e41;
}

.lien { color:#B08E40; text-decoration: none;}
.lienover {text-decoration: underline; color:#B08E40;}



.niv2g_660b0a {
	list-style-type: none;
	list-style-image: url(images2/puce_actu.gif);
	padding-bottom:10px;
	padding-right:2px;
}

.niv2g_793a0f {
	list-style-type: none;
	list-style-image: url(images2/puce_mairie.gif);
	padding-bottom:10px;
	padding-right:2px;
}

.niv2g_1d547a {
	list-style-type: none;
	list-style-image: url(images2/puce_pratique.gif);
	padding-bottom:10px;
	padding-right:2px;
}

.niv2g_454e00 {
	list-style-type: none;
	list-style-image: url(images2/puce_culture.gif);
	padding-bottom:10px;
	padding-right:2px;
}

.niv2g_006668 {
	list-style-type: none;
	list-style-image: url(images2/puce_enfance.gif);
	padding-bottom:10px;
	padding-right:2px;
}
#lang_btn {
	position: relative;
	width: 123px;
	top: 17px;
	float: right;
}
.lang_btn {
	margin: 7px;
}


.niv2g_7f2e41 {
	list-style-type: none;
	list-style-image: url(images2/puce_tourisme.gif);
	padding-bottom:5px;
	padding-right:2px;
}



.niv3g {
	list-style-type: none;
	list-style-image: url(images2/puce_actu.gif);
	padding-right:2px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:5px;
}

.sommaire {
padding-left:10px;
}

#invarD{
	float: left;
	position: relative;
	width: 250px;
}

#invarD img{
padding-right:5px;
}

#menu_invarD{
	background-image: url(images2/fond_invarD.jpg);
	line-height: 13px;
	float: left;
	width:245px;
	position: relative;
	background-repeat: repeat-y;
}
#rechercher {
	background-image: url(images2/fond_rechercher.jpg);
	float: left;
	width: 198px;
	padding-left: 47px;
	height: 29px;
	padding-top: 20px;
}


#invarD a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#invarD a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.Titrecontenu{
	font-size: 14px;
	padding-left:8px;
	font-weight: bold;
	color: #723307;
	text-decoration: underline;
}

.sousInvar{
	margin-left: 0px;
	padding-left: 0px;
	top: 0px;
	line-height:11px;
	font-size: 11px;
}

.sousInvar a:hover{
	margin-left: 0px;
	padding-left: 0px;
	top: 0px;
	line-height:11px;
	font-size: 10px;
}


.blcdroit {
	color:#FFFFFF;
	text-indent: 15px;
	margin-bottom: 5px;
}


/* ================== Navigation =================== */

#navig {
	float: left;
	position: relative;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	width: 775px;
	height: 42px;
	left:3px;
	background-image: url(images2/navig.jpg);
	padding-top: 15px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	z-index:5;
}




* html #navig {
	float: left;
	position: relative;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	width: 760px;
	height: 42px;
	left:-12px;
	background-image: url(images2/navig.jpg);
	padding-top: 15px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	z-index:5;
}

#txt_navig {
	padding-left: 10px;
}

#txt_navig a {
	text-decoration: none;
	color: #FFFFFF;
}
#txt_navig a:hover {
	color: #FFFFFF;
}

/* ==================== Navigation ===================== */

#contenu_menuG {
	width: 230px;
	position: relative;
	margin-top: 10px;
	float: left;
}

#contenu_invarG {
	float: left;
	height: 200px;
	width: 210px;
	position: relative;
	left: 25px;
}
#titre_invarD {
	background-image: url(images2/fond_titre_invar.jpg);
	float: left;
	height: 39px;
	width: 247px;
	background-repeat: no-repeat;
}


#img_titre_menuG{
	float: left;
	width: 245px;
	position: relative;
	height: 42px;
}

#titre_menuG{
	float: left;
	width: 235px;
	height: 47px;
	position: relative;
	color: #FFFFFF;
	font-weight: bold;
	top: -34px;
	padding-left: 25px;
	font-size: 13px;
}


#pied_index {
	height: 19px;
	width: 1024px;
	float: left;
	top: 602px;
	position: absolute;
	text-align: center;
}

#pied_index a {
	color: #685735;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
}

#pied_index a:hover {
	text-decoration: underline;
}

#pied {
	height: 36px;
	width: 654px;
	float: left;
	background-image: url(images2/fond_pied.jpg);
	position: relative;
	padding-top: 15px;
	padding-left: 370px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#pied a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#pied a:hover {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}


#recherche_index {
	height: 19px;
	width: 150px;
	float: left;
	top: 634px;
	position: absolute;
	left: 800px;
}

/* recherche  */
.recherche {display:inline;}
.rech {width:110px; height: 16px; border:0px solid #b2b4bf; font-size:x-small; color:black}
#submit {height:21px; padding-left: 2px}
.input_text {float: left; margin-top: 2px}
.input_button {float: left; padding-top: 1px}



.listerecherche .titre {color: #3282ba!important}
.listerecherche .contact a {color: #3282ba !important}
.listerecherche .contact a:hover {color: #3282ba !important}