BODY { 
background-image: url(../images/fond_page.gif);
background-repeat: repeat;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 11px;
color: #333333;
background-color: #051132;
margin-top: 28px;
} 

/* Containers  */

.general_homepage {
width: 942px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
margin:auto;
background-color:#FFFFFF;
background-image:url(../images/fond_page.jpg);
background-repeat: no-repeat;
}

.general {
width: 942px;
border: 1px solid #ffffff;
margin:auto;
background-color:#FFFFFF;
}

.bandeau_flash {
width: 942px;
}

.homepage {
padding:20px;
}

.contenu {
padding: 10px 30px 0px 30px;
}

.menuleft {
float:left;
width:210px;
margin: 0px;
padding: 10px 0px 0px 0px;
text-align:left;
}

.contenu_pages {
width:auto;
margin: 0px;
margin-left: 245px;
padding-top: 10px;
text-align:justify;
}

.homeleft {
float:left;
width:375px;
margin: 0px;
padding: 10px 0px 0px 0px;
text-align:justify;
}

.homeright {
float:right;
width:453px;
margin: 0px;
text-align:left;
}

.bottom_site {
clear:both;
width:942px;
margin: 0px;
height: 65px;
text-align:center;
background-color:#FFFFFF;
background-image:url(../images/fd_bottom.gif);
background-repeat: repeat-x;
overflow:hidden;

}

.bottom_search {
width: auto;
height: 65px;
overflow: hidden;
}


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

.rubriques_homepage {
width:453px;
height:250px;
background-image:url(../images/visuel_rubriques_homepage.jpg);
background-repeat:no-repeat;
}
.zone1 { /* zone cliquable */
float: right; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 50px;
height: 225px;
margin-right: 20px;
margin-top: 10px;
}
.rubriques_homepage_title {
color:#278FC1;
font-family:Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:1.5em;
}

a.rubriques_homepage_title:active, a.rubriques_homepage_title:link, a.rubriques_homepage_title:visited {
color:#278FC1;
font-family:Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size:1.5em;
}

a.rubriques_homepage:active, a.rubriques_homepage:link, a.rubriques_homepage:visited {
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
color:#8FB469;
}
a.rubriques_homepage:hover {
text-decoration:none;
color: #336600;
}
/* titre page CC Munster*/

h1 {

  display: block;
  padding: 0px 0px 0px 0px;
  font-size: 1.3em;
  text-transform: uppercase;
  border-bottom: 1px solid #f1f2f3;
  margin-bottom: 10px;
  font-weight: bolder;
  color: #FFD800;

}

h2 {

  display: block;
  background-color: #C6D4E3;
  padding: 3px;
  text-indent: 5px;
  font-size: 1.2em;
  font-weight: bolder;
  font-weight: bolder;
  color: #ffffff;
  height:15px;
  line-height:15px;

}

h3 {

  display: block;
  background-color: #f1f2f3;
  padding: 3px;
  text-indent: 5px;
  font-size: 1em;
  font-weight:normal;
  color: #999999;
  height:10px;
  line-height:10px;

}

 
ul.Linkactus, li.Linkactus {

	margin: 0px;
	list-style-position: inherit;
	margin-bottom: 15px;
	padding: 0px;
	list-style-type: none;
		
}
.Linkactus li {
	width: 100%;
	display: block;
	text-align:right;	
}

.Linkactus A, .Linkactus A:link, .Linkactus A:active, .Linkactus A:visited {
	background-image: url('../images/puce_actus.gif');
	background-repeat: no-repeat;
	color: #336699;
	border-bottom: 1px solid #f1f2f3;
	text-decoration: none;
	padding-left: 20px;
	display: block;
	height:18px;
	line-height:18px;
	
}

.Linkactus A:hover {
	background-image: url('../images/puce_actus.gif');
	background-repeat: no-repeat;
	/* color: #FFD800; */
	color: #FF7800;
	
}

/* CSS Menus */

.titre_menu {
margin-top:10px;
color:#B97941;
font-size:11px;
text-align:center;
line-height: 16px;
border-bottom: 1px solid #C68450;
background-color:#Ffffff;
}

ul.LinkList, li.LinkList {
	margin: 0px;
	text-align:left;
	padding: 0px;
	list-style-type: none;
	display: block;	
}
.LinkList li {
	width: auto;
	display: block;
	background-color: #FFFDF2;
	border-bottom: 1px solid #FFF1A1;
		
}
li.first {
	width: 148px;
	border: 0px;
}

.LinkList li:hover {
    display: block;
	background-color: #FFF1A1;
}

.LinkList A, .LinkList A:link, .LinkList A:active, .LinkList A:visited {
	background-image: url('../images/puce_nav.gif');
	background-repeat: no-repeat;
	
	color: #7C8557;
	text-decoration: none;
	display: block;
	/*
	height:18px;
	*/
	line-height: 20px;
	padding-left: 25px;
	padding-top: 0px;	
	margin-left: 0px;
}

.LinkList A:hover {
	background-image: url('../images/puce_nav_over.gif');
	background-repeat: no-repeat;
	
	color: #000000;
	text-decoration: none;
	display: block;
	background-color: #FFF1A1;
}

/** styles formulaire **/

.input_home {
	padding: 1px;
	border:1px solid #1D4686;
	background-color: #051234;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color:#99CC33;
	padding: 3px;
	width: 100%;
}

.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;
}

.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;
  margin-left: 12px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 20px;
  height:20px;
  color: #007785;
  text-indent: 28px;
  background-image:url(../images/titre_puce.gif);
  background-repeat:no-repeat;

}

.TitrePage {

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

}

.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:link, a:visited {
width:auto;
color:#5E8DC5;
text-decoration:none;
font-size:1em;
}

a:hover {
color:#FFD800;
}

a.menustyle:link, a.menustyle:visited {
width:auto;
background-color:#f1f1f1;
color:#999999;
text-decoration:none;
font-size:0.9em;
}

a.menustyle:hover {
background-color:#B3D1AC;
color:#ffffff;
}

a.footerlink:link, a.footerlink:visited {
color:#2260A7;
height:20px;
text-decoration:none;
}

a.footerlink:hover {
color:#DD4A06;
}

a.lien_meteo:link, a.lien_meteo:visited{
	color:#FEC600;
}

a.lien_meteo:hover{
	color:#2260A7;
}

div.IconeMeteo div.line_meteo{
	margin-bottom:5px;
}