/*=============================================================================
* Dark-Blue: #17365D
* Medium-Blue: #365f91
* Light-Blue: #4f81bd
*============================================================================*/
html {
   padding: 0;
   margin: 0;
}

/*=============================================================================
*
*============================================================================*/
body {
   padding: 0;
   margin: 0;
   background-image: url('../img/background/body-background.png');
   background-position: center top;
   background-repeat: no-repeat;
   background-color: #54752B;
}

a {
   color: #0080a0;
   text-decoration: none;
}

/*=============================================================================
*
*============================================================================*/
div#page {
   width: 960px;
   margin: auto;
   padding: 0 4px 0 4px;
   background-image: url('../img/background/page-background.png');
   background-position: center center;
   background-repeat: repeat-y;
   z-index: 10;
}

/*=============================================================================
*
*============================================================================*/
div#header {
   background-image: url('../img/background/header-background.png');
   background-position: center center;
   background-repeat: no-repeat;
   height: 160px;
   text-align: center;
}

div#header div.home {
   float: left;
   font-family: arial;
   font-size: 14px;
   padding: 4px 12px;
   margin: 0px 40px 8px 40px;
   line-height: 150%;
   background-color: #54752B;
   color: #ffffff;
}

div#header div.home a {
   color: #ffffff;
   text-decoration: none;
}

div#header div.locale {
   float: right;
   font-family: arial;
   font-size: 14px;
   padding: 4px 12px;
   margin: 0px 40px 8px 40px;
   line-height: 150%;
   background-color: #54752B;
   color: #ffffff;
}

div#header div.locale a {
   color: #ffffff;
   text-decoration: none;
}

div#header div#logo {
   margin: 0 auto;
   width: 512px;
   padding: 16px 0 0 0;
}

div#header div#logo img {
   border: none;
}

div#header h1 {
   margin: 0 auto;
   padding: 0;
   color: #000000;
   font-size: 10pt;
   font-family: arial;
   text-align: center;
}

div#header p {
   margin: 0 16px;
   padding: 0;
   color: #000000;
   font-size: 12px;
   font-family: arial;
   text-align: right;
   font-weight: bold;
}

/*=============================================================================
*
*============================================================================*/
div#communication {
   width: 960px;
   height: 320px;
}

div#communication ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

div#communication ul li {
   position: absolute;
   margin: 0;
   padding: 0;
   display: none;
   z-index: 5;
}

div#communication ul li a {
   display: block;
   width: 960px;
   height: 320px;
}

div#communication ul li a img {
   border: none;
}

div#communication li.active {
   display: block;
   z-index: 15;
}

div#communication li.last {
   z-index: 10;
}


/*=============================================================================
*
*============================================================================*/
div#navigation {
   height: 40px;
   margin: 0;
   background-image: url('../img/background/navigation-background.png');
   background-position: center center;
   background-repeat: no-repeat;
}

div#navigation ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

div#navigation ul li {
   float: left;
}

div#navigation ul li a {
   color: #ffffff;
   text-decoration: none;
   display: block;
   padding: 8px 0;
   font-family: arial;
   font-size: 10pt;
   line-height: 24px;
   font-weight: bold;
   text-align: center;
   width: 160px;
}

div#navigation ul li a.active {
   background-image: url('../img/background/navigation-active.png');
   background-position: center bottom;
   background-repeat: repeat-x;
}

div#navigation ul li a:hover {
   background-image: url('../img/background/navigation-over.png');
   background-position: center bottom;
   background-repeat: repeat-x;
}

div#navigation ul li a.active:hover {}
div#navigation ul li#nav-home a { width: 96px; }
div#navigation ul li#nav-company a { width: 112px; }
div#navigation ul li#nav-recovery a { width: 168px; }
div#navigation ul li#nav-detection a { width: 168px; }
div#navigation ul li#nav-depot a { width: 160px; }
div#navigation ul li#nav-resources a { width: 128px; }
div#navigation ul li#nav-contact a { width: 128px }

/*=============================================================================
*
*============================================================================*/
div#page-list {
   width: 960px;
   margin: 0 auto 0 auto;
   background-color: #435e22; /*#e1eed2;/*0893BF*/
   padding: 4px 0;
   font-family: arial;
   font-size: 12px;
   color: #ffffff; /*#a5cb75;*/
   text-align: center;
}

div#page-list a {
   color: #ffffff; /*#54752b;*/
   font-family: arial;
   text-decoration: none;
   font-size: 14px;
   padding: 2px 8px;
   line-height: 24px;
}

div#page-list a:hover {
   color: #a5cb75; /*#a5cb75;*/
}

div#page-list a.active {
   color: #ffffff; /*#33481a;*//*057D9B*/
   text-decoration: underline;
   /*background-color: white;*/
}

/*=============================================================================
*
*============================================================================*/
div#content {
	padding: 8px 0 32px 0;
   min-height: 512px;
}

div#content h2 {
   color: #54752B;
   padding: 0 0 0 0;
   margin: 24px 32px 16px 32px;
   font-size: 24px;
   font-family: arial;
}

div#content h3 {
   color: #658c34;
   padding: 0 0 0 0;
   margin: 16px 36px 12px 36px;
   font-size: 18px;
   font-family: arial;
}

div#content p {
   color: #1F1A17;
   font-family: arial;
   font-size: 11pt;
   padding: 0 0 0 0;
   margin: 12px 40px 8px 40px;
   line-height: 150%;
}

div#content ul {
   color: #1F1A17;
   font-family: arial;
   font-size: 11pt;
   padding: 0;
   margin: 12px 40px 8px 64px;
   line-height: 150%;
   list-style-type: square;
}

div#content ol {
   color: #1F1A17;
   font-family: arial;
   font-size: 11pt;
   padding: 0;
   margin: 12px 40px 8px 64px;
   line-height: 150%;
}

div#content ul li {
   padding: 0px 8px;
}

div#content img.rechauffement-planetaire {
   margin: 48px 0 0 0;
}

div#content img.gestion-halocarbures {
   float: right;
   margin: 0px 48px 0px 0px;
}

div#content .left {
   float: left;
}

div#content .right {
   float: right;
}

div#content br.clear {
   clear: both;
}

/*=============================================================================
*
*============================================================================*/
#recovery div.two-column-left { width: 480px; float: left; }
#recovery div.two-column-right { width: 480px; float: right; }
#recovery #refrigeration-climatisation-ventilation { margin: 0px 48px 0 8px; float: right; }
#recovery #etablissements-publics { margin: 32px 48px 0 8px; float: right; }

#recovery #content a#order-button { margin: 32px 0 0 16px; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/purchase-quality-used-equipment.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#recovery #content a#order-button:hover { background-position: center top; }

#recovery #content a#bouton-commande { margin: 32px 0 0 16px; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/achetez-equipements-usages-qualite.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#recovery #content a#bouton-commande:hover { background-position: center top; }

#recovery div.four-boxes-container { margin: 24px 0 0 0; }
#recovery div.four-boxes { width: 230px; height: 241px; float: left; background-image: url('../img/background/four-boxes-background.png'); background-position: center center; background-repeat: no-repeat; margin: 0 0 8px 8px; }
#recovery div.four-boxes h3 { margin: 3px 6px 0 6px; line-height: 20px; height: 48px; color: #ffffff; font-size: 12px; text-align: center; }
#recovery div.four-boxes p { margin: 16px; font-size: 12px; }

#recovery div.two-gradient-container { margin: 24px 0 0 0; }
#recovery div.two-gradient { width: 408px; height: 192px; float: left; background-image: url('../img/background/two-gradient-background.png'); background-position: center center; background-repeat: no-repeat; margin: 0 0 32px 48px; }
#recovery div.two-gradient h3 { margin: 0 6px 0 6px; line-height: 48px; height: 48px; color: #006680; font-size: 14px; text-align: center; }
#recovery div.two-gradient p { margin: 8px 16px 16px 16px; font-size: 12px; color: #33481a; }

/*=============================================================================
*
*============================================================================*/
#detection div.two-column-left { width: 480px; float: left; }
#detection div.two-column-right { width: 480px; float: right; }
#detection #refrigeration-climatisation-ventilation { margin: 0px 48px 0 8px; float: right; }
#detection #etablissements-publics { margin: 32px 48px 0 8px; float: right; }

#detection #content a#order-button { margin: 32px 0 0 16px; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/purchase-quality-used-equipment.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#detection #content a#order-button:hover { background-position: center top; }

#detection #content a#bouton-commande { margin: 32px 0 0 16px; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/achetez-equipements-usages-qualite.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#detection #content a#bouton-commande:hover { background-position: center top; }

#detection div.four-boxes-container { margin: 24px 0 0 0; }
#detection div.four-boxes { width: 230px; height: 241px; float: left; background-image: url('../img/background/four-boxes-background.png'); background-position: center center; background-repeat: no-repeat; margin: 0 0 8px 8px; }
#detection div.four-boxes h3 { margin: 3px 6px 0 6px; line-height: 20px; height: 48px; color: #ffffff; font-size: 12px; text-align: center; }
#detection div.four-boxes p { margin: 16px; font-size: 12px; }

#detection div.two-gradient-container { margin: 24px 0 0 0; }
#detection div.two-gradient { width: 408px; height: 192px; float: left; background-image: url('../img/background/two-gradient-background.png'); background-position: center center; background-repeat: no-repeat; margin: 0 0 32px 48px; }
#detection div.two-gradient h3 { margin: 0 6px 0 6px; line-height: 48px; height: 48px; color: #006680; font-size: 14px; text-align: center; }
#detection div.two-gradient p { margin: 8px 16px 16px 16px; font-size: 12px; color: #33481a; }

/*=============================================================================
*
*============================================================================*/
#demolition #content img.demolition { float: right; margin: 0 0 32px 0; }
#demolition #content img.tag { float: left; margin: 20px 16px 32px 40px; }

/*=============================================================================
*
*============================================================================*/
#customers div.two-column-left { width: 448px; margin: 0 0 0 32px; float: left; }
#customers div.two-column-right { width: 448px; float: right; }

/*=============================================================================
*
*============================================================================*/
#franchising #systeme-franchisage { margin: 32px 64px 0 24px; float: right; }

/*=============================================================================
*
*============================================================================*/
#home #prevention-rechauffement-climatique {
   margin: 0 48px 0 16px;
   float: right;
}

#home #content a#order-button { float: right; margin: 12px 16px 0 0; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/purchase-quality-used-equipment.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#home #content a#order-button:hover { background-position: center top; }

#home #content a#bouton-commande { float: right; margin: 12px 16px 0 0; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/achetez-equipements-usages-qualite.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#home #content a#bouton-commande:hover { background-position: center top; }

#home div.three-panel { margin: 24px 0 0 0; }
#home div.three-panel div.three-panel-left { float: left; width: 400px; height: 352px; }
#home div.three-panel div.three-panel-center { float: left; width: 160px; text-align: center; }
#home div.three-panel div.three-panel-center img { margin: 112px 0 0 0; }
#home div.three-panel div.three-panel-right { float: left; width: 400px; height: 352px; }

#home div.three-panel-equal { margin: 24px 0 0 0; }
#home div.three-panel-equal div.three-panel-left { float: left; width: 320px; }
#home div.three-panel-equal div.three-panel-center { float: left; width: 320px; }
#home div.three-panel-equal div.three-panel-right { float: left; width: 320px; }

#home #entrepreneur-climatisation {  }
#home #entrepreneur-climatisation img { margin: 64px 24px 0 48px; float: left; }
#home #entrepreneur-climatisation p { margin: 16px 48px 0 192px; }
#home #entrepreneur-climatisation ol { margin: 16px 48px 0 224px; }

#home div.three-boxes-container {
   margin: 24px 2px 0 2px;
}

#home div.three-boxes {
   width: 308px;
   height: 369px;
   float: left;
   background-image: url('../img/background/three-boxes-background-home.png');
   background-position: center center;
   background-repeat: no-repeat;
   margin: 24px 0 0 8px;
}

#home div.three-boxes h3 {
   margin: 0;
   line-height: 48px;
   color: #ffffff;
   font-size: 16px;
   text-align: center;
}

#home div.three-boxes img {
   float: right;
   margin: 24px 12px 12px 12px;
}

#home div.three-boxes p {
   margin: 24px;
   font-size: 10.5pt;
}


/*=============================================================================
*
*============================================================================*/
#solutions #content a#order-button { float: right; margin: 12px 16px 0 0; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/purchase-quality-used-equipment.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#solutions #content a#order-button:hover { background-position: center top; }

#solutions #content a#bouton-commande { float: right; margin: 12px 16px 0 0; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/achetez-equipements-usages-qualite.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#solutions #content a#bouton-commande:hover { background-position: center top; }

#solutions div.three-boxes-container {
   margin: 24px 2px 0 2px;
}

#solutions div.three-boxes {
   width: 308px;
   height: 273px;
   float: left;
   background-image: url('../img/background/three-boxes-background.png');
   background-position: center center;
   background-repeat: no-repeat;
   margin: 0 0 0 8px;
}

#solutions div.three-boxes h3 {
   margin: 0;
   line-height: 48px;
   color: #ffffff;
   font-size: 16px;
   text-align: center;
}

#solutions div.three-boxes img {
   float: right;
   margin: 24px 12px 12px 12px;
}

#solutions div.three-boxes p {
   margin: 24px;
   font-size: 10.5pt;
}

/*=============================================================================
*
*============================================================================*/
#profile #content a#order-button { float: right; margin: 12px 16px 0 0; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/purchase-quality-used-equipment.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#profile #content a#order-button:hover { background-position: center top; }

#profile #content a#bouton-commande { float: right; margin: 12px 16px 0 0; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/achetez-equipements-usages-qualite.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#profile #content a#bouton-commande:hover { background-position: center top; }

#profile div.three-panel-mission {
   margin: 24px 0;
}

#profile div.three-panel-left {
   float: left;
   width: 384px;
   height: 224px;
   background-image: url('../img/background/three-panel-left.png');
   background-position: center center;
   background-repeat: no-repeat;
}

#profile div.three-panel-center {
   float: left;
   width: 192px;
   text-align: center;
}

#profile div.three-panel-right {
   float: left;
   width: 384px;
   height: 224px;
   background-image: url('../img/background/three-panel-right.png');
   background-position: center center;
   background-repeat: no-repeat;
}

/*=============================================================================
*
*============================================================================*/
#mission #content a#order-button { margin: 24px auto; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/purchase-quality-used-equipment.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#mission #content a#order-button:hover { background-position: center top; }

#mission #content a#bouton-commande { margin: 24px auto; display: block; width: 480px; line-height: 42px; border: none; background-image: url('../img/icons/achetez-equipements-usages-qualite.png'); background-position: center bottom; background-repeat: no-repeat; text-indent: -9999px }
#mission #content a#bouton-commande:hover { background-position: center top; }

/*=============================================================================
*
*============================================================================*/
#order #content form fieldset { margin: 16px 0 0 0; padding: 0; border: none; border-top: 1px solid #658c34; }
#order #content form fieldset legend { color: #54752B; font-family: arial; font-size: 10pt; padding: 0 8px; margin: 0; text-indent: 40px; line-height: 150%; font-weight: bold; }
#order #content form ul { list-style-type: none; margin: 8px 0 0 48px; padding: 0;}
#order #content form label { display: block; font-size: 9pt; margin: 8px 0 0 0; padding: 0; font-weight: bold; width: 192px; }
#order #content form input.textbox { border: 1px solid #a0c977; font-family: arial; font-size: 10pt; padding: 2px; width: 192px; }
#order #content form input.readonly { background-color: #f8fbf5; }
#order #content form select.combo { border: 1px solid #a0c977; font-family: arial; font-size: 10pt; padding: 1px; width: 192px; }
#order #content form div.button { margin: 24px 0 0 0; border-top: 1px solid #658c34; width: 320px; padding: 0; text-align: center; }
#order #content form input.button { border: 1px solid #658c34; margin: 12px 4px; padding: 2px 4px; width: 104px; background-color: #F8FBF5; font-weight: bold; }

#order #content pre { margin: 16px 40px 16px 40px; background-color: #f8fbf5; border: 1px solid #a0c977; padding: 4px; }

#order div.registry-description { width: 480px; margin: 8px 48px 0 16px; float: right; }
#order div.registry-description img { padding: 2px; border: 1px solid #cccccc; }

/*=============================================================================
*
*============================================================================*/
#contact #map { margin: 8px 16px 0 0; padding: 1px; border: 1px solid #0080a0; width: 640px; height: 384px; float: right; }
#contact #map img { border: none; display: block; }

/*=============================================================================
*
*============================================================================*/
#message #alain-girard-president { padding: 2px; border: 1px solid #000000; float: right; margin: 0 48px 0 16px; }

/*=============================================================================
*
*============================================================================*/
#media #prix-eco-innovation { padding: 2px; border: 1px solid #000000; float: right; margin: 0 48px 0 16px; }

/*=============================================================================
*
*============================================================================*/
div#footer {
   border-top: 4px solid black;
   height: 128px;
   background-image: url('../img/background/footer-background.png');
   background-position: center center;
   background-repeat: repeat-x;
   clear: both;
   margin: 32px 0 0 0;
}

/*=============================================================================
*
*============================================================================*/
div#copyright {
   width: 960px;
   margin: auto;
}

div#copyright p {
   font-family: arial;
   font-size: 12px;
   color: #ffffff;
   line-height: 100%;
   padding: 4px;
   margin: 80px 0 0 0;
   text-align: center;
}

div#copyright p a {
	color: #ffffff;
   text-decoration: none;
}

div#copyright p a:hover {
   text-decoration: underline;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 0;
   margin: 4px 0 0 0;
   text-align: center;
   font-family: arial;
   color: #009ac0;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #009ac0;
   text-decoration: none;
}