BODY { 
background-image: url(../images/bluepage.gif);
background-repeat: repeat x;
font-family : Arial, Helvetica, sans-serif;
font-style : normal; font-size : 12px;
color: #333333;
background-color: #003366;
} 
 
.fullpage {
background-color:#FFFFFF;
width: 969px;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

.header_top {
background-image:url(../images/fd_bandeau.gif);
background-repeat:no-repeat
width: 969px;
height: 61px;
padding: 0px;
background-color: #FFFFFF;
text-align:left;
}

.header_mid {
background-image:url(../images/fd_photomontage.jpg);
background-repeat:no-repeat;
width: 969px;
height: 72px;
padding: 0px;
background-color: #99CC33;
text-align:left;
}

.header_menu {
background-image:url(../images/fd_menu_bandeau.gif);
background-repeat:no-repeat;
width: 969px;
height: 29px;
padding: 0px;
background-color: #FFFFFF;

}


.affichage {
background-image:url(../images/fd_page.gif);
background-repeat: no-repeat;
padding: 20px;
height:auto;
}


.menu {
background-image:url(../images/fd_left_menu.gif);
background-repeat:repeat-x;
background-color:#F7F7F7;
float: left;
padding: 0px;
width: 238px;
text-align:left;
}

.contenu {
    width : 660px;
	height: auto;
	vertical-align: top;
	margin-left: 260px;
	text-align: justify;
	
}

.left_homepage {
font-size:11px;
text-align:justify;
padding-left: 20px;
padding-right: 20px;
}

.footer {
    background-image: url(../images/fd_footer.gif);
	background-repeat: no repeat;
	margin-left: auto;
	margin-right: auto;
	width : 969px;
	height: 30px;
	text-indent: 5px;
	padding-top: 22px;
	color: #336699;
	clear:both;
	
}

.trailer {
background-color:#E4EEF6;
margin-bottom: 15px;
text-indent: 10px;
line-height: 20px;
height:20px;
color:#6699CC;
}


.spacer {
  display:block;
  clear: both;
}


a:link, a:visited { 
color: #3399CC; 
text-decoration : none; 
font-family: Arial, Helvetica, sans-serif; 
}

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


a.white:link, a.white:visited { 
color : #FFFFFF; 
text-decoration : none; 
font-family : Arial, Helvetica, sans-serif; 
} 

a.white:hover { 
color : #003366; 
text-decoration : none; 
}

.texte_module {
color: #579EDB;
padding: 5px;
font-size:0.9em;
}

/* titre page hagondange*/ 

h1 {

  /*display: block;*/
  padding: 0px 0px 0px 0px;
  font-size: 1.7em;
  font-weight: bolder;
  border-bottom: 1px solid #f1f2f3;
  padding-top: 4px;
  font-weight: normal;
  color: #FFC107;
  margin-bottom:10px;
  /*height: 30px;*/

}

h2 {

  display: block;
  padding: 0px 0px 0px 0px;
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid #f1f2f3;
  padding-top: 4px;
  color: #92B5D3;
  height: 20px;

}


/* Menu Hagondange  */

.titre_menu {
background-image:url(../images/fd_titre_menu.gif);
background-repeat:no-repeat;
color:#FF9900;
line-height:31px;
width: 238px;
height:31px;
text-indent: 53px;
}
 
ul.LinkList, li.LinkList {
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	list-style-type: none;
		
}
.LinkList li {
	width: 100%;
	display: block;
	border-bottom: 1px solid #F3F3F3;
	line-height: 18px;
	width: 238px;
	
	
}

.LinkList A, .LinkList A:link, .LinkList A:active, .LinkList A:visited {
	background-image: url('../images/puce_menu.gif');
	background-repeat: no-repeat;
	color: #579EDB;
	text-decoration: none;
	text-indent: 53px;
	display:block;
	
}

.LinkList A:hover {
	background-image: url('../images/puce_menu_over.gif');
	background-repeat: no-repeat;
	color: #FF6600;
	display:block;
	
}


/** styles contenu du site**/

.input {
	padding: 1px;
	border:1px solid #E7E4E4;
	background-color: #f8f8f8;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color : #336699;
	padding:3px;
}


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


/** module video **/

.titre_actus {	
	font-family : Arial;
	font-weight: none; 
	font-size : 11px;
	color: #3399cc;

}

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

}