/*****************************/
/*    CSS BackOffice SCEM    */
/* Copywrite Dauphin Didier  */
/*****************************/


/*--Général--*/
body{
	padding:0;margin:0;background:url(../images/main-bg.gif) 0 0 repeat-x #FCFAE6;
	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#3D3C2C;}
div, p, h1, h2, h3, ul, img{
	padding:0px;margin:0px;}
ul{
	list-style-type:none;}
.spacer{
	font-size:0;line-height:0;clear:both;}
img{
	border:0;}
.small{
	font-size:10px;}
.flux {clear: both;}
.flux1{ float:left;margin: 5px 10px 0 6px;}
.flux2{ float:right;margin: 0 6px 6px 6px;}
	
/*--TopNav--*/
#TopNav{
	width:778px; height:96px;position:relative;margin:0 auto;padding:0;}
#TopNav img{
	width:204px;height:57px;display:block;padding:23px 0 0 6px;}
/*Nav*/
#TopNav ul{
	width:520px;height:96px;display:block;position:absolute;
	top:0px;right:9px;margin:0;padding:0;}
#TopNav ul li{
	float:left;width:104px;display:block;text-align:center;}
#TopNav ul li a{
	width:104px;height:35px;display:block;font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2E4E00;background:url(../images/menu-bg.gif) 0 0 repeat-x #F4F1DD;
	text-decoration:none;margin:0;padding:61px 0 0 0;}
#TopNav ul li a:hover{
	width:104px;height:96px;display:block;background:#FCFAE6;color:#2E4E00;
	text-decoration:none;}
#TopNav ul li span{
	width:104px;height:35px;display:block;background:url(../images/menu-sep1.gif) 100% 0 no-repeat #FCFAE6;
	color:#2E4E00;text-decoration:none;padding:61px 0 0 0;line-height:14px;}
	
#TopNav ul li a.buy{
	width:104px;height:35px;display:block;font:bold 14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#CC0101;background:url(../images/menu-bg.gif) 0 0 repeat-x #F4F1DD;text-decoration:none;
	margin:0;padding:61px 0 0 0; }
#TopNav ul li a:hover.buy{
	width:104px;height:96px;display:block;background:#FCFAE6; color:#CC0101;
	text-decoration:none;}
#TopNav ul li span.buy{
	width:104px;height:35px;display:block;background:url(../images/menu-sep1.gif) 100% 0 no-repeat #FCFAE6;
	font:bold 14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#CC0101;text-decoration:none;
	padding:61px 0 0 0;}
#TopNav a{
	text-align:center;text-decoration:none;color:#000;}
#TopNav a:hover{
	text-align:center;text-decoration:underline;color:#000;}


/*--corps--*/
#header{
	width:778px;position:relative;margin:0 auto;padding:0;}

/*--header--*/
#corps{
	width:778px;position:relative;margin:0 auto;padding:0;}

/*--menu gauche--*/	
#headerMenuLeft{
	width:237px;position:relative;top:48px;left:0;}

#headerMenuLeft #start{
	float:left;width:237px;height:62px;position:relative;margin:0 auto;
	background:url(../images/icon1.jpg) 0 0 no-repeat;}
#headerMenuLeft #start h2{
	width:90px;height:10px;background:#fff;display:block;
	position:absolute;left:0px; top:0px;margin:14px 0 5px 81px;
	font:16px/14px Georgia, "Times New Roman", Times, serif;
	color:#CC0000;z-index:1;text-transform:uppercase;cursor:pointer;}
#headerMenuLeft #start p{
	width:103px;height:10px;display:block;position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2E5000;background:#fff;margin:34px 0 0 81px;z-index:1;cursor:pointer;}
#headerMenuLeft #start a{
	text-decoration:none;display:block;width:237px;height:62px;}
#headerMenuLeft #start a:hover{
	text-decoration:none;background:url(../images/icon1_on.jpg) no-repeat 0 0;}

#headerMenuLeft #tutoriel{
	float:left;width:237px;height:62px;position:relative;margin:13px 0 0 0;
	background:url(../images/icon2.jpg) 0 0 no-repeat;}
#headerMenuLeft #tutoriel h2{
	width:90px;height:10px;background:#fff;display:block;position:absolute;
	left:0px;top:0px;margin:14px 0 5px 81px;font:16px/14px Georgia, "Times New Roman", Times, serif;
	color:#CC0000;z-index:1;text-transform:uppercase;cursor:pointer;}
#headerMenuLeft #tutoriel p{
	width:103px;height:10px;display:block;position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2E5000;background:#fff;margin:34px 0 0 81px;z-index:1;cursor:pointer;}
#headerMenuLeft #tutoriel a{
	text-decoration:none;display:block;width:237px;height:62px;}
#headerMenuLeft #tutoriel a:hover{
	text-decoration:none;background:url(../images/icon2_on.jpg) no-repeat 0 0;}

#headerMenuLeft #ressource{
	float:left;width:237px;height:62px;position:relative;margin:13px 0 0 0;
	background:url(../images/icon3.jpg) 0 0 no-repeat;}
#headerMenuLeft #ressource h2{
	width:90px;height:10px;background:#fff;display:block;position:absolute;
	left:0px;top:0px;margin:14px 0 5px 81px;font:16px/14px Georgia, "Times New Roman", Times, serif;
	color:#CC0000;z-index:1;text-transform:uppercase;cursor:pointer;}
#headerMenuLeft #ressource p{
	width:103px;height:10px;display:block;position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#2E5000;background:#fff;margin:34px 0 0 81px;z-index:1;cursor:pointer;}
#headerMenuLeft #ressource a{
	text-decoration:none;display:block;width:237px;height:62px;}
#headerMenuLeft #ressource a:hover{
	text-decoration:none;background:url(../images/icon3_on.jpg) no-repeat 0 0;}

/*MemberBox*/
#MemberBox{
	width:239px;position:relative;top:45px;left:0;margin:0;padding:0px;}
#leftMemberBox{
	width:237px;height:196px;position:relative;margin:0 auto;padding:0;
	border:1px solid #DCDAC2;background:#fff;color:#000;}
#leftMemberBox h2{
	height:48px;background:url(../images/symbol4.gif) 0 0 no-repeat #fff;
	display:block;position:relative;padding:0 0 0 57px;margin:12px 0 20px 13px;
	font:16px/48px  Georgia,"Times New Roman", Times, serif;color:#5EA000;
	text-transform:uppercase;}
#leftMemberBox h2 span{
	background:#fff;color:#3D3C2C;}	
#MemberBox .log{padding:0;margin:0 0 0 15px;}
#MemberBox .log{
	width:220px;height:108px;background:#EBE9D7;padding:0;margin:0 0 0 8px;
	color:#333227;}
#MemberBoxgo{
	width:219px;height:25px;position:relative;display:block;
	border-top:1px solid #fff;background:#B0AD93;line-height:23px;
	padding:0;margin:0;font-size:12px;color:#FFFFFA;font-weight:bold;}
#MemberBoxgo p.textposition a{
	float:right;padding:0 20px 0 0;margin:0;text-decoration:none;
	color:#FFFFFA;background:#B0AD93;}
#MemberBoxgo p.textposition a:hover{
	text-decoration:underline;background:none;}
#MemberBox .log input.gobutton{
	float:left;background:url(../images/arrow4.gif) no-repeat 25px 1px #63614F;
	border:none;width:45px;height:21px;display:block;margin:2px 0 0 0;
	padding:0 0 0 5px;text-decoration:none;color:#fff;font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;text-align:left;cursor:pointer;}
#MemberBox .log input.outbutton{
	float:left;background:url(../images/arrow4.gif) no-repeat 35px 1px #63614F;
	border:none;width:50px;height:21px;display:block;margin:2px 0 0 0;
	padding:0 0 0 5px;text-decoration:none;color:#fff;font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;text-align:left;cursor:pointer;}
#MemberBox a{
	text-decoration:underline;color:#3D3C2C;}
#MemberBoxgo a:hover{
	background:url(../images/arrow4.gif) no-repeat 35px 1px #333229;
	text-decoration:none; color:#fff;}


	
/*/Left Panel */
	
/*tips*/
#MemberBox h3{
	width:237px;background:#FCFAE6;display:block;float:left;padding:0 0 5px 0;
	margin:12px 0 0 5px;font:24px/26px Georgia, "Times New Roman", Times, serif;
	color:#3D3C2C;}
#MemberBox ul{
	display:block;float:left;width:267px;}
#MemberBox ul li{
	background:url(../images/arrow1.gif) 2px 9px no-repeat;padding:0 0 0 25px;
	text-align:left;} 
#MemberBox ul li a{
	text-decoration:underline;color:#3D3C2C;background:#FCFAE6;}
#MemberBox ul li a:hover{
	text-decoration:none;}


/*--Page de contenu--*/	
#page{ 
	border:1px solid #DCDAC2;background:#FCFAE6;
	width:535px;position:absolute;top:48px;left:267px;
	color:#3D3C2C;display:block;}

#page2{ 
	border:1px solid #DCDAC2;background:#FCFAE6;
	width:535px;position:absolute;top:48px;left:15px;
	color:#3D3C2C;display:block;}
#accroRight h1.home{
	width:526px;height:236px;top:5px;right:0px;
	background:url(../images/header-img.jpg) 0 0 no-repeat #FCFAE6;color:#fff;
	font:36px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;text-indent:-2000px;}
#accroRight h1.form{
	width:526px;height:236px;top:5px;right:0px;
	background:url(../images/header-img2.jpg) 0 0 no-repeat #FCFAE6;color:#fff;
	font:36px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;text-indent:-2000px;}	
#accroRight h1{
	width:520px;text-align:center;top:5px;left:5px;
	color:#000;font:Bold 36px/68px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;}	
#accroRight h1 span{
	width:520px;text-align:center;top:5px;left:5px;
	color:#CC0000;text-transform:uppercase;
	font:Bold 36px/68px "Trebuchet MS",Arial, Helvetica, sans-serif;}	
#accroRight h2{
	width:350px;display:block;padding:24px 0 0 0;
	font:28px/32px Georgia, "Times New Roman", Times, serif;
	color:#3D3C2C;margin:20px 0 20px 80px;text-align:center;}
	
#accroRight h3{
	width:350px;display:block;padding:14px 0 0 0;
	font:bold 18px/22px Georgia, "Times New Roman", Times, serif;
	color:#3D3C2C;margin:20px 0 20px 80px;text-align:left;}

#accroRight .Maxlettrine{clear: both;}
.Maxlettrine1{ 
	float:left;margin: 0 0 3px 3px;font-family: Georgia, "Times New Roman", Times, serif;
	font-size:78px;color:#000000;font-weight:bold;line-height:48px;}

#accroRight p.redtext{
	background:#FCFAE6;color:#CC0000;padding:0 80px 26px;
	font:bold 24px/28px "Trebuchet MS",Arial, Helvetica, sans-serif;}	
#accroRight span.auto{
	background:#FCFAE6;color:#000000;padding:0 25px 26px;
	font:normal 14px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#accroRight p{
	padding:0 80px 30px;}
#accroRight .verySmall{font-size:9px;}
#accroRight span.SurlignJaune{
	background:#ffff00;}
#accroRight ul{
	width:328px;position:relative;left:80px;margin:0 0 30px 0;}
#accroRight li{
	width:340px;background:url(../images/arrow2.gif) 0 5px no-repeat;
	font:14px/24px Arial, Helvetica, sans-serif;padding:0 0 0 20px;}
#accroRight li a{
	width:235px;background:#FCFAE6;color:#CC0000;
	text-decoration:underline;line-height:24px;}
#accroRight ul li a:hover{
	width:235px;text-decoration:none;line-height:24px;}
#accroRight a{
	text-align:right;text-decoration:underline;padding-right:15px;
	color:#000;}
#accroRight a:hover{
	text-align:right;text-decoration:none;padding-right:15px;
	color:#000;}
#accroRight a.link{
	text-align:right;text-decoration:underline;color:#CC0000;
	padding-right:0;}
#accroRight a:hover.link{
	text-align:right;text-decoration:none;color:#CC0000;
	padding-right:0;}
#accroRight fieldset {
	border:2px solid #CC0000;background-color:#FFFFFF;color:#CC0000;width:400px;
	margin:0 80px 30px;padding-left:5px;}
#accroRight legend{
	background:url(http://www.egnosis.fr/customer/images/event_link_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 48px;font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#accroRight legend.script{
	background:url(http://www.egnosis.fr/customer/images/event_script_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 48px;font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#accroRight legend.web{
	background:url(http://www.egnosis.fr/customer/images/event_web_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 48px;font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#accroRight legend.css{
	background:url(http://www.egnosis.fr/customer/images/event_css_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 48px;font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#accroRight legend.img{
	background:url(http://www.egnosis.fr/customer/images/event_img_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 48px;font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#accroRight legend.tool{
	background:url(http://www.egnosis.fr/customer/images/event_tool_bg.gif) no-repeat 0 7px #FFFFFF; color:#786E4E;
	padding:6px 0 10px 48px;font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}
#accroRight legend span{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 28px/42px Georgia, "Times New Roman", Times, serif;}

/*--footer--*/
#footer{
	width:778px;height:75px;position:relative;margin:0 auto;padding:0;
	display:block;claer:both;}
#footerMenu{
	width:505px;height:50px;position:absolute;top:10px;
	left:15px;background:#B0AD93;color:#fff;margin:0;}
#footer ul{width:390px;display:block;position:absolute;right:40px; top:33px; }
#footer li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footer ul li a{padding:0 10px;color:#FFFFFA;background:#B0AD93;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul li a.padl{padding:0 0 0 14px;}

#footer ul.templateworld{width:190px; background:#B0AD93; color:#fff; display:block; position:absolute; top:110px; right:49px;}
#footer ul.templateworld li a{background:#B0AD93; display:block; color:#fff; text-decoration:none;}
#footer ul.templateworld li a:hover{text-decoration:underline;}

#footer p{
	background:#B0AD93;margin:4px 15px 0 0;display:block;position:absolute;
	top:0px;right:40px;color:#FCFAE6;font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footer a.partenaire{color:#C74600;text-decoration:none;}
#footer a:hover.partenaire{color:#C74600;text-decoration:underline;}