/* CSS Document */

html, body { width:100%; }

BODY { 
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 11px;
color: #333333;
background-color: #333333;
margin:0;
padding:0;
background-image:url(../images/test_fd.gif);
background-repeat:repeat-y;
background-position:50%;
}

#filtreGris {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
	z-index:1;
}

.left_hachures {
background-image:url(../images/left_hachures.gif);
background-repeat:repeat-y;
background-position:top right;
}

.right_hachures {
background-image:url(../images/right_hachures.gif);
background-repeat:repeat-y;
}

/* Containers  */

.general_conteneur {
width: 750px;
margin:auto;
background-color:#FFFFFF;
}

.filfinfos {
width: 100%;
height: 25px;
overflow:hidden;
background-image:url(../images/fd_filinfos.gif);
background-repeat:no-repeat;
padding-top:7px;
color:#96C3D0;
font-weight:bold;
}

.fond_menu {
width:188px;
height:auto;
background-image:url(../images/fond_gauche.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}


.top_menu_erstein {
width: 946px;
height:75px;
background-image:url(../images/fond_contenu.gif);
background-repeat: repeat-y;
}

.menu_erstein {
width: 240px;
height:auto;
float:left;
height:auto;
margin-top:10px;
}

.contenu_pages {
width:auto;
margin: 0px;
margin-left: 260px;
text-align:justify;
margin-right:20px;
}

.footer_erstein {
width:auto;
height:52px;
background-image:url(../images/fond_footer.gif);
background-repeat: repeat-y;
font-size:1em;
clear:both;
text-align:center;
padding-top:10px;
border-top:1px solid #A5CBE2;
}

.trailer_erstein {
width: 100%;
height:25px;
background-image:url(../images/fond_trailer.gif);
background-repeat: repeat-y;
line-height:22px;
overflow: hidden;
color:#666666;
font-size:0.9em;
font-weight:bold;
}

a.trailer_erstein:link, a.trailer_erstein:visited {
color:#333333;
text-decoration:none;
}

.home_search {
width:100%;
background-image:url(../images/zone_recherche.gif);
background-repeat:no-repeat;
margin-top:5px;
margin:auto;
padding-top:12px;
text-align:center;
overflow:hidden;
}




.spacer {
  display:block;
  clear: both;
  height:2px;
  line-height:2px;
}


ul.Linkactus_new, li.Linkactus_new {
	padding:0px;
	margin-left:9px;
	margin-right:0px;
	text-align:left;
	list-style-type: none;
	}
	
.Linkactus_new li {
	padding-bottom:1px;
}

.Linkactus_new A, .Linkactus_new A:link, .Linkactus_new A:active, .Linkactus_new A:visited {
	color: #333333;
	text-decoration: none;
	height:18px;
	line-height: 20px;
	padding:0px;
	padding-top: 4px;	
	padding-bottom: 4px;
	background-color:none;
	background-repeat: no-repeat;
	width:170px;
	opacity:0.75;
	filter:alpha(opacity=75);
	display: block;
}

.visibility {
opacity: 1;
filter:alpha(opacity=100);
width:	35px;
}


.Linkactus_new A:hover {
	background-color:none;
	color: #000000;
	text-decoration: none;
	display: block;
	opacity:1;
	filter:alpha(opacity=100);
}

/* CSS Menus */

.titre_menu {
margin-top:10px;
color:#67B03B;
font-size:1em;
text-align:center;
line-height: 16px;
border-bottom: 1px solid #eeeeee;
background-color:#Ffffff;
}

ul.LinkList, li.LinkList {
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	list-style-type: none;
	display: block;
	width:auto;
}
.LinkList li {
	width: auto;
	display: block;
	margin-bottom:1px;
		
}
.LinkList li:hover {
    display: block;
}

.LinkList A, .LinkList A:link, .LinkList A:active, .LinkList A:visited {
	color: #535353;
	text-decoration: none;
	display: block;
	/*
	height:18px;
	*/
	line-height: 18px;
	padding-top: 0px;	
	padding-left: 20px;
	background-image: url('../images/fd_linklist_new.gif');
	background-repeat: no-repeat;
	opacity: 0.75;
    filter:alpha(opacity=75);
	width:145px;
}

.LinkList A:hover {
	background-image: url('../images/fd_linklist_over.gif');
	background-repeat: no-repeat;
	color: #000000;
	text-decoration: none;
	display: block;
	opacity: 1;
    filter:alpha(opacity=100);
}

.menu_de_gauche {
	width:187px;
	height:100%;
	border-right:1px solid #e4e4e4;
	margin:0px;
	padding:0px;
	margin-top:-11px;
	padding-top:11px;
	padding-bottom:11px;
}

/** styles formulaire **/

.input_home {
	border:1px solid #B9C7D4;
	background-color: #ffffff;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color:#62ACD0;
	padding: 0px;
	padding-left:3px;
	padding-right:3px;
	width: 125px;;
	height:16px;
	margin-left:9px;
	margin-right:9px;
	margin-top:10px;
	float:left;
}

.bouton_ok {
	margin-top:7px;
}
.input_form {
	border:1px solid #CEDCEB;
	background-color: #f8f8f8;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color:#F6821F;
	padding: 3px;
	opacity: 0.75;
    filter:alpha(opacity=75);
}

.input_bleu {
	padding: 8px;
	border:1px solid #FFBC75;
	background-color: #FFFFD5;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color : #D93C3C;
}

/** styles contenu du site**/

.TitreMenu {

  display: block;
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight: normal;
  color: #67B03B;
  text-align:center;
  margin-bottom:-10px;

}

.TitreMenu_accesdirect {

  display: block;
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight: normal;
  color: #ED5FAA;
  text-align:center;
  margin-bottom:-10px;

}

.TitrePage {

  display: block;
  font-family:Arial, Helvetica, sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 1.5em;
  border-bottom: 1px solid #f1f2f3;
  margin-bottom: 10px;
  font-weight: bolder;
  color: #C68450;
  margin-bottom:20px;

}

.titre_actu {

  display: block;
  background-color: #C6D4E3;
  padding: 2px;
  text-indent: 5px;
  font-size: 1.2em;
  font-weight: bolder;
  font-weight: bolder;
  color: #ffffff;
  height:15px;
  line-height:15px;
  margin-bottom:10px;
  margin-top:20px;

}

hr {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
	height: 1px;
	background-color: #E8E8E8;
	color: #E8E8E8;	
	
}



.resume_actus {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal; font-size : 11px;
	text-align: justify;
	color: #99CC33;

}

.date_actus {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-size : 10px;
	color: #FF9933;
}

.texte_actus {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal; font-size : 11px;
	text-align: justify;
	color: #666666;
}

span.pagination a:link, span.pagination a:visited { 
color: #7799B8; 
text-decoration : none; 
font-family: Arial, Helvetica, sans-serif; 
}

span.pagination a:hover { 
color : #DC4236; 
text-decoration : underline;
font-family : Arial, Helvetica, sans-serif;
font-style : normal; font-size : 10px;
}

.pagination {
display: block;
text-align: center;
width: 100%;

}


a.orange:link, a.orange:active, a.orange:visited {
width:auto;
color:#FF6000;
text-decoration:none;
font-size:1em;
}

a.orange:hover {
color:#336699;
}

a.jaune:link, a.jaune:active, a.jaune:visited {
width:auto;
color:#FFC000;
text-decoration:none;
font-size:1em;
}

a.jaune:hover {
color:#336699;
}

a.vert:link, a.vert:active, a.vert:visited {
width:auto;
color:#A8CD4E;
text-decoration:none;
font-size:1em;
}

a.vert:hover {
color:#FFC000;
}

a.bleu:link, a.bleu:active, a.bleu:visited {
width:auto;
color:#55A9D4;
text-decoration:none;
font-size:1em;
}

a.bleu:hover {
color:#FFC000;
}

.zone_meteo {
width:162px;
height:91px;
background-image:url(../images/zone_meteo.gif);
background-repeat:no-repeat;
margin:auto;
}

.meteo_icone {
margin-top:25px;
float:left;
padding:5px;
}

.meteo_temp {
padding-top:35px;
font-weight: normal;
font-size:11px;
font-size:2em;
color:#FB9C22;
}

.meteo_prev {
font-weight: normal;
color:#333333;
font-size:11px;
margin-top:0px;
text-align:left;
clear:left;
padding-left:5px;
}

h1 {

  display: block;
  padding: 5px 0px 5px 10px;
  font-size: 1.5em;
  border-bottom: 1px solid #f1f2f3;
  margin-bottom: 10px;
  font-weight: bolder;
  color: #45B14A;
  border-top: 1px solid #45B14A;
  background-color: #f8f8f8;

}

h2 {

  display: block;
  padding: 5px;
  text-indent: 5px;
  font-size: 1.3em;
  font-weight: bolder;
  color: #A5677E;
  height:10px;
  line-height:10px;
  border-bottom: 1px solid #f1f2f3;
  border-top: 1px solid #f1f2f3;

}

h3 {

  display: block;
  padding: 3px;
  text-indent: 5px;
  font-size: 1em;
  font-weight:normal;
  color: #666666;
  height:10px;
  line-height:10px;
  border-bottom: 1px solid #f1f2f3;

}

#ssmenu_presentation {
	position:absolute;
	top:240px;
	left:50%;
	margin-left:-176px;
	background-color:#FFFFFF;
	display:none;
	padding:0px;
	z-index:2000;
}

#ssmenu_mairie {
	position:absolute;
	top:241px;
	left:50%;
	margin-left:-68px;
	background-color:#FFFFFF;
	display:none;
	padding:0;
	z-index:2000;
}

#ssmenu_vie_pratique {
	position:absolute;
	top:241px;
	left:50%;
	margin-left:22px;
	background-color:#FFFFFF;
	display:none;
	padding:0;
	z-index:2000;
}


#ssmenu_loisirs {
	position:absolute;
	top:241px;
	left:50%;
	margin-left:149px;
	background-color:#FFFFFF;
	display:none;
	padding:0;
	z-index:2000;
}


#ssmenu_tourisme {
	position:absolute;
	top:241px;
	left:50%;
	margin-left:271px;
	background-color:#FFFFFF;
	display:none;
	padding:0;
	z-index:2000;
}


#ssmenu_presentation A, #ssmenu_presentation A:link, #ssmenu_presentation A:active, #ssmenu_presentation A:visited {
	padding:0px;
	margin:0px;
	text-align:left;
	background-color:#ffccff;
	/*border-bottom:1px solid white;*/
	
	padding-left: 5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom:2px;
	
	display:block;
	
	
	color:#CC0099;
	border:1px solid #FF66CC;
	text-decoration: none;
}

#ssmenu_tourisme A, #ssmenu_tourisme A:link, #ssmenu_tourisme A:active, #ssmenu_tourisme A:visited {
	padding:0px;
	margin:0px;
	text-align:left;
	background-color:#CCFFCC;
	/*border-bottom:1px solid white;*/
	
	padding-left: 5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom:2px;
	
	display:block;
	
	
	color:#006600;
	border:1px solid #339933;
	text-decoration: none;
}

#ssmenu_loisirs A, #ssmenu_loisirs A:link, #ssmenu_loisirs A:active, #ssmenu_loisirs A:visited {
	padding:0px;
	margin:0px;
	text-align:left;
	background-color:#CCFFFF;
	/*border-bottom:1px solid white;*/
	
	padding-left: 5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom:2px;
	
	display:block;
	
	
	color:#0099CC;
	border:1px solid #33CCFF;
	text-decoration: none;
}

#ssmenu_vie_pratique A, #ssmenu_vie_pratique A:link, #ssmenu_vie_pratique A:active, #ssmenu_vie_pratique A:visited {
	padding:0px;
	margin:0px;
	text-align:left;
	background-color:#CCFF99;
	/*border-bottom:1px solid white;*/
	
	padding-left: 5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom:2px;
	
	display:block;
	
	
	color:#009900;
	border:1px solid #66CC33;
	text-decoration: none;
}

#ssmenu_mairie A, #ssmenu_mairie A:link, #ssmenu_mairie A:active, #ssmenu_mairie A:visited {
	padding:0px;
	margin:0px;
	text-align:left;
	background-color:#FFFFCC;
	/*border-bottom:1px solid white;*/
	
	padding-left: 5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom:2px;
	
	display:block;
	
	height:14px;
	line-height:14px;
	
	color:#FF6600;
	border:1px solid #FFCC00;
	text-decoration: none;
}

#ssmenu_presentation A:hover {
	background-color:#FF99CC;
}

#ssmenu_mairie A:hover {
	background-color:#FFFF99;
}

#ssmenu_vie_pratique A:hover {
	background-color:#99FF66;
}

#ssmenu_loisirs A:hover {
	background-color:#97FFFF;
}

#ssmenu_tourisme A:hover {
	background-color:#9BF79F;
}

#ErsteinMenuDeroulantCSS ul, #ErsteinMenuDeroulantCSS ul li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:2000;
}

#ErsteinMenuDeroulantCSS ul li{
	list-style:none;
	height:18px;
	width:220px;
	background-color:#9966CC;
	z-index:2000;
}




#lien_menu_presentation {
	position:absolute;
	top:161px;
	left:50%;
	margin-left:-176px;
	width:103px;
	height:80px;
	z-index:100000;
	background-color:#000000;
	opacity:0;
	filter:alpha(opacity=0);
}
#lien_menu_mairie {
	position:absolute;
	top:161px;
	left:50%;
	margin-left:-68px;
	width:85px;
	height:80px;
	z-index:100000;
	background-color:#000000;
	opacity:0;
	filter:alpha(opacity=0);
}
#lien_menu_vie_pratique {
	position:absolute;
	top:161px;
	left:50%;
	margin-left:22px;
	width:120px;
	height:80px;
	z-index:100000;
	background-color:#000000;
	opacity:0;
	filter:alpha(opacity=0);
}
#lien_menu_loisirs {
	position:absolute;
	top:161px;
	left:50%;
	margin-left:148px;
	width:117px;
	height:80px;
	z-index:100000;
	background-color:#000000;
	opacity:0;
	filter:alpha(opacity=0);
}
#lien_menu_tourisme {
	position:absolute;
	top:161px;
	left:50%;
	margin-left:271px;
	width:93px;
	height:80px;
	z-index:100000;
	background-color:#000000;
	opacity:0;
	filter:alpha(opacity=0);
}