html
	{
	height: 100%;
	min-height: 100%;
	border-width: 0px;
	font-family: 'Tahoma';
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	}

body
	{
	background-color: #0d0d0d;	
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	}
	
.title
	{
	text-transform: capitalize;
	}	
.screenLayout {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 732px;
  background: #000;
  border: 1px solid #6c6c6c;
  font-size: 11px;
}

* html 
	{
	  height: 100%;
	}
	
ul, li	{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
a
	{
	color: #365885;
	}
p
	{
	margin: 0px;
	}
a img
	{
	border: none;
	}

/*	UTILITY
-------------------------------------------------------------------*/
#closeThumb
	{
	float: right;
	background: orange;
	padding: 6px;
	margin: 0px 0px 0px 5px;
	display: block;
	color: #000;
	font: bold 12px "MS Sans Serif", Geneva, sans-serif;
	}
#BIGWARNING
	{
	border: 3px solid orange;
	background-color: yellow;
	font-weight: bold;
	font-size: 20px;
	width: 500px;
	-moz-opacity:0.8;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	padding: 5px 15px;
	position: absolute;
	text-align: center;
	top: 150px;
	left: 100px;
	z-index: 6000;
	}
#maintenance
	{
	position: absolute;
	width: 742px;
	margin: 0 auto 100px 0;
	border-top: 1px solid gray;
	border-bottom: 1px none #ADD8E6;
	background: #fff url(../../images/logo/Kokenn_Concept_Logo_corrige_2_favicon.gif) no-repeat 30px 200px;
	padding: 0px 0 100px 0px;
	font: 15px normal Arial, Helvetica, Tahoma, sans-serif;
	display: block;
	left: -1px;
	top: 100px;
	}
#maintenance #title
	{
	display: block;
	background: silver url(icones/Settings1.png) no-repeat;
	text-align: center;
	color: #000;
	font-size: 35px;
	padding: 50px;
	margin: 0 auto 40px 0;
	border-bottom: 1px solid gray;
	border-left: 15px solid gray;
	border-right: 15px solid gray;
	}
#maintenance #content
	{
	border-top: 1px solid #ACCCFF;
	border-bottom: 1px solid #ACCCFF;
	background-color: #EEF5FF;
	margin: 0 20px 0 300px;
	width: 300px;
	text-align: center;
	font-size: 13px;
	padding: 10px;
	}
#maintenance #signature
	{
	margin: 50px 30px 10px 10px;
	text-align: right;
	font: normal 12px "MS Sans Serif", Geneva, sans-serif;
	color: #888;
	}
.spacer
	{
	clear: both;
	}
.note	, .note a
	{
	clear: both;
	font-family: 'Tahoma';
	font-size: 10px;
	color: #ccc;
	text-align: center;
	margin: 15px 2px 5px 2px;
	}
.fullBottom
	{
	border: 1px solid red;
	clear: both;
	width: 300px;
	position: absolute;
	top: 800px;
	}
.info
	{
	border: 1px solid #CC9901;
	padding: 0px 0 0px 25px;
	background: #FEF4D3 url(icones/help.ico) no-repeat 5px;
	margin: 6px;
	width: auto;
	font: normal 12px Trebuchet MS;
	}
.info #text
	{
	float: left;
	margin: 5px 5px 5px 3px;
	}
.info a#closeThumb
	{
	float: right;
	background: orange;
	padding: 6px;
	margin: 0px 0px 0px 5px;
	display: block;
	color: #000;
	font: bold 12px "MS Sans Serif", Geneva, sans-serif;
	}
.info a#closeThumb:hover
	{
	float: right;
	background: red;
	padding: 6px;
	margin: 0px 0px 0px 5px;
	display: block;
	}
#Filereception
	{
	float: left;
	}
.infoImage
	{
	clear: both;
	float: left;
	margin: 0 3px;
	}
.infoImage img
	{
	border: 1px solid silver;
	padding: 2px;
	background: #eee;
	}
#transferMail
	{
	margin: 0 0 5px 0;
	}
#transferMail a
	{
	display: block;
	text-align: center;
	width: 99%;
	margin: 0 auto;
	background: none;
	}
#transferMail a img
	{
	border: none;
	}
.servicesTop #liveDate
	{
	font: bold 10px Arial, Helvetica, sans-serif;
	color: Maroon;
	letter-spacing: 0px;
	}	
.statcounterConteneur
	{
	float: right;
	padding: 3px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	background: orange;
	}
.statcounterContenu
	{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	}

/* ADMIN ON SITE
=================================================================*/
.welcomeAdmin
	{
	background-color: orange;
	color: #000 !important;
	font-weight: bold;
	padding: 2px !important;
	text-decoration: none;
	float: left;
	margin: 2px 2px 2px 340px;
	}
.welcomeAdmin a
	{
	text-decoration: underline;
	font-weight: bold;
	}
.editadmin
	{
	color: gray;
	padding: 1px;
	clear: both;
	}
.editadmin a
	{
	border: 1px solid red;
	background-color: orange;
	color: #000 !important;
	font-weight: bold;
	padding: 2px !important;
	text-decoration: none;
	margin: 5px 0 0 0;
	}
.editadmin a:hover
	{
	border: 1px solid red !important;
	background-color: #000 !important;
	color: orange !important;
	font-weight: bold;
	padding: 2px !important;
	text-decoration: none;		
	}
.posiTop
	{
	position: relative;
	top: -50px;
	}
.posiRight
	{
	position: relative;
	right: -40px;
	}
.posiAbsolute
	{
	position: absolute;
	}
.TopCorner
	{
	top: 3px;
	}
.LeftCorner
	{
	left: 3px;
	}
.RightCorner
	{
	right: 3px;
	}
/*	DESIGN
==================================================================*/
.with1BorSilver
	{
	border: 1px solid silver;
	}
.with1BorGray
	{
	border: 1px solid gray;
	}
.BGGray
	{
	background-color: Gray;
	}
.BGSilver
	{
	background-color: Silver;
	}
.BGSilverLight
	{
	background-color: #ddd;
	color: #000;
	}
.clearBoth
	{
	clear: both;
	}
.FloatTop
	{
	top: 2px;
	}
.FloatRight
	{
	float: right;
	}
.FloatLeft
	{
	float: left;
	}
.smallBoxSilver
	{
	border: 1px solid silver;
	display: block;
	padding: 1px;
	margin: 2px;
	}
.smallBoxGray
	{
	border: 1px solid gray;
	display: block;
	padding: 2px;
	margin: 2px;
	overflow: hidden;	
	}
/*	MAIL
==================================================================*/



#corpsmail
	{
	clear:both;
	margin: 5px 0 3px 0;
	padding: 0 5px 0 0px;
	font-family: "Trebuchet MS";
	font-size:12px;
	color: #000;
	}
#corpsmail a
	{
	text-decoration:none;
	color: gray;
	}
#corpsmail a:hover
	{
	text-decoration:underline;
	}	
#corpsmail div
	{
	margin: 5px 0 5px 0;
	padding:  5px 15px 5px 15px;
	}
#corpsmail .footer
	{
	padding: 10px;
	float: right;
	width: 50%;
	border-top: 1px dashed silver;
	}
	
#corpsmail .footer a
	{
	color: gray;
	text-decoration:none;
	}	
#corpsmail .footer a:hover
	{
	color: #666666;
	background: #fff;
	text-decoration:underline;
	}	
/*	PRELOADED IMAGES
==================================================================*/
.PRELOADEDIMG
	{
	display: none;
	background: url(links_bg_slice.gif);
	background: url(body_bg_slice.gif);
	background: url(welcome_bg.gif);
	background: url(linksContainer_bg_slice.jpg);
	background: url(links_bg_ref.gif);
	background: url(header_bg.jpg);
	background: url(kokennServicesBack.gif);	
	}
/*	EXTRAS
=================================================================*/
#googleSearchTab
	{
	margin: 2px 0 2px 0;
	border: 1px solid #ddd;
	background: #eee;
	border-left: none;
	border-right: none;
	font: 11px verdana;
	padding: 2px;
	width: 190px;
	}
#googleSearchTab #siteSearch
	{
	font: 11px arial;
	}
#googleSearchTab input#sbb
	{
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
	border-left: 2px solid #E9E9E9;
	border-top: 2px solid #E9E9E9;
	background: #ccc;
	cursor: pointer;
	}
.googleRresult
	{
	font-size: 80%;
	width: 501px;
	margin: 10px auto 10px auto;
	}
.googleAds
	{
	text-align: center;
	margin: 10px 0 5px 0;
	}
	

/*	INDEX.PHP
==================================================================*/
#imageFrame
	{
	background: #000 url(_2.gif) top repeat;
	height: 600px;
	width: 732px;
	margin: 0 auto;
	}
.randomFile
	{
	padding: 0px;
	background: #000 url(_2.gif) top repeat-x;
	clear: both;
	min-height: 600px;
	}
.randomFile .title
	{
	background: #414141 url(body_loop.gif) repeat-x top;
	border-bottom: 1px solid silver;
	padding: 7px 5px 7px 15px;
	color: #ff0;
	font: normal 15px "Trebuchet MS";
	text-transform: none;
	}
.randomFile .title .texte
	{
	float: left;
	}
.randomFile .content
	{
	background: #000 url(_2.gif) top repeat-x;
	idth: 715px;
	margin: 0 auto 0 auto;
	}
 #randomFileContent
	{
	idth: 650px;
	margin: 0px auto;
	padding: 5px 0;
	background: #000 url(_2.gif) top repeat-x;
	text-align: center;
	min-height: 600px;
	}
 #randomFileContent #randomFileContentImage
	{
	border: 1px solid silver;
	padding: 3px;
	background: #eee ;
	background-image: url(loading.gif);
	background-position: center;
	background-repeat: no-repeat;
	}
#randomFileContent .texte
	{
	color: #414141;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	}
 #randomFileContent .someworks
	{
	position: absolute;
	display: none;
	color: #000;
	font-weight: bold;
	margin: 0 auto 2px auto;
	padding: 3px 0 3px 0;
	width: 350px;
	border: 3px solid gold;
	background: silver;
	-moz-opacity:0.8;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	left: 282px;
	top: 127px;
	}
.randomFile .voirAutresTravaux
	{
	float: left;
	margin: 3px 0 0 298px;
	}
.randomFile .reload
	{
	float: right;
	padding: 2px;
	background: #fff;
	border: 1px solid yellow;
	}
.randomFile .voirAutresTravaux a
	{
	padding: 4px 4px 3px 18px;
	width: 120px;
	background: gold url(icones/reverse.gif) 3px 3px no-repeat;
	font: 11px "tahoma";
	border: 1px solid #c17e00;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	}
.randomFile .voirAutresTravaux a:hover
	{
	padding: 4px 4px 3px 18px;
	width: 120px;
	background: #fff url(icones/reverse.gif) 3px 3px no-repeat;
	font: 11px "tahoma";
	border: 1px solid #000;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	}
.randomFile .reload img
	{
	border: none;
	}
.randomFile .reload:hover
	{
	float: right;
	padding: 2px;
	background: #F0E68C;
	border: 1px solid orange;
	}
.randomFile .reload:hover img
	{
	border: none;
	}
#randomFileContent .texte a
	{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 15px 2px 3px;
	margin: 2px 0 0 0;
	}
#randomFileContent .texte a:hover
	{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 1px 14px 1px 2px;
	border: 1px solid gray;
	background-color: #1A1A1A;
	margin: 2px 0 0 0;
	border-left: none;
	border-right: none;
	}
#cate, #IphoneClient
	{
	color: #fff;
	background-color: #000;
	-moz-opacity:0.7;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);	
	}
#cate
	{
	border-color: #4e4e4e #000 #000 #000;
	position: absolute;
	background-color: #000;
	top: 0px;
	left: 238px;
	width: 260px;
	padding: 10px 0 10px 0;
	height: 27px;
	font-size: 15px;
	text-align: center;
	border: 1px;
	-moz-border-radius: 0 0 10px 10px;
	}
#cate a
	{
	color : #ff0;
	z-index:6000;
	}
#cateOut
	{
	order-color: #4e4e4e #000 #000 #000;
	z-index: 6000;
	position: absolute;
	top: 0px;
	left: 238px;
	width: 259px;
	padding: 0px 0;
	height: 47px;
	text-align: center;
	border-width: 0px;
	border-style: solid solid solid solid;
	-moz-border-radius: 0 0 10px 10px;	
	}
#cateOut a
	{
	color : #ff0;
	}
.shadow {
		-moz-box-shadow: #000 2px 2px 3px;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
	}
#IphoneClient
	{
	z-index: 6000;
	position: absolute;
	padding: 17px 10px;
	border-color: gray;
	border-width: 1px;
	top: 160px;
	left: 0px;
	width: 300px;
	text-align: center;
	color: #ff0;
	font: 13px Arial, Helvetica, sans-serif;
	border-style: solid solid solid none;
	-moz-border-radius:0 7px 7px 0 ;
	}
#IphoneClientOut
	{
	
	}
.texte2
	{
	visibility: hidden;
	z-index: 5000;
	position: absolute;
	top: 150px;
	left: 38px;
	width: 230px;
	text-align: center;
	color: #ff0;
	font: 13px Arial, Helvetica, sans-serif;
	}
.texte2 a
	{
	color: #fff;
	}
	
	
	
	
	
	
	
.servicesContainer
	{
	background: #fff;
	margin: 0px auto 30px auto;
	}
.servicesContainerContent
	{
	margin: 0 auto 0 auto;
	border: 1px solid red;
	}
.left
	{
	margin: 0 0 10px 0;
	float: left;
	width: 190px;
	background: #fff;
	border-right: 1px solid #ddd;
	display: none;
	}
.left .header
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid silver;

	}
.left .header a
	{
	text-decoration: none;
	color: Gray;
	display: block;
	width: 100%;
	padding: 10px 0 10px 0;
	}	
.left .header a:hover
	{
	color: #000;
	background: #DDDDDD;
	}	
.left a:hover .header 	
	{
	border: 1px solid #000;
	background: #B22222;
	padding: 1px 2px 1px 2px;
	color: #fff;
	}
.left .welcome
	{
	display: none;
	background: url(bouton_bg.jpg) center no-repeat;
	color: #000;
	text-align: right;
	padding: 0 45px 0 0;
	line-height: 95px;
	letter-spacing: 1px;
	margin: 1px 0 1px 0;
	}	
.left .content
	{
	margin: 2px 0 0 0;
	font-size: 20px;

	text-decoration: none;
	color: #000;
	background: #F7F7F7;	
	}
.left .content a
	{
	padding: 10px;
	display: block;

	text-decoration: none;
	color: #000;
	border: 1px solid silver;
	border-left: none;
	border-right: none;
	background: #F7F7F7;
	}
.servicesContainerContentRight
	{
	display: block;
	padding: 0 0 0 0px;
	color: #000;
	overflow: visible;

	}
.servicesContainerContentRightHome
	{
	idth: 540px;
	}
.FloatLeft
	{
	float: left;
	margin: 0 0 0 10px;
	}
+linksContainer	
	{
	border: 1px solid silver;
	border-bottom: none;
	display: block;
	width: 534px;
	float: left;
	height: 40px;
	padding: 0px 2px 0 2px;
	background: url(../images/linksContainer_bg_slice.jpg) repeat-x bottom;
	}
.linksContainer	
	{
	display: block;
	float: left;
	margin: 0 0 0px 0;
	}
.home
	{
	idth: 730px;
	}
#accueilePage .home
	{
	width: 200px;
	}
linksContainer#accueilPage
	{
	border: 1px solid silver;
	display: block;
	width: 715px;
	float: left;
	height: 40px;
	padding: 0px 4px 0 8px;
	background: #E9E9E9;
	margin: 0 0 10px 0;
	}
#accueilPageHome
	{
	idth: 715px;
	}
.linksContainer a#tous, a#tous
	{
	display: none;
	border: 1px solid silver;
	border-top: none;
	text-align: center;
	background: #fff;
	color: #000;
	font-size: 10px;
	text-decoration: none;	
	padding: 0px 3px 1px 2px;	
	margin: 0px 2px 0 3px;
	}
.linksContainer a#tous:hover
	{
	padding: 0px 3px 1px 2px;	
	margin: 0px 2px 0 3px;
	cursor: pointer;
	background: #ddd;
	border: 1px solid silver;
	border-top: none;
	}	
linksContainerContent
	{
	width: 524px;
	}
accueilPage .linksContainerContent
	{
	width: 715px;
	}	
.links
	{
	float: left;
	border: none;
	}
.FloatLeft
	{
	padding: 2px 3px 3px 0px;
	}	
.links a
	{
	text-decoration: none;
	border-top: 1px solid #6c6c6c;
	border-bottom: 1px solid #6c6c6c;
	color: #fff; !important;
	display: block;
	padding: 20px 3px 15px 2px;
	margin: 0px;
	width: 117px;
	text-align: center;
	background: #fff url(home_header_back.jpg) left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	}	
accueilPage .links a
	{
	text-decoration: none;
	border: 1px solid silver;
	border-top: none;
	border-right: none;
	color: #fff; !important;
	display: block;
	padding: 2px 3px 2px 2px;
	margin: 0px;
	width: 112px;
	text-align: center;
	background: #fff url(links_bg_slice.gif) bottom left repeat-x;	
	}
.homeHeaderLinks
	{

	}
.links a:hover
	{
	border: 1px none #fff;
	border-right: none;
	border-top: none;
	border-bottom: 4px solid gold;
	display: block;
	padding: 21px 3px 12px 2px;
	margin: 0px;
	width: 117px;
	background: url(home_header_back_hover.jpg) repeat-x ;
	text-decoration: none;
	color: #fff;
	}	
links a.on
	{
	border: 1px solid #000;
	border-top: none;
	border-top: 1px none silver;
	border-left: 1px solid silver;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	display: block;
	padding: 4px 3px 5px 2px;	
	margin: 0px 2px 0 3px;
	color: #000;
	text-decoration: none;
	background: #ff0;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	}
.links a.on
	{
	border-right: 1px solid gold;
	border-top: 1px solid gold;
	border-left: 1px solid gold;
	border-bottom: 7px solid gold;
	background: #000 url(ome_header_back.jpg) left repeat-x;	
	display: block;
	padding: 14px 2px 15px 1px;
	margin: 0px;
	width: 117px;
	text-decoration: none;
	color: yellow;
	}	
.links a.on:hover
	{
	border-right: 1px solid gold;
	border-top: 1px solid gold;
	border-left: 1px solid gold;
	border-bottom: 7px solid gold;
	background: #000 url(ome_header_back.jpg) left repeat-x;	
	display: block;
	padding: 14px 2px 15px 1px;
	margin: 0px;
	width: 117px;
	text-decoration: none;
	color: yellow;
	cursor: default;
	}
links a.on:hover
	{
	border: 1px solid #000;
	border-top: none;
	border-top: 1px none silver;
	border-left: 1px solid silver;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	display: block;
	padding: 4px 3px 5px 2px;	
	margin: 0px 2px 0 3px;
	color: #000;
	text-decoration: none;
	background: #ff0;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	cursor: text;
	}
.liensUtiles
	{
	border: 1px solid red;
	}
.liensUtiles .links
	{
	background: red;
	}
.servicesHyperTop
	{
	background: #414141;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 7px;
	order-bottom: 1px solid #6c6c6c;
	color: #fff;
	text-align: center;
	}
.servicesHyperTop a
	{
	color: yellow;
	text-decoration: none;
	}
.servicesHyperTop a:hover
	{
	text-decoration: underline;
	}
.servicesHyperTop #left
	{
	float: left;
	width: 49%;
	}
 .servicesHyperTop #right
	{
	float: left;
	width: 49%;
	text-align: right;

	}	
object
	{
	float: left;
	}
.servicesTop
	{
	background: url(header_bg2.jpg) no-repeat;
	display: block;
	float: left;
	width: 288px;
	margin: 0 0 2px 0px;
	padding: 32px 18px 30px 130px;
	color: #000;
	letter-spacing: 2px;
	font-family: "Trebuchet MS";
	text-align: right;
	font-size: 20px;
	}
.servicesDown
	{
	margin: 0px;
	padding: 0 0 0 0;
	clear: left;
	min-height: 500px;
	}
.clearBG
	{
	background-color: #fff;
	}
.fitWidth
	{
	float: left;
	}
.servicesDown	.head
	{
	background: #414141;
	padding: 5px 0 5px 14px;
	color: #fff;
	font-size: 13px;
	}
.servicesDownFolio
	{
	argin: 10px 0 0 0;
	}
#servicesDownContent
	{
	border: 1px solid #6c6c6c;
	width: 500px;
	margin: 5px;
	background-color: #fff;
	}
.services
	{
	border: 5px solid gold;
	position: absolute;
	top: 53px;
	width: 300px;	
	overflow: hidden;
	background-color: #414141;
	display: none;
	filter:alpha(opacity=95);
   moz-opacity:0.95;
   opacity: 0.95; 
	}
.services .souslign
	{
	text-decoration: underline;
	}	
.services a
	{
	padding: 51px 0 0 0;	
	border-top: 1px none #fff;
	cursor: pointer;
	position: relative;
	color: #fff;
	text-decoration: none;

	}
#first
	{
	position: absolute;
	left: 122px;
	}
#second
	{
	position: absolute;
	left: 366px;
	}
.services a#last
	{
	position: absolute;
	top: 90px;
	left: 200px;
	}
services a:hover
	{
	background: url(servicebackgray.gif) repeat-x top;
	display: block;
	border: 1px solid silver;
	padding: 51px 0 0 0;	
	border-top: 1px none #fff;
	cursor: pointer;	
	}
.services a#first:hover
	{
	border-left: none;
	padding-left: 1px;
	}
.services a#second
	{
	
	}
.services a#last:hover
	{
	border-right: none;
	padding-right: 1px;
	}
services a:hover .content
	{
	color: #000;
	background: #fff url(servicesBottom_BG.gif) repeat-x 10px 100%;	
	border-top: 1px dashed #f0e68c;
	font-size: 11px;
	font-family: "Trebuchet MS";
	line-height: 18px;
	text-align: center;
	visibility: visible;
	padding: 10px 15px 45px 15px;
	}	
.services .header
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	display: block;
	}
.services .header .texte
	{
	margin: 25px 0 25px 25px;
	float: left;
	font-size: 50px;
	display: block;
	}
services a:hover .header .texte
	{
	color: #000;
	}
.services .header .icone
	{
	float: left;	
	margin: 15px 5px 5px 55px;	
	}
.services .header .icone img
	{
	border: 3px solid #000;
	background-color: #fff;
	filter:alpha(opacity=1);
   -moz-opacity:1;
   opacity: 1; 	
	}	
.services .content
	{
	border-top: 1px dashed #414141;
	font-size: 11px;
	font-family: "Trebuchet MS";
	line-height: 18px;
	text-align: center;
	visibility: visible;
	padding: 10px 15px 45px 15px;
	}
	
/*	SERVICES
===============================================================*/
#listeServices .title
	{
	border: 1px dashed silver;
	padding: 3px;
	background: #F7F7F7;
	margin: 15px 3px 5px 10px;
	width: 60%;
	font-size: 15px;
	}
#listeServices .content
	{
	list-style: square;
	list-style: inside;
	text-transform: capitalize;
	display: block;
	color: #000;
	display: block;
	padding: 5px 0 5px 10px;
	width: 120px;
	margin: 1px 5px 2px 20px;		
	}
#listeServices .contentLink a
	{
	color: #000;
	display: block;
	text-transform: capitalize;
	padding: 6px 0 6px 30px;
	width: 310px;
	}
#listeServices .contentLink a:hover
	{
	text-decoration: none;
	display: block;
	background: #eee;
	width: 310px;
	padding: 5px 0 5px 30px;	
	border: 1px solid #ddd;	
	border-left: none;
	}	
/*		CLIENTS
===============================================================*/
	/*	MA PAGE
	--------------------------------------------------------*/
	#maPage
		{
		background-color: #fff;
		margin: 0 3px 3px 3px;
		padding: 0px;
		}
	#maPage .title
		{
		padding: 6px 15px;
		margin: 0 0 3px 0;
		background-color: #414141;
		color: #fff;
		font: bold 11px Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		}
	#maPage .title #prenom
		{
		color: silver;
		font: normal 10px Arial, Helvetica, sans-serif;
		}
	#maPage #InfoAboutNew
		{
		border: 1px solid orange;
		padding: 3px;
		margin: 5px 3px;
		font-size: 10px;
		background-color: #FFDEAD;
		}
	#maPage #links a
		{
		text-decoration: none;
		}
	#maPage #links
		{
		border: 1px solid silver;
		float: left;
		margin: 3px 0px 5px 1px;
		width: 178px;
		padding: 0px;
		color: gray;
		text-decoration: none;
		}
	#maPage #links .sousMenu
		{
		clear: both;
		}
	#maPage #links .sousMenu li.sousMenuTitle
		{
		background: silver url(icones/right2.gif) no-repeat 3px;
		padding: 5px 3px 5px 25px;
		margin: 7px 0 2px 0;
		color: #000;
		font-weight: bold;
		width: 143px;
		border-top: 1px solid gray;
		}
	#maPage #links .title
		{
		font: normal 12px Arial, Helvetica, sans-serif;
		background: #414141 url(header_bg_4_slice.gif) bottom repeat-x;
		border: none;
		color: #fff;
		padding: 0px;
		}
	#maPage #links .title a
		{
		color: #fff;
		display: block;
		padding: 5px 3px 10px 10px;
		}
	#maPage #links .title a:hover
		{
		background: #fff url(welcome_bg.gif) bottom repeat-x;
		}
	#maPage #links ul.sousMenu
		{
		margin: 0 0 2px 0;
		}
	#maPage #links ul.sousMenu li
		{
		padding: 0px;
		width: 93.8%;
		}
	#maPage #links ul.sousMenu li a
		{
		padding: 1px 3px 1px 10px;
		list-style-position: inside;
		display: block;
		width: 98%;
		}
	#maPage #links ul.sousMenu li.sep
		{
		border: 1px dashed silver;
		}
	#maPage .logout#links a
		{
		background: #000 url(icones/door_in.png) no-repeat 10px;
		color: Orange;
		display: block;
		padding: 5px 5px 5px 30px;
		font: bold 13px Arial, Helvetica, sans-serif;
		}
	#maPage #links ul.sousMenu li a:hover
		{
		padding: 1px 3px 1px 10px;
		list-style-position: inside;
		background-color: #eee;
		color: #000;
		margin: 0px;
		}
	#maPage #links .sousMenu a
		{
		font-size: 10px;
		}
	
	maPage a:hover
		{
		border-left: 1px none #191970;
		border-right: 1px none #191970;
		border-top: 3px solid #191970;
		border-bottom: 3px solid #191970;
		color: #191970;
		display: block;
		float: left;
		margin: 20px 10px;
		width: 130px;
		padding: 5px 11px;
		font: normal 14px Arial, Helvetica, sans-serif;
		background-color: #C7C8EF;
		text-decoration: none;
		}
	/*	Validation
	--------------------------------------------------------*/
.actionMod
	{
	padding: 3px;
	margin: 3px 0px 5px 0px;
	border-top: 1px solid #CC9901;
	border-bottom: 1px solid #CC9901;
	background: #F9FAE4 url(icones/warning.ico) no-repeat 5px 14px;
	font: normal 11px arial,helvetica;
	color: #000;
	}
.actionMod .left
	{
	float: left;
	margin: 0 0 2px 25px;
	width: 53px;
	background: transparent;
	border-right: 1px none #CC9901;
	}
.actionMod .left img.image
	{
	padding: 2px;
	border: 1px solid silver;
	text-align: center;
	display: block;
	background: #eee;
	margin: 0 auto;
	width: auto;
	}
.actionMod .right
	{
	float: left;
	padding: 10px 15px 0 3px;
	display: block;
	margin: 0 5px 0 10px;
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	
#search
	{
	float: left;
	margin: 2px 0 2px 5px;
	display: block;
	}
#searchInput
	{
	font: italic 11px Arial, Helvetica, sans-serif;
	color: gray;
	}
.servicesDown	.headClient
	{
	background: #eee url(header_bg_4BW_slice.gif) repeat-x 0px -30px;
	padding: 5px 0 15px 0px;
	font-size: 13px;
	}
form
	{
	margin: 0px;
	}

.fonce
	{
	font-weight: bold;
	}
.compteNoActif
	{
	margin: 0px;
	border: 1px solid orange;
	padding: 5px 5px 5px 35px;
	color: #442600;
	background: #F0E68C url(icones/att.gif) no-repeat 10px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	}
#noFilesYet
	{
	margin: 30px auto 30px auto;
	border: 1px solid orange;
	padding: 15px 15px 15px 35px;
	width: 50%;
	color: #442600;
	background: #F0E68C url(icones/att.gif) no-repeat 10px;
	font: 12px Georgia, "Times New Roman", Times, serif;	
	}	
.compteActif
	{
	margin: 10px;
	border: 1px solid green;
	padding: 5px;
	background: #fff;
	color: green;
	font: 12px Georgia, "Times New Roman", Times, serif;
	}	
.clientWelcomeTexte
	{
	width: 400px;
	margin: 25px auto 5px auto;
	border: 1px solid khaki;
	padding: 8px;
	line-height: 20px;
	font-size: 12px;
	background: #FFFFE0 url(icones/object_message_icon.gif) no-repeat 5px 10px;
	}
.clientWelcomeTexte a
	{
	color: Maroon;
	font-weight: bold;
	}

#RefNumContainer
	{
	padding: 10px;
	margin: 20px auto 15px auto;
	width: 350px;
	line-height: 60px;
	border: 2px solid black;
	background: #D5D5D5;
	text-align: center;
	}
#RefNumContainer div
	{
	float: left;
	margin: 0px;
	}
#RefNumContainer .title
	{
	border: 1px solid red;	
	}	
#RefNumContainer #numreference
	{
	width: 230px;
	height: 21px;
	}
.soumettre
	{
	border: 1px solid silver;
	border-bottom: 1px solid gray;
	padding: 2px;
	width: 100px;
	background: #ddd;
	}
.soumettre input
	{
	float: left;
	border: 1px solid #A3A3A3;
	border-top: 1px solid silver;
	border-bottom: 1px solid gray;	
	background: #eee;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	}

/*	CREATION DE COMPTE USER
==============================================================*/
#create
	{
	padding: 3px;
	background: url(folio_bg.gif);
	}
#create #head
	{
	border-bottom: 1px solid silver;
	padding: 5px;
	background: #C7C7C7;
	font: normal 15px Arial, Helvetica, sans-serif;	
	}	
#create td
	{
	padding: 2px;
	font: normal 14px Arial, Helvetica, sans-serif;
	}
#create .aide
	{
	visibility: hidden;
	border: 1px solid #E5D220;
	background: #F6FFAC;
	padding: 5px;
	margin: 5px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	color: #000;
	filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;	
	}
#usernameExist
	{
	border: 1px solid #E30000;
	padding: 5px;
	margin: 2px;	
	text-align: center;
	background: #FFE1E1 url(icones/24-message-warn.png) no-repeat 10px;
	}
#createsucces
	{
	border: 1px solid #005B01;
	padding: 10px 10px 10px 25px;
	margin: 2px;	
	text-align: center;
	background: #BFFFC0 url(icones/ok.gif) no-repeat 10px;
	}		
/*	LOGIN
==============================================================*/
#login
	{
	background: #fff url(account-info.gif) no-repeat 350px 90px;
	border: 1px solid #000;
	margin: 10px auto auto auto;
	padding: 0px;
	width: 450px;
	}
#login #head
	{
	border-bottom: 1px none gray;
	padding: 0px;	
	background: #414141 url(back_dark.png) bottom repeat-x;
	margin: 0px;
	}
#login #head .texte
	{
	padding: 17px 0px 20px 10px;
	text-align: right;
	background: url(icones/login.gif) no-repeat 10px 14px;
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	width: 425px;
	}	
#login td
	{
	font: normal 11px Arial, Helvetica, sans-serif;	
	}
#login .texte
	{
	font: normal 12px Trebuchet MS;
	padding: 0 0 0 7px;
	}	
#login #button
	{
	font: 14px  Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 15px 5px 15px;
	width: 90%;
	margin: 0 0 7px 7px;
	border-bottom: 2px solid #232323;
	border-right: 2px solid #232323;
	border-top: 2px solid silver;
	border-left: 2px solid silver;
	background: #414141;
	cursor: pointer;
	}
#login .aide
	{
	visibility: hidden;
	border: 1px solid #E5D220;
	background: #F6FFAC;
	padding: 5px;
	margin: 5px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	color: #000;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
	}
#login .aide #texte
	{
	filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;	
	}	
#login .aide .fonce
	{
	font-weight: bold;
	}
#login a
	{
	color: #327E96;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#login a:hover
	{
	text-decoration: underline;
	}
#login #bottom
	{
	background: #414141;
	margin: 0px;
	color: silver;
	}
#login #bottom a
	{
	color: Yellow;
	text-align: center;
	}
#login #bottom a#creerCompteLink	
	{
	background: Orange;
	display: block;
	padding: 3px 10px 3px 10px;
	float: right;
	color: #000;
	}
	
#demEmail
	{
	margin: 10px auto 10px auto;
	width: 90%;
	padding: 6px;
	border: 1px solid silver;
	}	
/*	GESTION DE LOGIN
==============================================================*/
#goLogin
	{
	border: 1px solid orange;
	background: #FFE7BB url(icones/att.gif) no-repeat 10px;
	padding: 5px;
	margin: 2px;
	text-align: center;
	}
#badLogin
	{
	border: 1px solid #E30000;
	padding: 5px;
	margin: 2px;	
	text-align: center;
	background: #FFE1E1 url(icones/24-message-warn.png) no-repeat 10px;
	}
#logOut
	{
	border: 1px solid #005B01;
	padding: 5px;
	margin: 2px;	
	text-align: center;
	background: #BFFFC0 url(icones/ok.gif) no-repeat 10px;
	}	
/*	RESULTATS CLIENTS
==================================================================*/
#THUMBGENERATOR
	{
	display: none;
	visibility: hidden;
	}
.oui
	{
	font: bold 12px arial,helvetica;
	text-decoration: none;
	margin: 0px 3px 3px 0;
	color: Green;
	}
a.oui
	{
	color: green;
	font: bold 12px arial,helvetica;
	text-decoration: none;
	margin: 0px 3px 3px 0;
	}
oui a
	{
	display: block;
	color: green;
	}
a.non
	{
	color: red;
	font: italic 12px arial,helvetica;
	text-decoration: none;
	margin: 0px 3px 3px 0;
	}
.non
	{
	font: italic 11px arial, helvetica;
	margin: 0px 3px 3px 0;
	color: red;
	}
non a
	{
	display: block;
	color: red;
	}		
.clientsInterdit
	{
	border: 1px solid #E30000;
	padding: 5px;
	margin: 2px;
	font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	text-align: center;
	background: #FFE1E1 url(icones/24-message-warn.png) no-repeat 10px;
	}
.clientsInterditView
	{
	border: 1px solid #E30000;
	font: bold 13px Arial Helvetica sans-serif;
	padding: 5px;
	margin: 2px;	
	text-align: center;
	background: #FFE1E1 url(icones/24-message-warn.png) no-repeat 10px;
	}	
.erreurTitle
	{
	display: none;
	border: 2px solid red;
	background: #FFDEAD url(icones/off.gif) no-repeat 10px 3px;
	position: absolute;
	top: 195px;
	left: 210px;
	width: 100px;
	color: #C40000;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	}
#espaceCliTexte
	{
	float: left;
	}
.autreProjet
	{
	float: right;
	width: 280px;
	text-shadow: black 0.1em 0.1em 0.2em;
	padding: 0px;
	margin: 0 0 0 2px;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.autreProjet .soumettre
	{

	}
.autreProjet input#numreference
	{
	height: 11px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0 0 0;
	}	
.autreProjet input.soumettre
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 60px;
	padding: 0px;
	margin: 0px 0 2px 0;
	}
.clientsResultName
	{
	font: bold 11px Arial, Helvetica, sans-serif;
	background: url(icones/People_072.gif) no-repeat 10px 0px;
	color: #0C042F;
	padding: 2px 2px 2px 0px;
	}
.clientsResultName #prenom
	{
	padding: 2px 2px 2px 30px;
	}	
#menuClients
	{
	margin: 0 3px 0 0;
	display: none;
	float: right;
	width: 200px;
	text-align: right;
	}
#menuClients a
	{
	color: Green;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
#fildariane
	{
	color: gray;
	font: normal 11px "Courier New", Courier, monospace;
	padding: 1px 3px 1px 3px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background: #fff url(servicesBottom_BG.gif) repeat-x;
	}
#fildariane a
	{
	color: green;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	font: normal 11px "Courier New", Courier, monospace;
	}
#fildariane a:hover
	{
	color: green;
	padding: 1px 3px 1px 3px;
	background: yellow;	
	font: normal 11px "Courier New", Courier, monospace;
	}	
#fildariane a.on
	{
	border: 1px solid green;
	padding: 1px 3px 1px 3px;
	background: Green;
	color: #fff;
	text-decoration: none;
	cursor: text;
	}
#fildarianeSousMenu
	{
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 0px;
	background: #ddd;
	clear: both;
	margin: 0;
	}
#fildarianeSousMenu a
	{
	font: bold 11px "Courier New", Courier, monospace;
	display: block;
	float: left;
	color: #414141;
	padding: 2px 5px 2px 30px;
	text-decoration: none;
	border-right: 1px solid silver;
	}
#fildarianeSousMenu .ArianeOn
	{
	background-color: #414141 !important;
	color: #ffd700;
	}
#fildarianeSousMenu a#accueil
	{
	background: url(icones/house.png) no-repeat 5px;
	}

#fildarianeSousMenu a#accueil:hover
	{
	background: #414141 url(icones/house.png) no-repeat 5px;
	color: #fff;
	}
#fildarianeSousMenu a#message
	{
	background: url(icones/Email_icons_026.gif) no-repeat 5px;
	}
#fildarianeSousMenu a#message:hover
	{
	background: #414141 url(icones/Email_icons_026.gif) no-repeat 5px;
	color: #fff;
	}
#fildarianeSousMenu a#history
	{
	background: url(icones/eye.png) no-repeat 5px;
	}
#fildarianeSousMenu a#history:hover
	{
	background: #414141 url(icones/eye.png) no-repeat 5px;
	color: #fff;
	}
#fildarianeSousMenu a#help
	{
	background: url(icones/help.png) no-repeat 5px;
	font-weight: bold;
	}
#fildarianeSousMenu a#help:hover
	{
	background: #414141 url(icones/help.png) no-repeat 5px;
	color: #fff;
	font-weight: bold;
	}
#fildarianeSousMenu a#logout
	{
	background: #000 url(icones/door_in.png) no-repeat 5px;
	color: yellow;
	font-weight: bold;
	}
#fildarianeSousMenu a#logout:hover
	{
	background: #fff url(icones/door_in.png) no-repeat 5px;
	color: red;
	font-weight: bold;
	}
#fildarianeSousMenu a.on
	{
	font: bold 11px "Courier New", Courier, monospace;
	display: block;
	float: left;
	color: #000;
	background: #FFD700;
	padding: 2px 5px;
	text-decoration: none;
	border-right: 1px solid silver;
	}
#fildarianeSousMenu a:hover
	{
	font: bold 11px "Courier New", Courier, monospace;
	display: block;
	float: left;
	color: #000;
	background: #414141;
	padding: 2px 5px 2px 30px;
	text-decoration: none;
	border-right: 1px solid silver;
	}
#fildarianeSousMenuSUB
	{
	width: 140px;
	margin: 0 auto;
	padding: 2px;
	border-top: 1px dashed navy;
	}
#fildarianeSousMenuSUB a
	{
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: navy;
	text-decoration: none;
	}
.HaveSubMenu, a.HaveSubMenu:hover
	{
	background: url(icones/pfeil2Down.gif) no-repeat 63px 4px;
	}
	
	
/*	SEARCH
==============================================================*/
#searchTermHighlight
	{
	background: yellow;
	}
#searchTermHighlight a
	{
	text-decoration: underline;

	}
#searchTermHighlight a:hover
	{
	background: #F0ECBF;
	color: #000;
	}	


#soumettreFichier
	{
	isplay: none;
	margin: 6px;
	border: 1px solid #ddd;
	background: #E6E6FA;
	padding: 6px;
	}
#soumettreFichier #texte
	{
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font: normal 13px arial,helvetica;
	}
#uploadSucces
	{
	padding: 5px 5px 5px 30px;
	margin: 6px;
	border: 1px solid green;
	background: #E3FFEB url(icones/ok.gif) no-repeat 5px 4px;
	font: normal 12px arial,helvetica;
	color: #000;
	}
#fileuploaded
	{
	padding: 3px;
	width: 700px;
	margin: 0 auto;
	}
#image
	{
	float: left;
	border: 1px solid silver;
	padding: 3px;
	margin: 5px;
	background: #eee url(icones/loading.gif) no-repeat center;
}
#fileuploaded .biglink
	{
	text-align: center;
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	clear: both;
	display: block;
	padding: 3px 7px;
	border: 1px solid #000;
	margin: 5px;
	background-color: #414141;
	}
#fileuploaded #imginformations
	{
	float: right;
	order-left: 1px solid red;
	ine-height: 35px;
	font-size: 12px;
	color: Gray;
	padding: 3px;
	width: 350px;
	margin: 0 0 0 3px;
	}
#fileuploaded #imginformations div.details
	{

	order-left: 1px solid red;
	font-size: 12px;
	color: Gray;
	clear: both;
	idth: 280px;
	margin: 5px 0 5px 0px;
	}	
#fileuploaded #imginformations .head
	{
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	padding: 6px;
	background: #F8F8F8;
	font-weight: bold;
	color: #000;
	line-height: 15px;
	}	
#fileuploaded #imginformations .link a
	{
	text-decoration: none;
	border: 1px solid silver;
	background: #E0F1F5;
	display: block;
	float: left;
	padding: 3px;
	margin: 0 5px 0 0;
	}
#fileuploaded #imginformations .link a#del
	{
	text-decoration: none;
	border: 1px solid orange;
	background: #F0E68C;
	display: block;
	float: left;
	padding: 3px;
	}	
#fileuploaded #imginformations .link a:hover
	{
	text-decoration: none;
	border: 1px solid #000;
	background: #A4D1DF;
	display: block;
	float: left;
	padding: 3px;		
	}
#fileuploaded #imginformations .link a#del:hover
	{
	text-decoration: none;
	border: 1px solid #000;
	background: red;
	display: block;
	float: left;
	padding: 3px;		
	}	
#fileuploaded #imginformations .EnvoyerUnEmail
	{
	float: left;
	}

#fileuploaded #imginformations .EnvoyerUnEmail a
	{
	background: #eee;
	padding: 6px;
	display: block;
	margin: 0 10px 0 0;
	}
#fileuploaded #imginformations .EnvoyerUnEmail a img
	{
	border: none;
	}
#fileuploaded #imginformations .EnvoyerUnEmail a:hover
	{
	background: silver;
	padding: 6px;
	display: block;	
	}	
#fileuploaded #imginformations .link img a
	{
	border: none;
	}	
.clientsResultWelcome
	{
	margin: 0px;
	padding: 5px 7px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid silver;
	background: url(../images/linksContainer_bg_slice.jpg) repeat-x bottom;
	}
.clientsResultWelcome a
	{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #175817;
	}
.clientsResultWelcome .texte
	{
	float: left;
	margin: 5px;
	}

#typeFiltrage
	{
	padding: 0px 0px 0px 0;
	background: #E2FCE3 url(icones/att.gif) no-repeat 5px;
	clear: both;
	border: 1px solid green;
	margin: 6px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#typeFiltrage .texte
	{
	float: left;
	margin: 7px 0 7px 35px;
	}
#typeFiltrage a
	{
	padding: 6px;
	background: #fff;
	display: block;
	float: right;
	}
#typeFiltrage a:hover
	{
	padding: 6px;
	background: orange;
	display: block;
	float: right;	
	}	
#typeFiltrage a img
	{
	border: none	
	}
#InfosClient
	{
	isplay: none;
	clear: both;
	margin: 4px;
	padding: 4px;
	border: 1px solid gray;
	background: #fff;
	}	
.EnvoyerUnEmail
	{
	float: right;
	}
.EnvoyerUnEmail a
	{
	background: #eee;
	padding: 6px;
	display: block;
	}
.EnvoyerUnEmail a	img
	{
	border: none;
	}
.EnvoyerUnEmail a:hover
	{
	background: silver;
	padding: 6px;
	display: block;	
	}
#EnvoyerUnEmailContent
	{
	display: none;
	background: #eee;
	clear: both;
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	}
.EnvoyerUnEmailContentTitle
	{
	font: bold 12px Arial, Helvetica, sans-serif;
	background: silver url(servicesBottom_BG.gif) center repeat-x;
	margin: 0 0 3px 0;
	padding: 4px;
	color: yellow;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	}
#EnvoyerUnEmailContent span
	{
	margin: 5px;
	}	
#EnvoyerUnEmailContent .boutton
	{
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;		
	}
#changerefnum
	{
	display: none;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	padding: 4px;
	margin: 3px 0 3px 0;
	background: #eee;
	}	
.clientsThumb
	{
	border-top: 1px solid gray;
	border-bottom: 1px solid silver;
	padding: 0px;
	background: #eee url(linksContainer_bg_slice_REV.jpg) repeat-x;
	argin: 2px auto 5px auto;
	text-align: center;
	idth: 705px;
	}
.clientsThumb #title
	{
	text-align: left;
	border-bottom: 1px solid silver;
	padding: 2px 4px;
	margin: 0;
	font-weight: bold;
	ackground: #fff;
	color: #000;
	}
.clientsThumb #title #leftContent
	{
	float: left;
	width: 665px;
	order: 1px solid red;
	}
.clientsThumb #title #rightContent
	{
	}
.clientsThumb #title #ShowHide
	{
	float: left;
	}
.clientsThumb #title #ShowHide a
	{
	border: 1px solid gray;
	padding: 0px 2px;
	margin: 0px 5px 0 0;
	display: block;
	text-decoration: none;
	color: #000;
	}
.clientsThumb #content
	{
	float: left;
	}
.clientsThumb a.clientsThumbImg
	{
	border: 1px solid silver;
	padding: 1px;
	margin: 2px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	display: block;
	float: left;
	}
.clientsThumb a.clientsThumbImg:hover
	{
	overflow : visible;
	z-index : 1000;
	border : none;
	margin: 2px;
	border: 1px solid gray;
	display: block;
	}
.clientsThumb a img
	{
	float : left;
	position : absolute;
	top : -5px;
	left : -11px;
	}
.clientsThumb a:hover img
	{
	background: #ddd;
	border: 1px solid gray;
	padding: 2px;
	}
.clientsThumb #pagination
	{
	float: right;
	width: 50px;
	background: #ffd700;
	margin: 1px 0 0 0;
	display: block;
	border: 1px solid #000;
	padding: 0px;
	color: #000;
	}
.clientsThumb #pagination a
	{
	padding: 0 1px;
	float: left;
	border: none;
	width: 23px;
	text-align: center;
	text-decoration: none;	
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	}
.clientsThumb #pagination a:hover
	{
	padding: 0 1px;
	border: none;
	background: #fff;
	text-decoration: none;	
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	}
.infoContainer
	{
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 5px 5px 10px 5px;
	padding: 3px 0 3px 5px;
	width: 515px;
	background-color: #fff;
	}
.infoContainer input
	{
	font-size: 8px;
	margin: 0px;
	}
.infoContainerTitle
	{
	background: #ddd;
	font: bold 11px verdana;
	float: left;
	width: 160px;
	clear: both;
	}
.infoContainerTitleTexte	
	{
	padding: 5px 0 5px 10px;	
	float: left;
	width: 50%;
	text-transform: uppercase;
	}
.infoContainerTitleInput
	{
	float: left;
	padding-top: 2px;
	}
.infoContainer .infoLigne
	{
	border-bottom: 1px dashed #eee;
	border-right: 1px dashed #eee;
	idth: 290px;
	loat: left;
	clear: both;
	margin: 1px 0 1px 0;
	}
.infoContainer .infoTitle
	{
	color: Gray;
	padding: 3px 0 3px 1px;	
	font: 11px "verdana";
	float: left;
	width: 90px;
	}
.infoContainer .infoContent
	{
	padding: 3px 0 0px 0;
	font: 11px "verdana";
	float: left;
	}
.infoContainer .infoContent a
	{
	text-decoration: none;
	}
.infoContainer .leftContent
	{
	float: left;
	width: 300px;
	margin: 15px 7px 0 0;
	}
.infoContainer .infoContentImg
	{
	float: right;
	margin: 0 3px 0 0;
	width: 205px;
	min-height: 200px;
	}

.infoContainer #infoContentImgImg
	{
	padding: 2px;
	in-height: 40px;
	border: 1px solid #646464;
	background: #fff url(icones/loading.gif) center no-repeat;
	}
.infoContainer #infoContentImgImg a
	{
	border: none;
	}	
.infoContentImg .aide
	{
	clear: right;
	border: 1px solid orange;
	background: #FFDEAD;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px 0 0 0;
	float: left;
	width: 200px;	
	}
#FileEdit.downlnk 
	{
	border: 1px solid gray;
	background: #eee;
	margin: 0 0 5px 0;
	width: 230px;
	float: right;
	clear: both;
	padding: 0px;
	}
#FileEdit.downlnk a
	{
	border: none;
	margin: 0 2px;
	}
.downlnk
	{
	clear: right;
	text-align: center;
	width: 185px;
	margin: 3px auto 0 auto;
	}
.downlnk .voir
	{
	background: #E9E9E9;
	float: left;
	width: 55px;
	}	
.downlnk .download
	{
	float: right;
	width: 36px;
	text-align: center;
	isplay: none;
	}	
.downlnk a
	{
	display: block;
	border: 1px solid #fff;	
	color: #000;
	float: left;
	padding: 3px;
	text-decoration: none;
	font: 13px "Trebuchet MS" ;
	margin: 2px 5px 2px 0px;
	ackground: #E9E9E9;	
	}
.downlnk a#del
	{
	padding: 11px 1px 11px 1px;
	}
.downlnk a#del:hover
	{
	background: Orange;
	}			
.downlnk a img
	{
	border: none;
	}	
.downlnk a:hover
	{
	border: 1px solid #000;
	background: gray;
	color: #fff;
	}			
.infoContainer .descriptif
	{
	background: #eee;
	border: 1px solid silver;
	display: block;
	padding: 6px;
	color: #000;
	font: 11px "Trebuchet Ms";
	text-align: justify;
	text-transform: none;
	margin: 0px 5px 5px 0px;
	width: 260px;
	overflow: visible;
	clear: both;
	idth: 50%;
	}
.infoContainer .descriptifNo
	{
	font-style: italic;
	color: Gray;
	}
.infoContainer .descriptifNo #texte
	{
	float: left;
	margin: 5px 2px 0 0;
	}
.infoContainer .addDesc
	{
	float: left;
	margin: 0 0 0 5px;
	}
.infoContainer .addDesc a
	{
	border: 1px solid silver;
	padding: 3px;
	background: #fff;
	display: block;
	}
.infoContainer .addDesc a:hover
	{
	border: 1px solid orange;
	padding: 3px;
	background: #FFF5BD;
	display: block;
	}

#fileuploaded #left
	{
	float: left;
	width: 218px;
	margin: 0 0 0 50px;
	}
#fileuploaded #directLink, #directLink
	{
	clear: both;
	display: block;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #252525;
	border: 1px solid #ccc;
	padding: 3px;
	float: left;
	width: 200px;
	margin: 5px;
	background: #ccc;
	}
#fileName
	{
	clear: both;
	display: block;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid orange;
	padding: 3px;
	float: left;
	margin: 5px;
	background: #f7f7f7;
	overflow: auto;
}
#fileName a
	{
	font: 11px Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: bold;
	}
#fileName a:hover
	{
	font: 11px Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: bold;
	text-decoration: underline;
	}
#directLink a
	{
	font: 11px Arial, Helvetica, sans-serif;
	color: #252525;
	}
#fileuploaded #directLink .smallText a
	{
	font: 10px "Courier New", Courier, monospace;
	}
#messageSpace
	{
	padding: 3px;
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 95%;
	margin: 0 auto;
	line-height: 20px;
	}
#messageSpace em
	{
	color: #414141;
	font-style: italic;
	padding: 0 0 0 10px;
	display: block;
	}
#messageSpace table
	{
	border: 2px solid #252525;
	}
#messageSpace table tr#header
	{
	background: url(footergradient.gif) repeat-x;
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #252525;
	}
#messageSpace table tr#header td
	{
	padding: 5px;
	}
#messageSpace table td
	{
	padding: 0 3px;
	}
#messageSpace table .col
	{
	border-right: 1px solid #ADD8E6;
	}
/*	FOLIO
========================================================================*/
#publicWelcome
	{
	osition: fixed;
	idth: 692px;
	argin: 0 auto;
	border-top: 1px solid #525252;
	border-bottom: none;
	bottom: 0px;
	padding: 5px 20px;
	moz-border-radius: 10px 10px 0 0;
	-moz-opacity:0.9;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	background: #fff url(home_header_back.jpg) left repeat-x;
	color: #fff;
	ont: 12px Arial, Helvetica, sans-serif;
	}
#publicWelcome a
	{
	color: yellow;
	text-decoration: underline;
	}
#thumbOK
	{
	adding: 0px 0px 0px 30px;
	margin: 5px 0px;
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	background: #F2FFF3 url(icones/ok.gif) no-repeat 5px 4px;
	font: normal 11px arial,helvetica;
	color: #000;
	}
#thumbOK #text
	{
	float: left;
	margin: 5px 5px 5px 30px;
	}
#thumbOK a#closeThumb
	{
	float: right;
	background: #ddd;
	padding: 4px;
	margin: 0px 0px 0px 5px;
	display: block;
	color: #000;
	font: bold 12px "MS Sans Serif", Geneva, sans-serif;
	}
#thumbOK a#closeThumb:hover
	{
	float: right;
	background: orange;
	padding: 4px;
	margin: 0px 0px 0px 5px;
	display: block;
	}	
#noBigThumb
	{
	border: 1px solid #D70000;
	background: #FFECEC url(icones/att.gif) no-repeat 7px 4px;
	padding: 5px 5px 5px 30px;
	margin: 0 0 10px 0;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	}
#noBigThumb .small
	{
	font: 11px "Courier New", Courier, monospace;
	}
.small
	{
	font-size: 80%;
	}
.smaller
	{
	font-size: 70%;
	}
div#publicThumb
	{
	padding: 4px;
	margin: 3px;
	background: #eee;
	border: 1px solid gray;
	}
#formSend
	{
	clear: both;
	}
#formSend table
	{
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	width: 99%;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	}	
span#publicThumb
	{
	width: auto;
	text-align: center;
	margin: 2px auto 2px auto;
	display: block;
	}
img#publicThumb
	{
	border: 1px solid #ddd;
	padding: 2px;
	background: #FBFBFB;
	}
#publicThumb #links
	{
	text-align: center;
	border-top: 1px dotted silver;
	margin: 5px auto 0 auto;
	width: 170px;
	}	
#publicThumb #links a
	{
	display: block;
	float: left;
	padding: 7px 3px 3px 3px;
	margin: 0px auto 2px auto;
	}
#publicThumb #links a:hover
	{
	border: 1px none red;
	display: block;
	background: #eee;
	float: left;
	padding: 7px 3px 3px 3px;
	}	
#folioHeader
	{
	margin: 0 0 2px 0;
	}
.left .welcome#foliopage
	{
	background: url(bouton_bgBW.gif) no-repeat center;
	color: #000;
	text-align: right;
	padding: 0 45px 0 0;
	line-height: 95px;
	letter-spacing: 1px;
	margin: 1px 0 1px 0;
	}
.notice
	{
	text-align: center;
	border: 1px solid #CC9901;
	padding: 2px 0 2px 0;
	width: 538px;
	background: #FEEDB8 url(icones/att.gif) no-repeat 10px;
	margin: 3px 0 3px 0;
	font: normal 11px Trebuchet MS;
	}
.CateTitle
	{
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #fff;
	padding: 5px;
	margin: 5px 0 5px 0;
	border: 1px solid gray;
	background: #FFFCF6 url(body_loop.gif) top repeat-x;
	text-transform: capitalize;
	}	
.FolioMenu
	{
	order: 1px solid gray;
	argin: 6px 0 3px 0;
	text-transform: capitalize;	
	clear: both;
	width: 732px;
	}
.FolioMenu td
	{
	border: none;
	text-align: center;	
	}	
.FolioMenu a
	{
	text-decoration: none;
	color: #fff;
	background: #414141 url(back_dark.png) center repeat-x;	
	width: 100%;
	padding: 2px 0 2px 0;
	display: block;

	}
.FolioMenu a:hover
	{
	background: #DCDCDC;
	color: #000;
	}
.FolioMenu a.on
	{
	background: #fff;
	font-size: 10px;
	padding: 3px 0 3px 0;	
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	cursor: auto;
	}
.FolioMenu a.on:hover
	{
	background: #fff;
	font-size: 10px;
	padding: 3px 0 3px 0;	
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	cursor: auto;		
	}
#FolioContent
	{
	order: 1px solid red;
	}
.FolioLigne
	{
	margin: 10px 2px;
	loat: right;
	idth: 500px;
	padding: 0px;
	ackground-color: #fff;
	}	
.FolioLigne2
	{
	background-color: #eee;
	}
.eee
	{
	background-color: #eee;
	}
.FolioLigne .thumbImg
	{
	order: 1px solid silver;
	padding: 7px 40px 7px 7px;
	background: #414141 url(icones/loading.gif) center no-repeat;
	width: 200px;
	min-height: 100px;
	}
.FolioLigne .thumbImg a img
	{
	border: 0px;
}
.FolioLigne .thumbTexte
	{
	padding: 5px;
	width: 270px;
	}
.FolioLigne #client
	{
	text-transform: capitalize;
	}
.FolioLigne #client a
	{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	font-size: 11px;
	order-left: 2px solid #414141;
	ackground: #eee;
	display: block;
	}
.FolioLigne #client a:hover
	{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	order-left: 2px solid #414141;
	background: #414141;
	display: block;	
	}	
.FolioLigne .download
	{
	text-align: left;
	clear: both;
	}
.FolioLigne .download img
	{
	border: none;
	}	
.FolioLigne .download a
	{
	border: none;
	display: block;
	padding: 3px;
	}	
.FolioLigne #type
	{
	clear: both;
	margin: 5px;
	text-transform: capitalize;
	width: 60%;
	}
.FolioLigne #type a
	{
	color: #000;
	text-decoration: underline;
	padding: 4px;
	display: block;
	float: left;
	order: 1px solid #fff;
	ackground-color: #fff;
	}
.FolioLigne #type a:hover,.FolioLigne #contexte a:hover
	{
	background: #414141;
	color: #fff;
	text-decoration: underline;
	padding: 4px;
	display: block;
	float: left;
	}
.FolioLigne #contexte
	{
	color: Gray;
	clear: both;
	float: left;
	margin: 10px;
	padding: 4px;
	width: 60%;
	}	
.FolioLigne #contexte a
	{
	color: #000;
	text-decoration: none;
	padding: 4px;
	display: block;
	float: left;
	border: 1px solid #fff;	
	margin: 5px;	
	}
.FolioLigne #url a
	{
	color: #fff;
	clear: both;
	text-decoration: none;
	padding: 4px;
	display: block;
	float: left;
	idth: 300px;
	border: 1px solid #000;
	font: 11px "Courier New";
	overflow: hidden;
	background-color: #414141;
	}
.FolioLigne #url a:hover
	{
	color: #000;
	text-decoration: none;
	padding: 4px;
	display: block;
	float: left;
	border: 1px solid #000;
	background: #f8f8f8;
	}
.FolioLigne #descriptif
	{
	margin: 5px 0 0 0;
	}
.FolioLigne #descriptif #title
	{
	border-top: 1px dashed #ddd;
	padding: 3px 0 0 0;
	margin: 0px auto 2px auto;
	ackground: silver;
	}
.FolioLigne #descriptif #title a
	{
	border: 1px solid silver;
	padding: 2px;
	display: block;
	margin: 3px;
	font: bold 10px verdana;
	text-decoration: none;
	color: #000;
	background: #fff url(icones/pfeil2Right.gif) no-repeat 175px 4px;
	}
.FolioLigne #descriptif #title a:hover
	{
	border: 1px solid silver;
	background: #eee url(icones/pfeil2Right.gif) no-repeat 175px 4px;
	padding: 2px;
	display: block;
	margin: 3px;
	font: bold 10px verdana;
	text-decoration: none;
	color: #000;
	}	
.FolioLigne #descriptif #title a.on
	{
	background: #fff  url(icones/pfeil2Down.gif) no-repeat 175px 4px;
	}	
.FolioLigne #descriptif .content
	{
	display: none;
	clear: both;
	margin: 0px auto 2px auto;
	padding: 5px;
	color: #000;
	font: 10px "Trebuchet Ms";
	width: 170px;
	text-align: justify;
	background-color: #fff;
	}	
.FolioLigne #date
	{
	display: none;
	color: Gray;
	clear: both;
	float: right;
	font-style: italic;
	margin: 20px 5px 5px 0;
	font-size: 10px;
	}
#FBottomLinks
	{
	clear: both;
	border-top: 1px solid #6c6c6c;
	border-bottom: 1px solid #6c6c6c;
	padding: 2px 0 2px 0;
	text-align: center;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	argin: 2px 0 5px 0;
	background: #414141  url(icones/New_icons_20.gif) no-repeat 100px;
	}
#FBottomLinks a
	{
	display: block;
	padding: 5px 2px 3px 2px;
	margin: 0 10px 0 0;
	text-decoration: none;
	float: left;
	color: silver;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	}
#FBottomLinks img
	{
	padding: 0px;
	margin: 0px;
	}
#FBottomLinks a img
	{
	border: none;
	}	
#FBottomLinks a:hover
	{
	background: #ddd;
	color: #fff;
	display: block;
	padding: 5px 2px 3px 2px;
	text-decoration: none;	
	}

#FBottomLinks  a#optionSetLink:hover
	{
	padding: 5px 20px 5px 10px;
	}	
FBottomLinks #optionSetLink
	{
	padding: 5px 20px 5px 10px;
	background: url(icones/pfeil2Right.gif) no-repeat 60px 7px;
	border: 1px solid red;
	}
#FBottomLinks .optionSetOnOFF, #FBottomLinks a.optionSetOnOFF:hover
	{
	padding: 5px 20px 5px 10px;
	background: url(icones/pfeil2Right.gif) no-repeat 60px 7px;

	}
#FBottomLinks a.optionSetOn
	{
	display: block;
	padding: 5px 20px 5px 10px;
	text-decoration: none;
	background: #eee url(icones/pfeil2Down.gif) no-repeat 60px 7px;
	float: left;
	color: #000;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	}
#FBottomLinks a.optionSetOn:hover
	{
	display: block;	
	padding: 5px 10px 5px 10px;
	}
#FBottomLinks #optionSet,#FBottomLinks #optionSetBottom
	{
	clear: both;
	background: #eee;
	font: 10px verdana;
	padding: 2px 4px 2px 4px;
	text-align: left;
	display: none;
	}
#FBottomLinks #optionSet #taille,#FBottomLinks #optionSetBottom #taille
	{
	border: 1px dashed silver;
	background: #fff;
	padding: 3px;
	margin: 2px 10px 2px 5px;
	display: block;
	}	
#FBottomLinks #optionSet input,#FBottomLinks #optionSetBottom input
	{
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	}	
#info
	{
	width: 20%;
	clear: none;
	float: right;
	}	
.pagingNum
	{
	border: 1px solid gray;	
	padding: 1px;
	margin: 0px;
	color: #000;
	background: #ddd;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	display: block;
	width: 95px;
	text-align: center;
	float: left;	
	}
.paging
	{
	clear: both;
	padding: 7px 40px;
	text-align: center;
	background: #fff;
	}
.paging a
	{
	border: 1px solid #000;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	margin: 0 0px 0 4px;
	color: #000;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	width: 110px;
	float: left;
	background-color: #ffd700;
	text-decoration: none;
	}
.paging a.disabled,.paging a.disabled:hover
	{
	border: 1px solid #ddd;
	padding: 1px 5px 1px 5px;
	margin: 0 0px 0 4px;
	color: silver;
	background: #fff3b0;
	width: 110px;
	float: left;
	text-align: center;
	cursor: default;
	}	
.paging a:hover
	{
	border: 1px solid gray;
	padding: 1px 5px 1px 5px;
	margin: 0 0px 0 4px;
	color: #000;
	background: #F8F8F8;
	display: block;
	width: 110px;
	float: left;
	text-align: center;
	}
.paging a.st,.paging a.st:hover
	{
	text-align: center;
	}
.paging a.mid
	{
	text-align: center;
	}
.paging a.last,.paging a.last:hover
	{
	text-align: center;
	}
#pages
	{
	argin: 2px 5px 5px 5px;
	text-align: center;
	isplay: block;
	padding: 7px 3px;
	}
#pages a
	{
	border: none;
	width: 5px;
	text-decoration: underline;
	font-weight: bold;
	color: #000;
	}
#pages a.on
	{
	background-color: #ffd700;
	color: #000;
	padding: 1px 3px;
	}
/*	FOLIO FILE DET
========================================================================*/
.infoContainer_file_det
	{
	float: left;
	width: 100%;
	border-bottom: 1px solid silver;
	margin: 0px 0px 45px 0px;
	padding-bottom: 3px;
	}
#NextAndPreviousLink
	{
	width: 167px;
	padding: 10px 0;
	margin: 3px auto;
	display: block;
	}
.nolink
	{
	border: 1px solid #eee;
	width: 120px;
	padding: 2px 15px;
	font-size: 10px;
	font-weight: bold;
	background-color: #f8f8f8;
	color: silver;
	text-decoration: none;
	text-align: center;
	}
.next, .previous
	{
	border: 1px solid silver;
	width: 120px;
	padding: 2px 15px;
	font-size: 10px;
	font-weight: bold;
	background-color: #eee;
	color: #000;
	text-decoration: none;
	text-align: center;
	}
.next:hover, .previous:hover
	{
	border: 1px solid gray;
	width: 120px;
	padding: 2px 15px;
	font-size: 10px;
	font-weight: bold;
	background-color: silver;
	color: #000;
	text-decoration: none;
	text-align: center;
	}
.infoContainer_file_det .topLink
	{
	margin: 5px 0 0 0;
	}
.infoContainer_file_det .topLink a
	{
	border: 1px solid silver;
	background: #F4F4F4;	
	padding: 3px 5px 3px 5px;
	display: block;
	text-align: center;
	color: #000;
	float: left;
	margin: 2px 3px 2px 3px;
	font: bolder 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}	
.infoContainer_file_det .topLink a:hover
	{
	border: 1px solid gray;
	background: #ddd;	
	padding: 3px 5px 3px 5px;
	display: block;
	text-align: center;
	color: #000;
	font: bolder 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}		
.infoContainer_file_detTitle
	{
	background: #eee;
	font: normal 18px arial;
	float: left;
	width: 510px;
	clear: both;
	}
.infoContainer_file_detTitleTexte	
	{
	padding: 5px 0 5px 10px;	
	float: left;
	width: 73%;
	text-transform: uppercase;
	}
.infoContainer_file_detTitleInput
	{
	float: left;
	padding-top: 2px;
	}	
.infoContainer_file_det .infoContentImg_file_det
	{
	width: 532px;
	margin: 5px auto 10px auto;
	}
.infoContainer_file_det .infoLigne
	{
	border-bottom: 1px dashed #eee;
	
	width: 490px;
	float: left;
	clear: left;
	margin: 1px 0 1px 0;
	}
.infoContainer_file_det .infoTitle
	{
	color: Gray;
	padding: 3px 0 3px 1px;
	margin: 0 0 0 10px;
	font: 11px "verdana";
	float: left;
	width: 90px;
	text-transform: capitalize;
	}
.infoContainer_file_det .infoContent
	{
	padding: 3px 0 0px 0;
	font: 11px "verdana";
	float: left;
	text-transform: capitalize;
	}
.infoContainer_file_det .infoContentImg
	{
	clear: both;
	width: 525px;
	min-height: 200px;
	margin-top: 20px;

	}

.infoContainer_file_det .infoContentImg img
	{
	padding: 0px;
	border: 1px solid #eee;
	background: #fff;
	width: 525px;
	background: url(icones/loading.gif) center no-repeat;
	min-height: 100px;
	}
.infoContainer_file_det .download
	{
	float: left;
	width: 534px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin: 10px 0 0 0;
	padding: 3px;
	background: #DFDFDF;
	}
.infoContainer_file_det .download img
	{
	border: 1px solid silver;
	padding: 4px;
	background: #fff;
	float: left;
	}
.download #downloadEula
	{
	float: left;	
	margin: 3px;
	line-height: 10px;
	font: bold 11px Arial, Helvetica, sans-serif;
	}	
.infoContentImg .aide
	{
	clear: right;
	border: 1px solid orange;
	background: #FFDEAD;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px 0 0 0;
	float: left;
	width: 200px;	
	}		
.infoContainer_file_det .downlnk
	{
	clear: right;
	text-align: center;
	margin-top: 3px;
	width: 203px;
	}
.infoContainer_file_det .downlnk .voir
	{
	background: #E9E9E9;
	float: left;
	width: 155px;
	}	
.infoContainer_file_det .downlnk .download
	{
	float: right;
	width: 36px;
	text-align: center;
	}	
.infoContainer_file_det .downlnk a
	{
	display: block;
	padding: 1px;
	border: 1px solid silver;	
	color: #000;
	text-decoration: none;
	font: 13px "Trebuchet MS" ;
	line-height: 36px;
	width: 100%;
	background: #E9E9E9;	
	}	
.infoContainer_file_det .downlnk a:hover
	{
	border: 1px solid #000;
	background: gray;
	color: #fff;
	}		
/*	CONTACT
========================================================================*/
.contact .title
	{
	float: left;
	padding: 5px 5px 5px 0px;
	margin: 5px 0 5px 10px;
	font-size: 13px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}	
.contact .content
	{
	margin: 3px 0px 5px 0px;
	padding: 0 0px 5px 0px;
	clear: both;
	text-align: justify;
	border-bottom: 1px dashed gray;
	font-size: 12px;
	font-family: "Trebuchet MS";
	}
.indent
	{
	margin: 0 5px 0 10px;
	}	
#MailContainer
	{
	display: none;
	background: #F9F9F9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	}
#Mail
	{
	border: 1px none silver;
	width: 100%;
	}	

/*	PARTNER LINKS
==============================================================*/
.partnerLinks
	{
	margin: 5px auto 5px auto;
	width: 400px;
	}
.partnerLinks li
	{
	border-bottom: 1px dashed #ddd;
	}
.partnerLinks li a
	{
	padding: 7px 0 7px 5px;	
	display: block;
	text-decoration: none;
	color: Gray;
	font-size: 12px;
	width: 393px;
	}	
.partnerLinks li a:hover
	{
	background: gray;
	color: #fff;
	}

.lienUtil
	{
	padding: 20px 3px 20px 3px;
	border-left: 1px solid silver;
	display: none;	
	float: left;
	margin: 3px 5px 3px 5px;
	}
.lienUtil #texte
	{
	width: 150px;
	float: left;
	text-align: center;
	margin: 3px auto 3px auto;
	color: #000;
	font-size: 11px;
	}	
.lienUtil a
	{
	clear: left;
	margin: 5px auto 5px auto;
	padding: 3px;
	display: block;
	border: 1px solid gray;
	color: #000;
	background: #eee;
	text-decoration: none;
	width: 100px;
	text-align: center;
	}
.lienUtil a:hover
	{
	padding: 3px;
	display: block;	
	border: 1px solid #000;
	background: silver;
	}
/*	ERREURS
========================================================================*/
.erreurGeneral
	{
	border: 2px solid red;
	background: #FFDEAD url(icones/off.gif) no-repeat 10px;
	color: #C40000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin: 20px 10px;
	}
.erreur404Title
	{
	border: 2px solid red;
	background: #FFDEAD url(icones/off.gif) no-repeat 10px 3px;
	position: absolute;
	top: 175px;
	left: 210px;
	width: 100px;
	color: #C40000;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	}
.erreur404
	{
	margin: 20px auto 3px auto;
	border: 2px solid orange;
	background: #F7F3C7;
	padding: 18px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 520px;
	text-align: center;
	clear: both;
	}
.erreur404Referer
	{
	color: Silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}	
.erreur404Links
	{
	margin: 15px auto 5px auto;
	width: 270px;
	border-top: 1px dashed gray;
	padding: 17px 0 0 0;
	}	
.erreur404Links a
	{
	float: left;
	border: 1px solid #000;
	padding: 3px;
	margin: 0 3px 0 3px;
	text-align: center;
	background: #FFD700;
	text-decoration: none;
	display: block;
	width: 120px;
	color: #000;
	font-size: 12px;	
	}
.erreur404Links a:hover
	{
	float: left;
	border: 1px solid #000;
	padding: 3px;
	margin: 0 3px 0 3px;
	text-align: center;
	background: #FFf;
	text-decoration: none;
	width: 120px;
	color: #000;
	display: block;	
	}
#piratedActi
	{
	border: 3px solid #000;
	background: Red url(icones/24-message-warn.png) no-repeat 10px;
	padding: 4px 4px 4px 35px;
	margin: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	}	
#listeServices .title#bientot
	{
	background: #FFF1A1;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;	
	border-left: none;
	border-right: none;
	}	
/*	FOOTER
========================================================================*/

.footer
	{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	margin: 40px auto 0 auto;
	text-align: center;
	color: Gray;
	}
.footer a
	{
	color: Gray;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 2px 0 2px 0;	
	}
.footer a:hover
	{
	color: #F7F7F7;
	background: #494949;
	}	

/*	FOOTER PAGE
=================================================================*/

#footer
	{
	background-color: #494949;
	padding: 5px 0 5px 0;
	margin: 0px;
	color: #A8A8A8;
	font-size: 11px;	
	border-top: 1px solid #494949;
	text-align: center;
	}
#footer .menuFooter
	{
	background-color: #EBEBEB;
	margin: 0 auto 0 auto;
	width: 620px;
	border: 1px solid red;
	color: #AEAEAE;
	font-size: 11px;
	}
#footer  div
	{
	float: left;
	padding: 3px;
	margin: 0px;
	text-align: center;
	}
#footer .sep
	{
	display: none;
	width: 4px;
	margin: 0px;
	text-align: center;
	}
#footer a
	{
	color: #7D7D7D;
	text-decoration: none;
	margin: 0 7px 0 7px;
	width: 70px;
	}
#footer  a:hover
	{
	color: #fff;	
	text-decoration: underline;
	}