/************* GENERAL LAYOUT **************/
html{
	background-image: url(/img/interface/fdtube.jpg);
	background-repeat:repeat-x;}
body {
	margin: 0px;
	text-align: center;
	background-image: url(/img/interface/fdbody.jpg); background-repeat:no-repeat; background-position:50% 0;
}

.contener {
    width:770px;
	margin-left: auto;
    margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	
	padding:0px;
	text-align:justify;
	/*text-align:left;*/
	background-image: url(/img/interface/fdcontener.gif);
	background-repeat:no-repeat;
	}

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

			.page {
				width: 730px;
				margin-left: auto; 
				margin-right: auto;
				margin-bottom: 0px;
				margin-top: 0px;
				padding-top: 0px;
				/*background-image: url(/img/interface/fdpage.gif);
				background-repeat:repeat-y;*/
				clear:both;
			}
			
			.COLMenu {
				width:175px;
				padding: 0px;
				margin: 0px;
				float:left;
				margin-right:20px;
				text-align:center;
				color:#999; font-size:10px;
			}
			
			.COLright {
				width:530px;
				padding: 0px;
				padding-top:0px;
				margin: 0px;
				float:left;
			}
			
			#solutions {background-color:#fff; font-size:13px;}
			
			.CasA {width:240px; float:left; font-size:20px; font-weight:bold; font-style:italic; text-align:center; color:#FF3399; }
			.CasB {width:240px; float:right; font-size:20px; font-weight:bold; font-style:italic; text-align:center; color:#FF3399;}

			.solA {width:240px; float:left; padding:10px; background-image:url(/img/interface/solAB.gif); background-repeat:no-repeat;height:150px;}
			.solB {width:240px; float:right; padding:10px;background-image:url(/img/interface/solAB.gif); background-repeat:no-repeat;height:150px;}
			
			.img-casA {width:240px; font-size:11px; line-height:14px; float:left; padding:10px; background-image:url(/img/interface/casAB.gif); background-repeat:no-repeat;height:80px;}
			.img-casB {width:240px; font-size:11px; line-height:14px; float:right;  padding:10px;background-image:url(/img/interface/casAB.gif); background-repeat:no-repeat;height:80px;}
			
			.img-casA a:link , .img-casA a:visited, .img-casB a:link , .img-casB a:visited, {color:#666; font-weight:normal;}
			.img-casA a:hover , .img-casB a:hover, {color:#000;}
			
			
			.linkA {width:240px; float:left;   text-align:center; height:60px; }
			.linkB {width:240px; float:right;  text-align:center; height:60px;}
			
			.linkA-accueil {width:260px; float:left;   text-align:center; height:60px; background-image:url(/img/interface/bas-casAB.gif); background-repeat:no-repeat;height:52px; background-position:bottom;}
			.linkB-accueil {width:260px; float:right;  text-align:center; height:60px; background-image:url(/img/interface/bas-casAB.gif); background-repeat:no-repeat;height:52px; background-position:bottom;}
			
			
			
			
			.titre-cas		{width:240px; font-size:20px; font-weight:bold; font-style:italic; text-align:center; color:#FF3399;}
			.img-cas		{width:240px; font-size:11px; line-height:14px; padding:10px; background-image:url(/img/interface/casAB.gif); background-repeat:no-repeat;height:80px; }
			.img-cas a		{color:#666 !important; font-weight:normal !important;}
			.img-cas a:hover{color:#000 !important;}
			.link-cas		{width:260px; text-align:center; height:60px; background-image:url(/img/interface/bas-casAB.gif); background-repeat:no-repeat;height:52px; background-position:bottom;}
			
			
			
			
			/************* TOP NAVIGATION **************/
			#topnav {
				height:28px;
				margin:0px;
				padding:0px;
				padding-top:0px;
				padding-right:30px;
				}
			
			ul#topnav {	float:right; list-style-type:none;}
			
			ul#topnav li {
				float: left;
				padding-top:7px;
				background-image:url(/img/interface/bt-top.gif);
				background-repeat:no-repeat;
				text-align:center;}
			
			ul#topnav li a {
				width:125px;
				height:30px;
				display: block ;
				text-decoration: none ;
				color:#000000;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight:bold;
				}
				
			ul#topnav li a:hover {	text-decoration: underline; color:#FF6699;}
			ul#topnav li a:visited {color:#000000;}
			
			/***************************************************/
			/************* LEFT NAVIGATION **************/
			#leftmenu {
				margin:0px;
				padding:0px;
				padding-bottom:15px;}
			
			ul#leftmenu {list-style-type:none;}
			
			ul#leftmenu li {
				padding-top:6px;
				border-top:1px solid #ebebeb;
				text-align:left;
				
				}
			
			ul#leftmenu li a {
				
				height:25px;
				display: block ;
				padding-left:0px;
				text-decoration: none ;
				font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
				/*background-image:url(/img/interface/pucenav0.gif);*/
				background-repeat:no-repeat;
				font-size: 12px;
				font-weight:bold;
				font-style:italic;
				}
				
			ul#leftmenu li a:hover {	text-decoration: underline; color:#000000;
										/*background-image:url(/img/interface/pucenav1.gif);*/
										}
			
			
			/***************************************************/


#footer {
	width:730px;
	height:20px;
	padding-top:15px;
	text-align:center;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 15px;
	margin-top:5px;
	/*border-top: 1px solid #FF3399;*/
	clear:both;
}
/*#footer a:link, a:visited, a:hover{font-size:10px; color:#cccccc;}*/


.enteteTab {
	color:#336699;
	text-align:center;
	font-weight:bold;
	background-image:url(/img/interface/fdlogo.gif);
	background-repeat:repeat-x;
}

.retour {background-image:url(/img/interface/fdretour.gif); background-repeat:no-repeat; height:45px; width:375px; margin-left:auto; margin-right:auto; padding-top:20px;}

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

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

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-image: url(/img/interface/puceh2.gif);
	background-repeat:no-repeat;
	color: #FF3399;
	margin:0px;
	padding-left:22px;
	border-bottom: 1px solid #FF3399;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:bold;
	color:#333;
	font-size: 13px;
	padding:0px; margin:5px;	
}

#floatMenu {
		position:absolute;
		top:280px;
		left:50%;
		margin-left:385px;
		width:150px;
		font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#fff; border:1px solid #f39; padding:5px;
		text-align:left;
}
.texte-floatMenu {
		padding:5px;
		display:block;
}
#floatMenu p {border:solid 1px #F78DDA;}

#floatMenu h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin:0px;
	border-bottom: 1px solid #FF3399;
	background:none; padding-left:0px;
}




.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #137291;
	margin:0px;
	margin-left:5px;
	padding-left:18px;
}

/*ul li {list-style-image:url(/img/interface/t_puce2_b.gif);}*/

.Bigtxt {
	font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	color:#000;
	font-size: 19px;
	font-style:italic;
	margin:20px;
	line-height:25px;
}

.fdsoluce {
	background-image:url(/img/interface/fd-solution.gif);
	background-repeat:no-repeat;
	height:100px;
	padding: 15px;
	}
.deg_gris {
	background-image:url(/img/interface/acc_degrade.jpg);
	background-repeat:repeat-x;
}

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

.Cadre {border: 1px solid #666666;}

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

.fdblack { background-color:#000000; color:#FFFFFF; font-size:14px }
.fdpink {background-color:#FF6699; color:#000000; font-size:14px}
.liseretbas { border-bottom: 1px solid #FF3399;}

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


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


a:link {
	font-weight: bold;
	color:#FF3399;
	text-decoration: none;
}
a:visited {
	color: #FF3399;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000;
	font-weight: bold;
}
.cadreillu {
	padding:10px 10px 12px;
	background-color:#FFF;
	border:1px solid #d1d1d1;
	margin-left:8px;
	margin-top:0px;
	background-image: url(/Img/interface/ico-zoom.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.cadreillu-no-zoom {
	padding:10px;
	background-color:#FFF;
	border:1px solid #d1d1d1;
	margin-left:10px;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: right top;
}

.bandeau {
	margin-top:17px;
}