/* 0 Basic Tags */
body {
	background-color: #ffffff;	
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;	
}
hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}
h2 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 1.6em;
	font-weight: bold;
}
h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}
h5 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.0em;
	font-weight: bold;
}


/* 1 Header */
.header {
	background-image: url(Images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 980px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;	
}
.loginView {
	position: absolute;
	/*right: 100px; position avant la présence du logo 20 ans.
	top: 115px;*/	
	right: 265px;
	top: -5px;	
	color: White;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	height: 18px;	
	margin-top: 0px;
}
.loginStatus {
	position: absolute;
	/*right: 20px;position avant la présence du logo 20 ans.
    top: 125px; */    
	right: 185px;	
	top: 5px;	
	color: White;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	height: 18px;	
	margin-top: 0px;
}
.loginStatus a, loginStatus a:visited, loginStatus a:hover, loginStatus a:active {
	color: White;
	text-decoration: none;
}
#SupportHome {
	padding-top: 30px;
	padding-left: 5px;
}
.twentyYears {
	position: absolute;
	top: 0px;
	right: -25px;
	z-index: 0;	
}


/* 2 Middle */
.middle {			
	background-image: url(images/body-repeat.jpg);
	position: relative;
	width: 930px;
	padding: 0px 25px;
	padding-top: 10px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */	    
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	min-height: 440px;
}
.sideBar { 	
	position: absolute;
	left: 26px;
	top: 10px;	
	width: 177px;
	height: 100%;
	text-align: center;
}
.microGestionLogo {	
	position: relative;
	top: -5px;
	left: -5px;
}
.content {	
	margin-left: 210px;
	width: 720px;	
}
.sideContent {
}
.scrollingFrame {
    background-image: url(images/encart_info_3.jpg);
    background-repeat: no-repeat;
    background-color: White;  
    width: 170px;
    height: 125px;    
}
.scrollingNewsArea {
    position: relative;
    top: 24px;
    left: 5px;
    text-align: left;
}
.testimoniesFrame {
	margin-left: -4px;
	margin-top: 30px;
}
.testimoniesLogos {
    margin-top: 3px;	
}
.micropointeRecrute {
	margin-left: -4px;
	margin-top: 25px;
}


/* 3 Footer */
.footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 75px;	
	font-size: 10px;	
	padding-top: 25px;	
}
.footerMenu {
	margin-left: 280px;
}
.copyright {
	position: relative;
	top: 10px;	
}


/* 4 Page Actualités */
.collapsePanel {
	width: 700px;
	height: 0px;
	background-color: White;
	overflow: hidden;		
}
.collapsePanelHeader {
	width: 700px;
	height: 13px;
	color: #666666;
	background-color: #F0EEEE;	
	padding: 5px;
	cursor: pointer;	
}
.collapseDate {
	position: relative;
	top: -14px;
	left: 20px;
	font-size: 9px;	
}
.collapseTitle {
	position: relative;
	top: -40px;
	left: 100px;
	font-size: 11px;
	font-weight: bold;	
}
.collapseInfos {
	float:left;
	width: 700px;
	height: 50px;
	margin: 5px;	
}
.collapseText {
	width: 700px;	
	margin: 5px;
}
.collapseButtons {
	float: right;
	width: 60px;
	margin: 5px;
	text-align: right;
}
.articlesSearchFields {	
    position: relative;
    top: -3px; 
    display: inline;
}
.articlePager {
	margin-top: 20px;
}
.newsText{
	color: #006bad;
}


/* 5.0 Page Produits */ 
#ProductsPage {
	position: relative;
	left: 25px;		
}


/* 5.1 Page MicroGestion */
#MicroGestionPage {
	color: Black;		
	height: 1860px;
	padding-top: 20px;
}
#MicroGestionPage em {
	color: #0081c1;
	font-style: normal;	 		
}


/* 5.2 Tableau Gamme micro gestion */
#CompareMicroGestionPage {	
    height: 1150px;
}
#MicroGestionSolution {
	position: absolute;
	left: 390px;
	top: 80px;
}
#Bubbles {
	position: absolute;
	left: 465px;
	top: 285px;
}
#SpecificationsTable 
{	
	position: absolute; 	
	top: 250px;
    left: 280px;	
	color: Black;
	font-weight: bold;
	font-size: 10px;
	width: 680px;
}
.applesColumns {
	text-align: center;
}
.grayLine td {
	background-image: url(images/gray_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 16px;
}
.separationLine td {
	height: 45px;
    vertical-align: bottom;	
}


/* 5.3 MgReport */
#MgReportPage {
	height: 1500px;
	padding-top: 20px;
}
#MgReportPage em {
	color: #c93023;
	font-style: normal;	 			
}
.RedLinks {
	text-decoration: none;	
	font-weight: bold;
	color: #c93023;
}


/* 5.4 MgMail */
#MgMailPage {
	height: 1520px;
	padding-top: 20px;
}
#MgMailPage em {
	color: #933389;
	font-style: normal;
}


/* 5.5 MgPesage */
#MgPesagePage {
	height: 1580px;
	padding-top: 20px;	
}
#MgPesagePage em {
	color: #218b29;
	font-style: normal;
}
.GreenLinks{
	text-decoration: none;
	font-weight: bold; 
	color: #218b29;
}


/* 5.6 DirectDb */
#DirectDbPage {
	height: 1620px;
	padding-top: 20px;
}
#DirectDbPage em {
	color: #eabd00;
	font-style: normal;
}


/* 5.7 MgComIP */
#MgComIPPage {
	height: 1520px;
	padding-top: 20px;
}
#MgComIPPage em {
	color: #69C6BC;
	font-style: normal;
	font-weight: bold;
}
#MgComIPPage ul {
	font-size: larger;
}
#MgComIPText1 {
	position: absolute;
	top: 215px;
	left: 280px;
	width: 460px;
}
#MgComIPText2 {
	position: absolute;
	top: 460px;
	left: 440px;
	width: 460px;
	text-align: right;
}
#MgComIPText3 {
	position: absolute;
	top: 630px;
	left: 280px;
	width: 460px;	
}
#MgComIPText4 {
	position: absolute;
	top: 900px;
	left: 240px;
	width: 420px;	
}
#MgComIPText5 {
	position: absolute;
	top: 1250px;
	left: 440px;
	width: 520px;	
	
}


/* 6 Formulaire article */
.articleFormStyle {
	margin-top: 10px;
}
.articleFormStyle .label {
	display:block;
}
.articleFormStyle .textbox {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 4px 0 10px 0;	
}
.articleFormStyle .dropdownlist {
	border: 1px solid #929292;	
	vertical-align: middle;
	padding: 3px;
	margin: 4px 0 10px 0;
}
.articleFormStyle .editor  {
	border: 1px solid #929292;	
	vertical-align: middle;
	padding: 3px;
	margin: 6px 0 10px 0;
}
.articleFormStyle .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}


/* 7 Login Page */
#LoginPage {
	height: 500px;
}
.loginStyle .label {
	display:block;
}
.loginStyle .textbox {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}
.loginStyle .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}
.loginFailureText {
	color: Red;
}


/* 8.0 Société */
#FirmPage {	
	height: 750px;
}
#FirmContent {
	position: absolute;
	left: 237px;
	top: 55px;		
}
#FirmPage em {
	color: #0078b4;
	font-style: normal;
}
#FirmText1 {
	position: absolute;
	top: 47px;
	left: 48px;
	width: 560px;
}
#FirmText2 {
	position: absolute;
	top: 282px;
	left: 105px;
	width: 600px;
	text-align: right;
}
#FirmText3 {
	position: absolute; 
	top: 485px;
	left: 48px;
	width: 560px;
}
#FirmText4 {
	position: absolute;
	top: 640px;
	left: 10px;
	font-style: italic;	
	width: 690px;
}
#FirmLogo {
	position: absolute;
	top: 133px;
	text-align: center;
	width: 720px;
}


/* 9 HomePage */
#HomePage {
	padding-top: 20px;
	position: relative;
	left: 60px;
	height: 600px;
}
#HomeVideo {
	position: absolute;
	left: 244px;
	top: 154px;
}


/* 10 Article */
#NewsLink a {
	text-decoration: none;	
	color: #666666;
}


/* 11 Contact */
#ContactPage {	
	position: relative;
	left: 130px;
}
#ContactPage a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}



/* 12 Button Download PDF */
.buttonDownloadPDF {
	text-align: right;
	position: relative;
	top: -20px;
}


/* 13 Donwloads page */
#DownloadsPage {
	height: 640px;
}
#DownloadsContent {
	position: absolute; 
	top: 135px;
	left: 236px;
	width: 720px;
}
#LogoMicroGestionDownloads{
	position: absolute;
	left: 660px;
	top: 20px;
}
#BullesDownloads {
	position: absolute;
	top: 105px;
	left: 490px;
}
#VersionInfos { 
	font-size: 20px;
	color: #006bad;
	text-decoration: underline;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 35px;
}


/* 14 Demos Page */
#DemosPage {
	height: 640px;
}
#DemosContent{
	position: absolute;
	top: 20px;	
	width: 690px;
}
#LogoMicroGestionDemos{
	position: relative;
	left: 420px;
}
#BullesDemos {
	position: absolute;
	top: 117px;
	left: 485px;
}
#DemoText {
	text-align: center;
}


/* 15 Save Page */
#SavePage {
	height: 500px;
}


/* 16 Testimonies Page */
#TestimoniesPage {
	height: 400px;
}
#TestimoniesContent {
	position: absolute;
	top: 80px;
	left: 300px;
}
.testimonyText, .testimonyText a:visited, .testimonyText a {     
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}
.testimonyText a:hover {
	text-decoration: underline;
}
.testimonyText2 {	
	font-style: italic;	
	width: 690px;		
}
.logoTestimony {
	text-align: center;
}
.testimonySignature {
    text-align: right;
    margin-right: 40px;
}


/* 17 Sorep Testimoy */
#SorepTestimonyPage {
}
#SorepTestimonyContent {
	height: 490px;
}


/* 18 Paiement Page */
#PaiementPage {	
	height: 400px;
}
.paiementFieldsStyle {
	margin-left: 200px;   
}
.paiementFieldsStyle .label {
	display:block;
}
.paiementFieldsStyle .textbox {	
	border: 1px solid #929292;
	width: 250px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}
.paiementFieldsStyle .amountTextbox {	
	border: 1px solid #929292;
	width: 150px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}
.paiementFieldsStyle .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}



/* 19 Paiement Page */
#PaiementReturnPage {	
	height: 400px;
}
#PaiementReturnPage a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}



/* 20 Secteurs d'activité */
#ActivitiesPage {	
    height: 875px;
    padding-top: 20px;
}
#ActivitiesTable {
	position: absolute;
	left: 235px;
	top: 90px;
}
#ActivitiesBubbles {
	position: absolute;
	left: 465px;
	top: 55px;
}
.vertGrayLine {
	background-image: url(images/Activities/gray_line.gif);
	background-repeat: repeat-y;
	background-position: 11px;   
}
#ActivitiesPage p {
	margin-top: 0px;
	margin-bottom: 20px;
}
#ActivitiesPage table {
	margin-top: 10px;
}



/* 21 Alimentaire */
#AlimentairePage {
	height: 700px;
}



/* 22 Mode */
#ModePage {
	height: 700px;
}



/* 23 Alimentation */
#AlimentationPage {
	height: 1660px;
	padding-top: 20px;
	font-size: 1.1em;
	line-height: 16px;
}
#AlimentationPage em {
	color: #005497;
	font-style: normal;
	font-weight: bold;
}
#AlimentationScreenShot 
{
	position: absolute;
	top: 195px;
	right: 25px;
}
#AlimentationText1 {
	position: absolute;
	top: 200px;
	left: 255px;
	width: 400px;
}
#AlimentationText2 {
	position: absolute;
	top: 450px;
	left: 255px;
	width: 700px;
}
#AlimentationText3 {
	position: absolute;
	top: 725px;
	left: 255px;
	width: 700px;
}
#AlimentationText4 {
	position: absolute;
	top: 895px;
	left: 255px;
	width: 700px;
}
#AlimentationText5 {
	position: absolute;
	top: 1145px;
	left: 255px;
	width: 700px;
}
#AlimentationText6 {
	position: absolute;
	top: 1425px;
	left: 255px;
	width: 700px;
}
#AlimentationText7 {
	position: absolute;
	top: 1580px;
	left: 255px;
	width: 700px;
}


/* 24 MgWebAccess */
#MgWebAccessPage {
	height: 1520px;
	padding-top: 20px;
	font-size: 1.0em;
	line-height: 16px;
}
#MgWebAccessPage em {
	color: #ef8d56;
	font-style: normal;
	font-weight: bold;
}
#MgWebAccessPage a, #MgWebAccessPage a:visited, #MgWebAccessPage a:active {
	color: #ef8d56;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
#MgWebAccessPage a:hover {

	text-decoration: underline;
}
#MgWebAccessText1 {
	position: absolute;
	top: 200px;
	left: 283px;
	width: 400px;
}
#MgWebAccessText2 {
	position: absolute;
	top: 365px;
	left: 477px;
	width: 480px;
}
#MgWebAccessText3 {
	position: absolute;
	top: 535px;
	left: 285px;
	width: 450px;
}
#MgWebAccessText4 {
	position: absolute;
	top: 855px;
	left: 420px;
	width: 500px;
}
#MgWebAccessText5 {
	position: absolute;
	top: 1125px;
	left: 255px;
	width: 450px;
}
#MgWebAccessText6 {
	position: absolute;
	top: 1415px;
	left: 420px;
	width: 500px;
}


/* 25 TailleCouleur */
#TailleCouleurPage {
	height: 1595px;
	padding-top: 20px;
	font-size: 1.0em;
	line-height: 16px;
}
#TailleCouleurPage em {
	color: #005497;
	font-style: normal;
	font-weight: bold;
}
#TailleCouleurText1 {
	position: absolute;
	top: 208px;
	left: 277px;
	width: 400px;
	font-weight: bold;
}
#TailleCouleurText2 {
	position: absolute;
	top: 287px;
	left: 250px;
	width: 380px;
}
#TailleCouleurText3 {
	position: absolute;
	top: 545px;
	left: 560px;
	width: 390px;
}
#TailleCouleurText4 {
	position: absolute;
	top: 936px;
	left: 275px;
	width: 400px;
	font-weight: bold;
	line-height: 21px;
}
#TailleCouleurText5 {
	position: absolute;
	top: 936px;
	left: 589px;
	width: 400px;
	font-weight: bold;
}
#TailleCouleurText6 {
	position: absolute;
	top: 1066px;
	left: 589px;
	width: 400px;
	font-weight: bold;
}
#TailleCouleurText7 {
	position: absolute;
	top: 1215px;
	left: 250px;
	width: 690px;	
}
#TailleCouleurText8 {
	position: absolute;
	top: 1448px;
	left: 250px;
	width: 690px;	
}


/* 26 Wynid */
#WynidPage {
	height: 1770px;
	padding-top: 20px;
	font-size: 1.0em;
	line-height: 16px;
}
#WynidPage em {
	color: #006db0;
	font-style: normal;
	font-weight: bold;
}
#WynidPage a, #WynidPage a:visited, #WynidPage a:active {
	color: #006db0;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
#WynidPage a:hover {

	text-decoration: underline;
}
#WynidPinpad {
	position: absolute;	
	top: 1000px;	
	margin-left: 30px;
}
#WynidText1 {
	position: absolute;
	top: 200px;
	left: 282px;
	width: 450px;
}
#WynidText2 {
	position: absolute;
	top: 390px;
	right: 40px;
	text-align: right;
	line-height: 20px;
	width: 550px;
}
#WynidText3 {
	position: absolute;
	top: 610px;
	left: 257px;
	line-height: 20px;
	width: 500px;
}
#WynidText4 {
	position: absolute;
	top: 900px;
	left: 245px;
	width: 250px;
}
#WynidText5 {
	position: absolute;
	top: 900px;
	right: 30px;
	text-align:right;
	width: 300px;
}



/* 27 recrutement */
#RecrutementPage {	
	height: 600px;
}
#RecrutementContent {
	position: absolute;
	left: 237px;
	top: 55px;		
}
#RecrutementPage em {
	color: #0078b4;
	font-style: normal;
}
#RecrutementText1 {
	position: absolute;	
	width: 660px;
}
#RecrutementLogo {
	position: absolute;
	top: 83px;
	text-align: center;
	width: 720px;
}