@import url("otherpages.css");
@import url("otherpagestweeks.css");

html {
    height: 102%;
}
#wrapper{width:800px;margin-top:20px;margin-left:auto;margin-right:auto;}
    
#header{width: 832px;height: 80px;margin-bottom: 0px;float: left;}
#logo{float:left;height:auto;width:auto;}  
#logo a:link, #logo a:visited{float: left;height: 47px;width:154px;margin-right: 30px;margin-top: 11px;padding-bottom:4px;
background-image: url(../../../pictures/webpics/logo/Logiciel_Logo.gif);border-bottom: 5px solid #CCCCCC;
background-repeat: no-repeat;background-position: left top;}
 
#logo a:hover{border-bottom: 4px solid #CCCCCC;}
  
#toplinks {float: left;width: 564px;background-color: #e4e4e4;height: 22px;}

#toplinks ul {padding: 0px;margin: 0px;margin-top:2px;margin-left:440px;list-style-type: none;}
#toplinks li {float: left;padding-right:8px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 10px;margin-top: 2px;}
   
#toplinks a:link,#toplinks a:visited {color: #5c5b5b;}     
#toplinks a:hover {color: #000000;}
    
#navbar {float: left;width: 646px;height: 30px;margin-top: 10px;margin-bottom: 14px;}
#navbar ul {margin: 0px;padding: 0px;list-style-type: none;}
#navbar li {display: inline;float: left;}
#navbar li a {height: 30px;width: 100px;float: left;}

#navbar .BusinessSolutions a:link, #navbar .BusinessSolutions a:visited {
    background-image: url(../../../pictures/webpics/navigation/BusinessSolutions.gif);border-bottom:5px solid #c9cdd3;
    background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .AboutLogiciel a:link, #navbar .AboutLogiciel a:visited {
	background-image: url(../../../pictures/webpics/navigation/AboutLogiciel.gif);border-bottom:5px solid #5c5b5b;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .LogicielPartners a:link, #navbar .LogicielPartners a:visited {
	background-image: url(../../../pictures/webpics/navigation/TechnologyPartners.gif);border-bottom:5px solid #002d62;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .QuoteRequest a:link, #navbar .QuoteRequest a:visited {
	background-image: url(../../../pictures/webpics/navigation/QuoteRequest.gif);border-bottom:5px solid #8f0000;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .ContactLogiciel a:link, #navbar .ContactLogiciel a:visited {
	background-image: url(../../../pictures/webpics/navigation/ContactLogiciel.gif);border-bottom:5px solid #000000;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .BusinessSolutions a:hover {
	background-image: url(../../../pictures/webpics/navigation/BusinessSolutions.gif);border-bottom:4px solid #c9cdd3;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .AboutLogiciel a:hover {
	background-image: url(../../../pictures/webpics/navigation/AboutLogiciel.gif);border-bottom:4px solid #5c5b5b;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .LogicielPartners a:hover {
	background-image: url(../../../pictures/webpics/navigation/TechnologyPartners.gif);border-bottom:4px solid #002d62;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .QuoteRequest a:hover {
	background-image: url(../../../pictures/webpics/navigation/QuoteRequest.gif);border-bottom:4px solid #8f0000;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

#navbar .ContactLogiciel a:hover {
	background-image: url(../../../pictures/webpics/navigation/ContactLogiciel.gif);border-bottom:4px solid #000000;
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}
	
/*(/wrapper/animation)*/
#animation {float: left;width: 800px;margin-bottom: 10px;}

/*wrapper/content*/   
#content{float: left;width: 750px;}
#content #leftside {float: left;width: 560px;border-bottom-width: 1px;margin-right:38px;}
#content #leftside {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;padding-top: 7px;}
#content #leftside #lefttitle {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color: #000000;font-size: 13px;
                               text-indent:6px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #000000;margin-left: 0px;padding-bottom: 4px;}

#content #leftside #leftext {width: 550px;padding-left: 6px;margin-top:14px;}
#content #leftside #leftsidemobile {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}
#content #leftside #leftsidemobile .mobile {line-height: 34px;font-weight: bold;}

.learnmore{margin-left:400px;}
.learnmore a:link, .learnmore a:visited{color:#002d62;}
.learnmore a:hover{color:#000000;}

#content #leftside #leftsideretail {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;border-top-width: 1px;}
#content #leftside #leftsideretail .retail {line-height: 34px;font-weight: bold;}

#content #rightside {float:left;width: 150px;margin-top: 12px;}
#content #rightside #rightsidemobile {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;color:#333333;width: 150px;background-color: #f6f7f8;line-height:24px;text-indent:10px;padding-bottom: 2px;border: 1px solid #CCCCCC;border-bottom: 0;}
#content #rightside #rightsidemobileimg {background-image: url(../../../../pictures/webpics/Home/womanmobile.jpg);height: 92px;width: 150px;background-repeat: no-repeat;border: 1px solid #CCCCCC;margin-bottom: 30px;}


#content #rightside #rightsideretail {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;color:#333333;background-color:#f6f7f8;line-height:24px;padding-bottom: 2px;text-indent: 10px;border: 1px solid #CCCCCC;width: 150px;border-bottom: 0px;}
#content #rightside #rightsideretailimg {background-image: url(../../../../pictures/webpics/Home/womanPOS.jpg);height: 95px;width: 150px;border: 1px solid #CCCCCC;}



/*(/wraper/footer)*/

#footer {width:750px;height:24px;float: left;margin-top: 20px;background-color:#e4e4e4;}	
#copyrights{width:624px;float:left;margin-top:5px;text-indent: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 10px;color: #5c5b5b;}

#bottomlinks ul {padding: 0px;margin: 0px;margin-top:5px;list-style-type: none;}
#bottomlinks li {float: left;padding-right:8px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 10px;}
#bottomlinks a, #bottomlinks a:visited {color: #5c5b5b;}  
#bottomlinks a:hover {color: #000000;}

#digiem{float:right;font-family:Verdana, Arial, MS Sans Serif;font-size:9px;color:#CCCCCC;}
#digiem a:link,#digiem a:visited,#digiem a:hover{color:#CCCCCC; text-decoration:none;}

sup{font-family: Franklin Gothic Book;font-size:9px;}