/************* GENERAL LAYOUT **************/
body {
	margin: 0px; padding: 0px;
	text-align: center;
	background:url(/img/interface/fdbody.gif) top center no-repeat;

}

.contener {
    width:980px;
	margin:0px;
	margin-left: auto;
    margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	text-align:left;
	background-color:#fff;
}
/************* INTERNAL LAYOUT **************/

#logoslogan{ width:500px; float:left; color:#EB57D9; font-size:14px;}

.page {
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
	background-image:url(/img/interface/fdpage.gif);
}

.COLleft {
	width:760px;
	padding: 0px;
	margin: 0px;
	margin-left:10px;
	float:left;
	padding-top:10px;
	
}

.COLright {
	width:200px;
	padding: 0px;
	padding-top:10px;
	margin: 0px;
	float:right;
	text-align:center;
}



#footer {
	height:240px;
	background-color:#362C23;
	background-image:url(/img/interface/fdfooter.jpg);
	padding:13px 20px 13px 20px;
	text-align:left;
	color:#fff;

}
#footer a:link, #footer a:visited  {color:#fff;	text-decoration: none;}
#footer a:hover {color: #D98DD2;}
#footerIn {width:980px; margin-left:auto; margin-right:auto;}
.footerBloc {width:200px; float:left;}

#footer ul {list-style-type:none; margin:10px; }
#footer ul li a:link, #footer ul li a:visited{ display:block; width:120px; font-size:10px; padding:1px 0 1px 5px; border-bottom:1px solid #943B8D; color:#D98DD2; }
#footer ul li a:hover{ background-color:#D98DD2; color:#fff; }


#rezo { float:left; width:85px; margin-top:15px;}

/************* WEB ELEMENT & GOODIES **************/

.listeastuce {list-style-type:none; margin:15px; padding:0;}
.listeastuce li a, .listeastuce li a:visited { text-decoration:none;}
.listeastuce li { padding:3px;}
.listeastuce li:hover { background-color:#C8FA93;}

.ligne1 {background-color:#fff;}
.ligne2 {background-color:#f8f8f8;}

input, select, textarea {border:1px solid #ccc; background-color:#f4f4f4; color:#000; padding:5px;}

.bouton a:link, .bouton a:visited {
	text-align:center;
	display:block; padding:5px; width:230px;
	background-color:#EB57D9;
	color:#fff;
	text-decoration:none;
	}
.bouton a:hover, .bouton ul a:active, .bouton ul a:focus {
	background-color:#A1FE3E;
	color:#EB57D9;
	}



h1 {
	font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 18px;
	color: #EB57D9;
	padding:0px;
	margin:2px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	
	background-repeat:no-repeat;
	color: #68C702;
	margin:0px;
	
}

h3 {
	background-color:#D1FEA0;
	margin:0px;

	font-size:10px;
	color:#999999;
	font-weight:normal;
}

.ads {
	background-color:#FDEAC1;
	padding:5px;
	margin:10px;
	}

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

.Cadredroitefff {
	 border:1px solid #cccccc;
	 padding:5px;
	 background-color:#FFFFFF;
	 margin:5px;
}

.Spacer {clear:both;}

.vstrong {font-size:16px; color:#3366CC; font-weight:bolder;}

.cadreimg {
	border-bottom: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
}

.listItem {
	list-style-type:none;
	background-image:url(/img/illu/puceli.gif);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:20px;
}


.illunews {
	padding: 5px;
	border: 1px solid #cccccc;
	margin: 5px;
}

.CadreNote {
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #f4f4f4;
	border-top-color: #f4f4f4;
	background-color: #F9F9F9;
	padding:3px;
	font-size: 9px;
}

.cadre{
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #f4f4f4;
	border-top-color: #f4f4f4;
	background-color: #F9F9F9;
	padding:5px;
	margin:5px;
	font-size: 10px;
	}
	
.cadrecom{
	border:1px solid #CCC;
	background-color: #F9F9F9;
	padding:2px;
	padding-left:40px;
	background-image:url(/img/icon/user_comment.png); background-repeat:no-repeat; background-position:5px 3px;
	margin:4px 4px 8px 4px;
	font-size: 10px;
	}	

.Note {
	font-size:10px;
	font-family:verdana;
	color: #999999;
	line-height: 12px;
	text-align: justify;
}

.smallcadre {
	font-size:10px;
	font-family:verdana;
	color: #999999;
	line-height: 13px;
	text-align: justify;
	border:1px solid #cccccc;
	padding:5px;
	margin: 0px;
	margin-top:5px;
	line-height: 14px;
}

.cadrevert {
	font-family:verdana;
	line-height: 12px;
	text-align: justify;
	border:2px solid #EB57D9;
	padding:10px;
	margin:5px 0px;
	background-color:#D1FEA0;
}

.Itemlist {
	background-color: #ffffff;
	border: 1px dashed #cccccc;
	margin-top:5px;
	padding: 2px;
	padding-left: 15px;
	background-image:url(/img/fddeg.gif);
	background-repeat:repeat-x;
}

.ItemlistOn {

	background-color:#FFCC66;
	border: 1px dashed #333333;
	margin-top:5px;
	padding: 2px;
	padding-left: 15px;
	background-image:url(/img/flech_srub.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}



.CadreVignette {
background-color: #f9f9f9;
border: 1px solid #cccccc;
}

.CadreVignetteOn {
background-color: #FFCC66;
border: 1px solid #cccccc;
}


a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #EB57D9;
	text-decoration: underline;
}

a:hover {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


a.styleNav:link {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.styleNav:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.styleNav:hover {
	color: #000000;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.Smallink:link {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.Smallink:visited {
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a.Smallink:hover {
	color: #ffffff;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.TABbg_coul1 {background-color: #eeeeee;}
.TABbg_coul2 {background-color: #FFCCFF;}

.tab {background-color:#f8f8f8; border:1px solid #ccc;}


/************* HEADER & TOP NAVIGATION **************/

.header {}

.header h1 	{
	background-color:#EB57D9;
	color:#fff;
	margin:0px;
	padding:3px;
}
.entete {
	color:#ffffff;
	background-color:#EB57D9;
	text-align:center;
	font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 16px;
	padding:5px;
}
.entetevert {
	background-color:#A1FE3E;
	font-weight:bold;
	padding:5px;
}