/*
LANDING PAGE SAGE ERP X3 COMMON CSS
*/
*{margin:0; padding:0}
html {font-size: 100%; }
body{font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
p, form {padding:0;margin:0;}
img{border:none;}
.cleaner{clear:both}
a{text-decoration: none; }
a:hover{text-decoration: underline; }
.lien2{text-decoration:none;color:#000000;}
.lien2:hover{text-decoration:underline;color:#000000;}

.header { height: 65px; padding: 0 0 0 55px;}
.header h1{
	font-size: 44px;
	color: #ff7800;
	font-weight: normal;
	padding: 10px 0 0 0;
}
#topcontent{width: 958px; padding: 0 0 20px 20px; overflow: hidden;}
.leftcontent{width:450px;float:left;display:inline;position:relative;}
.rightcontent{float: left; width: 458px; height: 414px; margin: 0 0 0 23px; padding: 42px 0 0 27px; background: url(images/bg-form.jpg) no-repeat;}

/* ------------------------------------ */
/*          Textes left Content         */
/* ------------------------------------ */

.txt-flash{padding: 0 0 10px 0;}
.txt-atouts{padding: 0 0 0 30px; width: 417px; height: 310px; background: url(images/bg-atouts.jpg) no-repeat;}
.txt-atouts h2{ font-size: 1.1em; color: #fff; font-weight: bold; padding: 25px 0 13px 0;}
.txt-atouts ul{list-style-type: none;}
.txt-atouts li{float: left; width: 380px; padding: 0 0 4px 25px; font-size: 0.9em; color: #fff; font-weight: normal; background: url(images/fleche.gif) no-repeat; }

/* ------------------------------------ */
/*             Formulaire               */
/* ------------------------------------ */
.rightcontent h2{ font-size: 1.1em; color: #04735d; font-weight: normal; padding: 0 0 30px 47px; background: url(images/fleche-form.gif) 0 7px no-repeat; }
#form fieldset{border: none; padding: 0 0 0 47px;}
#form input{ border: 0;}
#form p{padding: 3px 0 0 0;  }
#form #civ{padding: 0 0 0 80px; }
#form label{ width: 82px; float: left; padding: 2px 9px 0 0; text-align: right; font-family: Verdana, Helvetica, sans-serif; font-size: 0.6em; font-weight: bold; color: #000;}
#form label.noflt{float: none; width: 30px; padding: 0 2px 0 10px;}
#form .inpt{width: 180px; height: 16px; background: #fff; }
#form .zip{width: 54px; }
#form .ad{width: 270px; }
#form #recnews{padding: 5px 0 0 0;}
#form #sub{padding: 20px 0 0 90px;}
#form .txt-form{ font-family: Verdana, Helvetica, sans-serif; font-size: 0.55em; font-weight: normal; color: #000;}

table.SageForm {margin-right:60px;width: 300px;float: right;}
table.SageForm h6, table.SageForm label {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;margin-right:5px;color:#3a3a3a;}
table.SageForm input, table.SageForm select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;border-right:0px;    border-bottom:0px;background-color:#f5f5f5;padding:1px 2px 1px 2px;}
table.SageForm td {vertical-align:top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;margin-right:5px;color:#3a3a3a;}

table.FormPanel {margin-right:60px;width: 300px;float: right;}
table.FormPanel h6, table.SageForm label {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;margin-right:5px;color:#3a3a3a;}
table.FormPanel input, table.SageForm select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;border-right:0px;    border-bottom:0px;background-color:#f5f5f5;padding:1px 2px 1px 2px;}
table.FormPanel input[type="checkbox"] {

	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 19px;
	background-position: center;
}
table.FormPanel td {vertical-align:top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;margin-right:5px;color:#3a3a3a;}
table.FormPanel td p{vertical-align:top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;margin-right:5px;color:#3a3a3a;}


/*
table.formsheader {margin-right:0px;width: 300px;background-color: #158569;text-align: center;float:right;}
table.formsheader a.CommandButton {color:#158569;text-align: center;}
table.formsheader a.CommandButton:hover {color:#158569;text-align: center;}
table.formsheader input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;border-right:0px;text-align: center;border-bottom:0px}
*/
/* ------------------------------------ */
/*               Footer                 */
/* ------------------------------------ */
#bottomcontent {width : 955px; padding: 0 0 7px 20px; overflow: hidden;}
#bottomcontent .leftbottomcontent{
	width:955px;
	float:left;
	display:inline;
	position:relative;
	background-image: url(images/sage.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 55px;
}
#bottomcontent .leftbottomcontent div{ float: left; }
#bottomcontent .leftbottomcontent div ul{list-style-type: none;}
#bottomcontent .leftbottomcontent div ul li{ padding: 0 30px 0 0; float: left; }
#bottomcontent .leftbottomcontent div ul li a{display: block; height: 30px; text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-size: 0.6em; font-weight: bold; color: #fff; }

#bottomcontent .leftbottomcontent div ul li a.f-temo{ padding: 5px 0 0 27px; background: url(images/f-temo.gif) 0 2px no-repeat; width: 77px;}
#bottomcontent .leftbottomcontent div ul li a.f-temo:hover{padding: 7px 0 0 29px; background: url(images/f-temo.gif) 2px 4px no-repeat; width: 75px;}
#bottomcontent .leftbottomcontent div ul li a.f-broc{ padding: 0 0 0 22px; background: url(images/f-broc.gif) 0 2px no-repeat; width: 85px;}
#bottomcontent .leftbottomcontent div ul li a.f-broc:hover{padding: 2px 0 0 24px; background: url(images/f-broc.gif) 2px 4px no-repeat;  width: 83px;}
#bottomcontent .leftbottomcontent div ul li a.f-proj{ padding: 0 0 0 22px; background: url(images/f-proj.gif) 0 2px no-repeat; width: 80px;}
#bottomcontent .leftbottomcontent div ul li a.f-proj:hover{padding: 2px 0 0 24px; background: url(images/f-proj.gif) 2px 4px no-repeat;  width: 78px;}
#bottomcontent .leftbottomcontent div ul li a.f-rapp{ padding: 0 0 0 25px; background: url(images/f-rapp.gif) 0 2px no-repeat; width: 120px;}
#bottomcontent .leftbottomcontent div ul li a.f-rapp:hover{padding: 2px 0 0 27px; background: url(images/f-rapp.gif) 2px 4px no-repeat;  width: 118px;}
#bottomcontent .leftbottomcontent div ul li a.f-tele{ padding: 0 0 0 25px; background: url(images/f-tele.gif) 0 2px no-repeat; width: 87px;}
#bottomcontent .leftbottomcontent div ul li a.f-tele:hover{padding: 2px 0 0 27px; background: url(images/f-tele.gif) 2px 4px no-repeat;  width: 85px;}

#bottomcontent .footer-logo{float: right; padding: 0 20px 0 0;}







#maincontent					{ width: 960px; margin-left: auto; margin-right: auto; background: #FFFFFF url('img/eclys_body_background.gif') no-repeat top left; }
div.header						{ height: 95px; width: 960px; padding: 0px; }
div.header div.header_right		{ margin-left: 745px; width: 100px; font-size: 10px; color: #FFFFFF; padding-top: 10px; text-align: center; }
div.header div.header_right strong	{ font-size: 14px; }
div.header h1.fi					{ color: #a9a9a9; font-size: 28px; padding-top: 35px; margin-left: 15px; float: left; width: 720px; }
div.header h1.fi strong			{ color: #00a1de; }

#topcontent						{ height: 406px; padding: 0px; }
div.leftcontent					{ float: left; width: 701px; margin-left: 1px; }
div.rightcontent					{ float: none; margin-left: 701px; background: none; padding-top: 0px; padding-left: 5px; width: 250px;}
div.rightcontent img				{ display: none; } /* In order to hide the stars for required fields */
div.rightcontent table.FormPanel 	{ margin-right: 0px; float: none; width: 245px; }
div.rightcontent td.lblfield		{ padding-right: 5px; height: 20px; width: 65px; }
div.rightcontent select.Normal		{ width: 146px; background-color: #FFFFFF; border: 1px solid #000000; }
div.rightcontent input.Normal		{ width: 140px; background-color: #FFFFFF; border: 1px solid #000000; }

#dnn_ctr8997_DataEntry_ViewForm_ID071b998852994740ab8f58c4ebb09129,
#dnn_ctr8997_DataEntry_ViewForm_Obligatoire	p	{ color: #a9a9a9; }	/* In order to change the font color */

div.rightcontent .formsheader,
div.rightcontent .formsheader td,
div.rightcontent .formsheader tr,
div.rightcontent .formsheader a	{ background: none; } /* Resetting background values */
div.rightcontent .formsheader a	{ float: left; width: 155px; height: 33px; line-height: 33px; margin-left: 55px; color: #000000; font-size: 16px; background: #FFFFFF url('img/eclys_formsheader_background.gif') no-repeat top center; }

* html div.rightcontent *					{ width: 120px; } /* IE6 hacks because of the double margin bug */
* html div.rightcontent					{ width: 230px; } 
* html div.rightcontent table.FormPanel 	{ width: 215px; }
* html div.rightcontent input				{ width: auto; }
* html div.rightcontent input.Normal		{ width: 120px; }
* html div.rightcontent .formsheader a		{ margin-left: 25px; }

#bottomcontent										{ height: 65px; margin-bottom: 10px; padding-left: 0px; }
#bottomcontent div.leftbottomcontent					{ float: none; background: none; height: auto; }
#bottomcontent div.leftbottomcontent div				{ float: none; padding-top: 15px; margin-left: 0px; }
#bottomcontent div.leftbottomcontent div ul			{ padding-left: 10px; }
#bottomcontent div.leftbottomcontent div ul li			{ padding-right: 0px; width: 128px; margin-right: 13px; }
#bottomcontent div.leftbottomcontent div ul li a			{ display: block; color: #000000; font-size: 9px; line-height: 33px; height: auto; }
#bottomcontent div.leftbottomcontent div ul li a:hover	{ color: #008066; }

#bottomcontent div.leftbottomcontent div ul li a.f-temo:hover,
#bottomcontent div.leftbottomcontent div ul li a.f-temo	{ background: #FFFFFF url('img/eclys_f-temo_background.gif') no-repeat top left; padding-top: 0px; padding-left: 45px; padding-right: 5px; }

#bottomcontent div.leftbottomcontent div ul li a.f-broc:hover,
#bottomcontent div.leftbottomcontent div ul li a.f-broc	{ background: #FFFFFF url('img/eclys_f-broc_background.gif') no-repeat top left; padding-top: 0px; padding-left: 45px; padding-right: 5px; }

#bottomcontent div.leftbottomcontent div ul li a.f-proj:hover,
#bottomcontent div.leftbottomcontent div ul li a.f-proj	{ background: #FFFFFF url('img/eclys_f-proj_background.gif') no-repeat top left; padding-top: 4px; padding-left: 25px; padding-right: 24px; line-height: 12px; padding-bottom: 5px; }

#bottomcontent div.leftbottomcontent div ul li a.f-rapp:hover,
#bottomcontent div.leftbottomcontent div ul li a.f-rapp	{ background: #FFFFFF url('img/eclys_f-rapp_background.gif') no-repeat top left; padding-top: 4px; padding-left: 23px; padding-right: 1px; line-height: 12px; padding-bottom: 5px; }

#bottomcontent div.leftbottomcontent div ul li a.f-tele:hover,
#bottomcontent div.leftbottomcontent div ul li a.f-tele	{ background: #FFFFFF url('img/eclys_f-tele_background.gif') no-repeat top left; padding-top: 4px; padding-left: 45px; padding-right: 5px; line-height: 12px; padding-bottom: 5px; }