body
{
  margin: 0px ;
  padding: 0px ;
  font-family: Arial, Helvetica, sans-serif ;
  font-size: 18px ;
  color: rgb(0,0,0) ;
  background-color: rgb(255,255,255) ;
}

div.main-frame
{
  width: 910px ;
  margin: 0px auto ;
  text-align: center ;
  clear: both ;
  font-size: 18px ;   /* Ces lignes font redondances avec les styles définis par "body" ci-dessus, mais sont obligatoires */
  line-height: 0.9em ;  /* pour contrer l'effet de la feuille styles.css qui agit sur toutes les pages de l'application     */
}

div.std-under
{
  clear: both ;
}

/* header */

div#header-top
{
  width: 100% ;
  background-color: rgb(218,238,247) ;
}

div#header-middle
{
  width: 100% ;
  clear: both ;
}

div#header-bottom
{
  width: 100% ;
  clear: both ;
}

div.header-left
{
  width: 505px ;
  float: left ;
}

img#rapid-catalogues-logo
{
  float: left ;
}

div#free-catalogue-website
{
  width: 338px ;
  text-align: center ;
  padding-top: 10px ;
  float: left ;
  color: rgb(51,51,51) ;
}


{
  color: rgb(51,80,51) ;
  text-decoration: underline ;
}

h3, h4, h5
{
  margin: 0px ;
  padding: 0px ;
}

div#rapid-catalogues
{
  width: 167px ;
  font-size: 14px ;
  font-weight: 900 ;
  float: left ;
}

a#back-to-front-page-link:link, a#back-to-front-page-link:visited, a#back-to-front-page-link:active, a#back-to-front-page-link:hover
{
  color: rgb(91,91,91) ;
  text-decoration: none ;
}

div.header-center
{
  width: 355px ;
  float: left ;
}

div.header-right
{
  width: 50px ;
  float: left ;
}

img#header-center-left
{
  float: left ;
}

div#header-middle .main-frame .header-center
{
  background-color: rgb(218,238,247) ;
  width: 349px ;
}

img#header-center-right
{
  float: left ;
}

div#header-top .header-left
{
  margin-top: 20px ;
}

div#header-middle .header-left
{
  text-align: right ;
}

div#header-middle .header-center
{
  height: 25px ;
}

div#header-middle .header-right
{
  text-align: left ;
}

/* two columns layout */

div#they-use-rapid-catalogues
{
  text-align: left ;
  margin: 10px 0px 0px 45px ;
  color: rgb(57,87,101) ;
  font-size: 12px ;
  font-weight: 900 ;
  height: 20px ;
}

a.ssn-they-use-rapid-catalogues:link, a.ssn-they-use-rapid-catalogues:visited, a.ssn-they-use-rapid-catalogues:active, a.ssn-they-use-rapid-catalogues:hover
{
  text-decoration: none ;
  color: rgb(70,108,124) ;
}

div.two-columns-left
{
  width: 455px ;
  float: left ;
}

div.two-columns-right
{
  width: 455px ;
  float: left ;
}

/* open an account */

div#open-an-account
{
  line-height: 2em ;
  color: rgb(11,99,11) ;
}

img#open-an-account-button
{
  margin-top: 30px ;
}

div#open-an-account-links
{
  margin-left: 135px ;
  padding-top: 11px ;
  font-weight: 400 ;
  text-align: left ;
  font-size: 12px ;
  line-height: 2em ;
}

a.open-an-account-links:link, a.open-an-account-links:visited
{
  color: rgb(55,55,55) ;
  text-decoration: none ;
}

a.open-an-account-links:active, a.open-an-account-links:hover
{
  color: rgb(55,55,55) ;
  text-decoration: underline ;
}

/* trial */

div#try
{
  font-size: 14px ;
  line-height: 1.7em ;
}

/* customization */

div#customization
{
  background-color: rgb(218,238,247) ;
}

div.customization-header-wrapper
{
  margin: 0px 15px ;
  width: 425px ;
}

div.customization-header
{
  width: 425px ;
  text-align: left ;
  float: left ;
}

img.customization-header-side
{
  float: left ;
}

div.customization-header-title
{
  float: left ;
  color: rgb(255,255,255) ;
  font-size: 14px ;
  font-weight: 900 ;
  margin: 3px 0px ;
  width: 395px ;
}

div.customization-main-wrapper
{
  margin: 0px 15px ;
  width: 425px ;
}

div.customization-main
{
  width: 425px ;
  background-color: rgb(255,255,255) ;
  float: left ;
}

img.customization-bottom-left-side
{
  float: left ;
  margin-left: 15px ;
}

div.customization-bottom
{
  width: 395px ;
  height: 15px ;
  float: left ;
  background-color: rgb(255,255,255) ;
}

img.customization-bottom-right-side
{
  float: left ;
}

/* blank area */

img.blank-side
{
  float: left ;
}

div#blank
{
  width: 395px ;
  height: 35px ;
  float: left ;
}

/* pro options */

div#pro-options-header-wrapper
{
  margin: 0px 100px ;
  width: 710px ;
}

div#pro-options-header
{
  width: 710px ;
  text-align: left ;
  float: left ;
}

div#pro-options-header-title
{
  float: left ;
  width: 680px ;
}

div#pro-options-symbol-bottom
{
  float: left ;
  width: 710px;
  height: 38px ;
  background-color: rgb(255,255,255) ;
}

div#pro-options-main-wrapper
{
  margin: 0px 100px ;
  width: 710px ;
}

div#pro-options-main
{
  width: 710px ;
  background-color: rgb(255,255,255) ;
  font-size: 14px ;
  line-height: 2.3em ;
  font-weight: 900 ;
  float: left ;
}

a.pro-options:link, a.pro-options:visited
{
  text-decoration: none ;
}

a.pro-options:active, a.pro-options:hover
{
  text-decoration: underline ;
}

img.pro-options-bottom-left-side
{
  float: left ;
  margin-left: 100px ;
}

div.pro-options-bottom
{
  width: 680px ;
  height: 15px ;
  float: left ;
  background-color: rgb(255,255,255) ;
}

img.pro-options-bottom-right-side
{
  float: left ;
}

/* they trust Rapid'Catalogues */

div#they-trust-rapid-catalogues
{
  background-color: rgb(218,238,247) ;
}

div#they-trust-rapid-catalogues-label
{
  text-align: left ;
  font-size: 14px ;
  font-weight: 900 ;
  margin-left: 15px ;
}

div.they-trust-rapid-catalogues-snapshot
{
  width: 205px ;
  margin: 15px 0px 15px 15px ;
  float: left ;
  font-size: 12px ;
}

a.they-trust-user-name:link, a.they-trust-user-name:visited
{
  text-decoration: none ;
}

a.they-trust-user-name:active, a.they-trust-user-name:hover
{
  text-decoration: underline ;
}

/* quick start guide */

div.quick-start-guide-main
{
  width: 425px ;
  background-color: rgb(255,255,153) ;
  margin-left: 15px ;
}

img#quick-start-guide
{
  float: left ;
  margin-left: 45px ;
}

div#links-to-quick-start-guide
{
  float: left ;
  font-size: 12px ;
  font-weight: 900 ;
  text-align: left ;
  margin-left: 15px ;
}

a.quick-start-guide-link:link, a.quick-start-guide-link:visited
{
  text-decoration: none ;
}

a.quick-start-guide-link:active, a.quick-start-guide-link:hover
{
  text-decoration: underline ;
}

div.quick-start-guide-bottom
{
  width: 395px ;
  height: 15px ;
  float: left ;
  background-color: rgb(255,255,153) ;
}

/* footer */

div#rc-website-footer
{
  background-color: rgb(0,0,0) ;
  color: rgb(255,255,255) ;
  padding: 10px 0px ;
}

div.rc-website-footer
{
  font-size: 12px ;
}

a.footer-link:link, a.footer-link:visited
{
  text-decoration: none ;
  color: rgb(255,255,255) ;
}

a.footer-link:active, a.footer-link:hover
{
  text-decoration: underline ;
  color: rgb(255,255,255) ;
}

/* authentication */

div.authentication
{
  font-size: 12px ;
  font-weight: 900 ;
  float: left ;
  width: 150px ;
  margin-left: 27px ;
  text-align: left ;
  padding-top: 5px ;
  margin-top: 10px ;
}

div.authentication-top
{
  margin-top: 15px ;
}

div.authentication-disabled
{
  color: rgb(153,153,153) ;
}

input.authentication-field
{
  font-size: 12px ;
  float: left ;
  width: 140px ;
  margin-top: 10px ;
  border: 1px solid rgb(0,0,0) ;
  background-color: rgb(249,249,249) ;
}

input.authentication-top
{
  margin-top: 15px ;
}

/* password forgotten */

div#password-forgotten
{
  font-size: 10px ;
  width: 355px ;
  padding-top: 10px ;
}

div#authentication-bottom
{
  width: 345px ;
  height: 5px ;
  float: left ;
}

a#password-forgotten-link:link, a#password-forgotten-link:visited
{
  color: rgb(35,0,163) ;
  text-decoration: none ;
}

a#password-forgotten-link:active, a#password-forgotten-link:hover
{
  color: rgb(35,0,163) ;
  text-decoration: underline ;
}

a#open-an-account-link:link, a#open-an-account-link:visited
{
  color: rgb(35,0,163) ;
  text-decoration: none ;
}

a#open-an-account-link:active, a#open-an-account-link:hover
{
  color: rgb(35,0,163) ;
  text-decoration: underline ;
}

/* the 3 steps */

div.the-3-steps
{
  width: 150px ;
  font-size: 12px ;
  float: left ;
  font-weight: 900 ;
}

/* linking menu */

div#linking-menu
{
  font-size: 14px ;
  width: 315px ;
  text-align: left ;
  margin-left: 63px ;
}

a#linking-menu-link:link, a#linking-menu-link:visited
{
  text-decoration: none ;
}

a#linking-menu-link:active, a#linking-menu-link:hover
{
  text-decoration: underline ;
}

/* other customization */

div#other-customization
{
  text-align: left ;
  font-size: 14px ;
  margin-left: 15px ;
  line-height: 1.7em ;
}

a.other-customization-link:link, a.other-customization-link:visited
{
  margin-left: 34px ;
  text-decoration: none ;
}

a.other-customization-link:active, a.other-customization-link:hover
{
  margin-left: 34px ;
  text-decoration: underline ;
}

/* customization guide full summary */

div#customization-guide-full-summary
{
  font-size: 14px ;
  line-height: 1.7em ;
}

a#customization-guide-full-summary-link:link, a#customization-guide-full-summary-link:visited
{
  text-decoration: none ;
  font-weight: 900 ;
}

a#customization-guide-full-summary-link:active, a#customization-guide-full-summary-link:hover
{
  text-decoration: underline ;
  font-weight: 900 ;
}

/* 3 steps */

img#three-steps
{
  margin: 9px 0px 25px 0px ;
}

/* e-commerce */

img#cart
{
  margin-top: 15px ;
}

div#setup-a-cart
{
  font-size: 14px ;
  text-align: justify ;
  width: 320px ;
  margin-left: 53px ;
  margin-right: 52px ;
  margin-top: 20px ;
}

div#e-commerce-functionalities
{
  font-size: 12px ;
  line-height: 1.7em ;
  margin-top: 15px ;
}

a#set-up-a-shopping-cart:link, a#set-up-a-shopping-cart:visited
{
  text-decoration: none ;
}

a#set-up-a-shopping-cart:active, a#set-up-a-shopping-cart:hover
{
  text-decoration: underline ;
}

a.e-commerce-functionality:link, a.e-commerce-functionality:visited
{
  margin-left: 34px ;
  text-decoration: none ;
}

a.e-commerce-functionality:active, a.e-commerce-functionality:hover
{
  margin-left: 34px ;
  text-decoration: underline ;
}

/* header for connected user */

div#rapid-catalogues-logo-connected
{
  width: 167px ;
  float: left ;
  margin-top: 6px ;
}

div#header-links-for-connected
{
  width: 693px ;
  float: left ;
  background-color: rgb(211,221,224) ;
  margin-top: 10px ;
  margin-left: 50px ;
  margin-bottom: 8px ;
}

img.header-links-for-connected-side
{
  float: left ;
}

div#header-links-for-connected-links
{
  width: 643px ;
  float: left ;
  font-size: 12px ;
  font-weight: 900 ;
}

div#under-disconnection
{
  width: 355px ;
  padding-top: 4px ;
}

a.header-links-for-connected-link:link, a.header-links-for-connected-link:visited
{
  color: rgb(51,51,153) ;
  text-decoration: none ;
}

a.header-links-for-connected-link:active, a.header-links-for-connected-link:hover
{
  color: rgb(51,51,153) ;
  text-decoration: underline ;
}

/* Demonstration styles */

div#header-links-for-connected-demo
{
  width: 693px ;
  float: left ;
  background-color: rgb(255,255,255) ;
  margin-top: 10px ;
  margin-left: 50px ;
  margin-bottom: 8px ;
}

div#header-links-for-connected-links-demo
{
  width: 623px ;
  float: left ;
}

img#administration-consoles-caption
{
  margin-top: 5px ;
}

/* Examples styles */

div#header-examples-slogan
{
  width: 693px ;
  margin-right: 0px ;
  float: left ;
  margin-top: 20px ;
  margin-bottom: 4px ;
}