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

#contener {
	width:980px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:verdana , Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-align:justify;
	background-color:#FFF;
}

	
#login {
	background-image:url(/img/interface/fdlogin.jpg); background-repeat:repeat-x; height:23px; text-align:right; border-bottom:1px solid #fff;
	color:#fff;
	font-size:10px;
	padding-right:10px;
	padding-top:3px;
	}
#login .champ {height:14px; background-color:#F9EFC9; border:1px solid #fff; margin:0px; padding:1px; color:#900; font-size:11px;}
	
#logo {
	height:88px;
	background-image:url(/img/interface/fdtop.jpg); background-repeat:repeat-x;
	}
#drapeau {
	width:80px;
	padding:10px;
	float:right;
	}

.header h1 {color:#ffffff; font-size:11px; margin:0px; padding:0px; font-weight:bold; background-image:none; margin-bottom:0px;}

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

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

#COLContent {
	width:665px;
	padding:0px;
	margin:0px;
	float:left;
	padding:0px;
	}

#COLright {
	width:300px;
	padding: 0px;
	margin: 0px;
	float:right;
	}
#COLright h2 { }

#footer{
	font-size: 10px;
	width:980px;
	padding:10px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	color:#526B3A;
	line-height:20px;
	font-family:verdana , Helvetica, sans-serif;text-align:center; height:45px; border:1px solid #fff; clear:both; background-image:url(/img/interface/fdfooter.jpg); background-repeat:repeat-x;}
	
#footer a:link {
	color:#526B3A;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#footer a:visited {
	color:#526B3A;
	text-decoration: underline;
	font-size: 10px;
	font-weight:normal;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	text-decoration: underline;
	font-weight:normal;
}


/*******************************************************
**                      NAVIGATION                  **
*******************************************************/
#nav {height:32px; border-bottom:1px solid #1E5288; margin-bottom:0px; clear:both;}
#navigation {
	  LIST-STYLE-TYPE:none; margin:0px; padding:0px; 
	}
#navigation li {
	float: left;
}
#navigation li A {
	 PADDING-RIGHT:10px; PADDING-LEFT: 9px; float: left; FONT: normal 11px/29px verdana; COLOR: #036; HEIGHT: 31px; TEXT-DECORATION: none;
	 border:1px solid #BDC7B6; border-bottom:none;
	 margin-right:2px;
	 background-image:url(/img/interface/fdnav.gif); background-repeat:repeat-x;
}
#navigation li A:hover {
	background-image:url(/img/interface/fdnav.gif); background-position:0px -32px; background-repeat:repeat-x;
	border:1px solid #B1770B; border-bottom:none;
	color:#000;
	background-color:#e4e4e4;
}

#navigation li.on a{
	background-image:url(/img/interface/fdnav.gif); background-position:0px -32px; background-repeat:repeat-x;
	border:1px solid #B1770B; border-bottom:none;
	color:#000;
}

/*******************************************************
**                       GOODIES                      **
*******************************************************/

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

.newsresume {
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	color:#1F4F72;
	background-image:url(/img/interface/fddeggris.jpg);
	background-repeat:repeat-x;
	padding:5px;
}

.newsresume a:link {color:#5E2300;}
.newsresume a:visited {color:#5E2300;}
.newsresume a:hover {color:#990000;}

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

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

.CadreVignetteOn {
	border:1px solid #C9A934;
	color:#1F4F72;
	background-image:url(/img/interface/fddegjaune.jpg);
	padding:5px;
}

/****************************************************/
.rechetalon {background-image:url(/img/illu/pave-catalogue-etalon.jpg); height:70px; padding-top:100px; padding-left:15px;color:#1F4F72;}

.cadrejaune {
	border:1px solid #C9A934;
	color:#1F4F72;
	background-image:url(/img/interface/fddegjaune.jpg);
	background-repeat:repeat-x;
	padding:5px;
	background-color:#fff;
}


.prive {
		padding:5px;
		font-size:10px;
		line-height:11px;
		border:1px solid #cc0000;
		color:#fff;
		background-image:url(/img/interface/fdwarning.jpg); background-repeat:repeat-x;}
		
.getconnect {
		padding:5px;
		font-size:10px;
		line-height:11px;
		border:1px solid #9FC120;
		background-image:url(/img/interface/fdconnect.jpg); background-repeat:repeat-x;}		

.cadreDroite {
	border:1px solid #B89086;
	padding:5px;
	background-image:url(/img/interface/fdcadredroite.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	margin-bottom:20px;
	clear:both;
	height:100px;
	color:#666666;
	font-size:11px;
	text-align:left;
	}
.cadreDroite h2 {color:#000; font-size:14px; font-weight:bold; border:none; margin-top:0px; margin-bottom:5px; background-image:url(/img/interface/pucecdroite.gif); background-repeat:no-repeat; padding-left:15px; font-family: "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;}

.cadreDroiteMenu {

	padding:5px;
	background-image:url(/img/interface/fdcadredroite.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	margin-bottom:20px;
	clear:both;
	color:#666666;
	font-size:11px;
	}

.itemcol {
		padding:5px;
		padding-left:25px;
		margin-bottom:10px;
		background-color:#eee;
		border:1px solid #ccc;
		background-image:url(/img/interface/puceverte.png); background-repeat:no-repeat;}

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:#f4f6de;}
.ligne2 { background-color:#d6dbbf;}
.ligneon { background-color:#FFCC66;}

.lignet1 { background-color:#fff;}
.lignet2 { background-color:#dedede;}

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

.cadrecom{
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: #F5EFE6;
	padding:5px;
	margin:2px;
	font-size: 11px;
	clear:both;
	}	

.cadreorg {clear:both; min-height:105px; margin-bottom:5px; padding:10px; border:1px solid #069;background-image:url(/img/interface/fddeg.gif);	background-repeat:repeat-x;}	

.spacer {clear:both;}

.Note {
	font-size:10px;
	font-family:verdana;
	color: #333;
	line-height:12px;
	}

/*******************************************************
**                  TITRE ET LIENS                    **
*******************************************************/
	
a:link {
	color:#000;
	text-decoration: underline;
	font-weight: bold;
	}
a:visited {
	color:#000;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color:#8A1C1C;
	text-decoration: none;
	font-weight: bold;
}

h1 {
	/*font-family:"Times New Roman", Times, serif;*/
	/*font-weight: normal;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 21px;
	clear:both;
	color: #134d74;
	margin-bottom:12px;
	margin-top:0px;
	/*height:22px;*/
	padding-top:5px;
	border-bottom:1px solid #069;
}

h2 {
	clear:both;
	/*font-family:"Times New Roman", Times, serif;*/
	/*font-weight: normal;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #134d74;
	margin-top:10px;
	margin-bottom:8px;
	border-bottom:1px solid #069;
	}

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