@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: 564px;height: 30px;margin-top: 10px;margin-bottom: 14px; background-color: #004A63}
#navbar ul {margin: 0px;padding: 0px;list-style-type: none;}
#navbar li {display: inline;float: left;}
#navbar li a {height: 30px;width: 98px;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);
	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);
	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);
	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);
	background-repeat: no-repeat;background-position: left top;margin-right: 1px;}

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

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

#navbar .LogicielPartners a:hover {
	background-image: url(../pictures/webpics/navigation/TechnologyPartners2.gif);
	background-repeat: no-repeat;background-position: left top;margin-right: 16px;}

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

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

/*wrapper/content*/   
#content{float: left;width: 750px;}
#content #leftside {float: left;width: 550px;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:0px;
}
.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: 11px;
	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/promo1.gif);
	height: 129px;
	width: 150px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
}
#content #rightside #rightsidedotcomlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 6px;
	padding-top: 8px;
	border: 1px solid #CCCCCC;
	border-top: 1px dotted #484848;
	width: 144px;
	line-height: 16px;
	padding-bottom: 8px;
	margin-bottom: 20px;
}
#content #rightside #rightsideretail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	background-color:#f6f7f8;
	line-height:24px;
	padding-bottom: 2px;
	text-indent: 12px;
	border: 1px solid #CCCCCC;
	width: 150px;
	border-bottom: 0px;
}
#content #rightside #rightsideretailimg {
	height: 200px;
	width: 150px;
	border: 2px solid #CCCCCC;
	margin-top: 50px;
}



/*(/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;}