/*******************************************************
**                   GENERAL LAYOUT                  **
*******************************************************/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(/img/interface/fdtop.gif);
	background-repeat:repeat-x;
	text-align: center;
}

#contener {
	width:960px;
	padding-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	text-align:justify;
}
	
#top {
	background-image:url(/img/interface/pactline-meche.gif); background-repeat:no-repeat; background-position:100% 0%;
	width:960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:1px 0;
	height:135px;
	text-align:left;
	}
#flash {background-color:#000; height:130px; clear:both;}

/*******************************************************
**                   INTERNAL LAYOUT                  **
*******************************************************/

#page {
	padding:0px;
	clear:both;
	background-image:url(/img/interface/fdpage.gif);
	background-repeat:repeat-y;
	padding:1px 0;
	margin-top:9px;
	border-bottom:1px solid #fff;
}

#COLContent {
	width:670px;
	padding:0px;
	margin:0px;
	float:right;
	padding:0px;
	}

#COL2 {
	width:255px;
	padding: 0px;
	margin: 0px;
	float:left;
	}
	
#COL2 h2 { margin-top:0px; }

/************************ List ITEM COL ****************/
#itmList {
	  LIST-STYLE-TYPE:none; margin:0px; padding:0px; 
	}
#itmList li { }
#itmList li A {
	 display:block;
	 PADDING: 5px; FONT: normal 10px verdana; COLOR: #036; HEIGHT: 20px; TEXT-DECORATION: none; padding-top:8px; margin-bottom:3px;
	 border:1px solid #C4C5A6;
	 background-image:url(/img/interface/fdnavright.gif); background-repeat:repeat-x;
}
#itmList li A:hover {
	background-image:url(/img/interface/fdnavright.gif); background-position:0px -28px; background-repeat:repeat-x;
	border:1px solid #069; 
	color:#000;
}

#itmList li.on a{
	background-image:url(/img/interface/fdnav.gif); background-position:0px -28px; background-repeat:repeat-x;
	border:1px solid #069;
	color:#000;
}
/********************************************************/

#footer{
	color:#666;
	font-size: 10px;
	padding:10px; padding-top:20px;
	margin-top:0px;
	line-height:20px;
	font-family:verdana , Helvetica, sans-serif;text-align:center; height:130px; clear:both;
	background-image:url(/img/interface/fdtop.gif);
	background-repeat:repeat-x;}
	
#footer a:link {
	color:#666;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#footer a:visited {
	color:#666;
	text-decoration: underline;
	font-size: 10px;
	font-weight:normal;
}
#footer a:hover {
	color:#000;
	text-decoration: none;
	font-size: 10px;
	text-decoration: none;
	font-weight:normal;
}


/*******************************************************
**                      NAVIGATION                  **
*******************************************************/
#nav {height:40px; margin-bottom:0px; margin-top:15px;}
#navigation {
	  LIST-STYLE-TYPE:none; margin:0px; padding:0px; text-transform:uppercase; 
	}
#navigation li {
	float: left; padding-top:7px; letter-spacing:1px;
}
#navigation li A {
	 PADDING-RIGHT:30px; PADDING-LEFT: 30px; float: left; FONT: normal 11px/29px verdana; COLOR: #999; HEIGHT: 40px; TEXT-DECORATION: none;
	 margin-right:1px; border-left:1px solid #ccc; 
}
#navigation li A:hover {
	color:#000;
	background-image:url(/img/interface/nav-over.gif); 
}

#navigation li.on a{
	color:#000;
}

/*******************************************************
**                       GOODIES                      **
*******************************************************/
/**********************CATEGORY************************/
.cat0 {}
.cat1 { padding-left:17px; background-image:url(/img/illu/scat.gif); background-repeat:no-repeat;}
.cat2 { padding-left:22px; background-image:url(/img/illu/scat.gif); background-repeat:no-repeat;}


/*********************** NEWS *************************/

.flash {float:right;  margin:0px; padding:0px;}
.bouton{ background-image:url(/img/interface/fdbt.jpg); background-repeat:repeat-x; border:1px solid #ccc; text-align:center; padding:3px;}
.bouton a:link {color:#666;}

.Itemlist {
	margin-top:5px;
	margin-bottom:15px;
	padding: 5px;
	margin-right:auto;
	margin-left:auto;
	font-size:10px;
	color:#999;
}

.ItemlistOn {
	background-color:#333;
	margin-top:5px;
	margin-bottom:15px;
	padding: 5px;
	margin-right:auto;
	margin-left:auto;
	font-size:10px;
	color:#fff;
}

.illunews {
margin-right:8px;
border:2px solid #fff;
}

.CadreVignette {
	background-color:#e4e4e4;
	border:1px solid #fff;
	padding:5px;
}

.CadreVignetteOn {
	border:1px solid #C9A934;
	color:#1F4F72;
	padding:5px;
}

/****************************************************/


.news { border:1px solid #ccc; clear:both; padding:5px; margin-bottom:5px;}

p {margin-top: 8px; margin-bottom:8px;}

.textfield {border: 1px solid #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; padding:2px;}

.entete { background-color:#8E2A17; color:#FFF; font-weight:bold; }

.ligne1 { background-color:#eee;}
.ligne2 { background-color:#ccc;}
.ligneon { background-color:#ccc; color:#000;}

.cadreillu { padding:5px; background-color:#FFF; }

.cadrecom{
	border:1px solid #000;
	font-size:10px;
	background-color: #1f1f1f;
	padding:3px;
	clear:both;
	color:#666;
	}	

.spacer {clear:both;}

.Note {
	font-size:10px;
	line-height:13px;
	}
	
/*******************************************************
**                  TITRE ET LIENS                    **
*******************************************************/
	
a:link {
	text-decoration: underline;
	color:#666;
	}
a:visited {
	text-decoration: underline;
	color:#666;
}
a:hover {
	color:#000;
	text-decoration: none;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	clear:both;
	margin-bottom:12px;
	margin-top:0px;
	background-color:#E6E6E6;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px;
}

h2 {
	clear:both;	font-family:Arial, Helvetica, sans-serif; font-size: 16px; margin-top:10px;	margin-bottom:8px;font-weight:normal; background-color:#F7F7F7; 
	}

h3 {
	padding-top:3px;
	font-size:13px;
	color:#990000;
	margin-bottom: 8px;
	clear:both;
}


h3 a:link {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #999;
	}
h3 a:visited {
	font-size: 10px;
	color: #999;
	font-weight:normal;
	}
h3 a:hover {
	font-size: 10px;
	color: #999;
	font-weight:normal;
	}