@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; margin: 0px; background-image: url(img/gif/fond.gif); background-repeat: repeat-x; background-position: top; }
 
/* ENTETE
************************************************************/
#deg { background-image: url(img/jpg/fondbleu.jpg); background-repeat: repeat-x; background-position: top; width: 100%; padding: 0px; }
#deg a { color: #FFFFFF; text-decoration: none; }
#deg a:hover { color: #014A87; text-decoration: none; }
#deg #logo { white-space: nowrap; height: 40px; margin: 0px; padding-left: 12px; }
#deg #logo a { font-weight: bold; text-decoration: none; font-size: 0.7em; color: #FFFFFF; }
#deg #logo a:hover { text-decoration: none; color: #014A87; }
#deg #logo-2 { white-space: nowrap; height: 25px; margin: 0px; padding-left: 12px; }
#deg #rayure { background-image: url(img/jpg/quadrillage.jpg); background-repeat: repeat-x; background-position: bottom; width:1280px; display: block; height: 31px; }
#deg #bas { background-color: #4AB7FF; width: 100%; background-image: url(img/png/fondbarrebouton.png); background-repeat: repeat; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2696EC; height: 20px; } 

/* BTN MENU
************************************************************/
.bh { text-transform: uppercase; letter-spacing: 0px; background-image: url(img/png/bh.png); background-repeat: repeat-x; font-weight: bold; vertical-align: bottom; }
.bg { text-transform: uppercase; background-image: url(img/png/bg.png); background-repeat: no-repeat; font-weight: bold; background-position: 0px 0px; float: left; height: 31px; width: 8px; }
.bh-2 { text-transform: uppercase; letter-spacing: 0px; background-image: url(img/png/bh-2.png); background-repeat: repeat-x; font-weight: bold; vertical-align: bottom; }
.bg-2 { text-transform: uppercase; background-image: url(img/png/bg-2.png); background-repeat: no-repeat; font-weight: bold; background-position: 0px 0px; float: left; height: 31px; width: 8px; }
ul.MenuBarHorizontal{	margin: 0; list-style-type: none; font-size: 1em; cursor: default; width: auto; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 16px; }
ul.MenuBarActive{	z-index: 1000; }
ul.MenuBarHorizontal li{ padding: 0px; list-style-type: none; font-size: 0.85em; position: relative; text-align: left; cursor: pointer; float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; }
ul.MenuBarHorizontal ul{ padding: 0%; list-style-type: none; z-index: 1020; cursor: default; width: 16em; position: absolute; left: -1000em; margin-top: 5px; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{ left: auto; padding:0; margin-top: 5px; margin-right: auto; margin-bottom: auto; margin-left: auto; }
ul.MenuBarHorizontal ul li{ width: 100%; white-space: nowrap; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
ul.MenuBarHorizontal ul ul{ position: absolute; margin-top: 0; margin-left: 100%; margin-right: auto; margin-bottom: 0; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{ left: 100%; top: 0; margin-left: 5px; font-size: 10px; width: 94%; }

/* Sous Menu au survol Menu
************************************************************/
ul.MenuBarHorizontal ul{ border: 1px solid #0085ea; background-color: #00ABEC; }
/* Liens */
ul.MenuBarHorizontal a{ display: block; cursor: pointer; text-decoration: none; font-weight: bold; padding-top: 0.3em; padding-right: 0.75em; padding-bottom: 0.3em; padding-left: 0.75em; }
ul.MenuBarHorizontal .bh a { display: block; cursor: pointer; text-decoration: none; padding-right: 13px; padding-bottom: 5px; padding-left: 12px; padding-top: 10px; vertical-align: 100%; font-weight: bold; }
ul.MenuBarHorizontal .bh-2 a { display: block; cursor: pointer; text-decoration: none; padding-right: 13px; padding-bottom: 5px; padding-left: 12px; padding-top: 10px; vertical-align: 100%; font-weight: bold; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{ color: #014A87; }
ul.MenuBarHorizontal a.MenuBarItemHover{ color: #01579E; }
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{ color: #01579E; }
/* 2eme survol */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{	background-image: url(SpryAssets/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal a.MenuBarItemSubmenu{ background-image: url(img/png/bd.png); background-repeat: no-repeat; background-position: 100% top; }
ul.MenuBarHorizontal a.MenuBarItemSubmenu-2{ background-image: url(img/png/bd-2.png); background-repeat: no-repeat; background-position: 100% top; }
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{	background-image: url(img/png/bd.png); background-repeat: no-repeat; background-position: 100% top; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{	background-image: url(SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; }
/* HACK FOR IE */
ul.MenuBarHorizontal a.MenuBarItemSubmenu-Contact{ line-height: 34px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 0px; padding-left: 0px; }
ul.MenuBarHorizontal iframe {	position: absolute; z-index: 1010; }
/* HACK FOR IE 5.0 */
@media screen, projection {	ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; 	f\loat: left; 	/* background: #FFF; */ } } 
/* Titre
************************************************************/
h1 { font-size: 1.7em; color: #BDC9CC;  font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; padding-left: 230px; margin: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 5px; text-transform: uppercase; font-weight: normal; }
h2 { font-size: 1.25em; color: #014A87; /*	color: #AF9E7E; */ text-transform: uppercase; font-weight: normal; color: #01579E; padding: 0px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 230px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #B8D2DE; }

/* Page Rubrique
************************************************************/
h3 { font-size: 0.9em; color: #BCC7CB; font-weight: normal; text-transform: uppercase; margin-left: 230px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
h3 a { /*	color: #768A92; */ color: #A2B1B7; text-decoration: none; font-weight: normal; }
h3 a:hover { color: #FF6600; text-decoration: none; }
#photo { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #B8D2DE; margin-left: 230px; padding-top: 3px; padding-left: 0px; border-left-width: 0px; border-left-style: solid; border-left-color: #B8D2DE; }
#photo #contain { float: left; text-align: center; margin-right: 5px; }
#photo #contain a { color: #A2B1B7; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#photo #contain a:hover { color: #FF6600; text-decoration: none; }
#photo .contain { height: 120px; margin: 0px; padding: 0px; }

/* Page Produit
************************************************************/
#menu-prod { width:220px; float: left; padding-bottom: 15px; padding-top: 35px; }
#menu-prod h1 { font-size: 0.9em; letter-spacing: 0em; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAEDEE; padding: 0px; margin-top: 6px; margin-right: 8px; margin-bottom: 4px; margin-left: 25px; overflow: hidden; }
#menu-prod h1 a { color: #526165; text-decoration: none; font-weight: normal; }
#menu-prod h1 a:hover { color: #FF6600; text-decoration: none; }
#menu-prod h1.sr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F0F3F4; }
#menu-prod h1.sr a { color: #A2B1B7; }
#menu-prod h1.sr a:hover { color: #FF6600; }
#menu-prod h2 { font-size: 0.9em; letter-spacing: 0em; padding: 0px; margin-top: 1px; margin-right: 8px; margin-bottom: 1px; margin-left: 25px; overflow: hidden; text-transform: none; color: #9CADB4; }
#menu-prod h2 a { color: #9CADB4; text-decoration: none; }
#menu-prod h2 a:hover { color: #FF6600; text-decoration: none; }
#menu-prod h3 {
}
#menu-prod h6 { margin-right: 8px; margin-left: 25px; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-size: 0.65em; font-weight: normal; color: #919FA4; }
#menu-prod h6 a { color: #768A8F; text-decoration: none; }
#menu-prod h6 a:hover { color: #FF6600; }
#menu-prod .select { font-weight: bold; color: #FF6600; }
.prod-titre { border-top-width: 1px; border-top-style: solid; border-top-color: #d9f0ff; display: block; float: left; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #d9f0ff; border-bottom-color: #FFFFFF; border-left-color: #d9f0ff; padding-top: 5px; padding-right: 7px; padding-bottom: 0px; padding-left: 6px; margin-top: -5px; background-color: #FFFFFF; color: #0094EF; }
.prod-titre-sfilet { display: block; float: left; padding-top: 5px; padding-right: 7px; padding-bottom: 0px; padding-left: 6px; margin-top: -5px; background-color: #FFFFFF; color: #0094EF; }
.prod-print { text-align: right; position: absolute; right: 25px; padding: 0px; margin: 0px; top: 153px; }
#prod-sfilet { margin-left: 230px; margin-right: 20px; padding: 10px; margin-top: 13px; text-align: left; }
#prod-sfilet .cadre { border-top-width: 1px; border-top-style: solid; border-top-color: #E3E7E8; }
#prod-sfilet .cadre-2 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E3E7E8; }
#prod-sfilet td span { text-transform: none; color: #526165; font-weight: bold; }
#prod-sfilet #tableau { padding: 0px; text-align: left; width: 96%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #CEF1FF; border-right-color: #CEF1FF; border-left-color: #CEF1FF; }
#prod-sfilet #tableau td { font-size: 11px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; white-space: nowrap; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CEF1FF; color: #666666; }
#prod-sfilet #tableau p { margin: 0px; padding: 0px; }
#prod-sfilet #tableau th { background-color: #CEF1FF; font-size: 10px; font-weight: bold; padding-right: 5px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; color: #999999; }
.icon { margin-left:25px; margin-top:10px; }
#prod { margin-left: 230px; margin-right: 20px; padding: 10px; border: 1px solid #d9f0ff; margin-top: 32px; text-align: left; }
#prod table { margin: 0px; padding: 0px; border: 0px; text-align: left; }
#prod td { vertical-align: top; text-align: left; }
#prod td span { text-transform: none; color: #526165; font-weight: bold; }
#prod #tableau-cadre { text-align: left; width: 97%; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 1px solid #CEF1FF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; }
#prod #tableau-cadre-2 { text-align: left; width: 97%; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 0px solid #CEF1FF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; font-size: 0.75em; }
#prod #tableau { padding: 0px; text-align: left; width: 96%; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #CEF1FF; border-right-color: #CEF1FF; border-left-color: #CEF1FF; }
#prod #tableau td { font-size: 11px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CEF1FF; color: #666666; }
#prod #tableau p { margin: 0px; padding: 0px; }
#prod #tableau th { background-color: #CEF1FF; font-size: 10px; font-weight: bold; padding-right: 5px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; color: #999999; }
#suivant { margin-left: 230px; margin-right: 20px; padding: 10px; margin-top: 10px; text-align: left; }
#suivant img { margin: 0px; padding: 0px; }

/* Footer
************************************************************/
#footer { background-color: #F8FAFA; margin-top: 25px; padding-top: 10px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; font-size: 11px; color: #61777C; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; border: 1px solid #E8ECEE; bottom: 0px; }
#footer table { margin: 0px; padding:0px; }
#footer td { vertical-align: top; }
#footer th { vertical-align: top; text-align: left; font-weight: normal; font-style: italic; }
#footer a { color: #678085; text-decoration: none;
}
#footer a:hover { color: #FF6600; text-decoration: underline; }
#footer .cap { text-transform: uppercase; font-size: 1.3em; }
 
/* Page Atout
************************************************************/
#atout {}
#atout h1 { font-size: 1.7em; color: #BDC9CC; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px; padding: 0px; text-transform: uppercase; font-weight: normal; line-height: 90%; }
#atout h2 { font-size: 0.95em; color: #014A87; text-transform: uppercase; font-weight: bold; color: #CED7D9; padding: 0px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #B8D2DE; margin-top: 7px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
#atout h3 { font-size: 0.9em; color: #BCC7CB; font-weight: normal; text-transform: none; padding: 0px; margin: 0px; }
#atout h4 { font-size: 10px; color: #BCC7CB; font-weight: bold; text-transform: none; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
#atout .cadre { border: 1px solid #d9f0ff; padding: 5px; }
#atout .atout-titre { padding-top: 5px; padding-bottom: 0px; margin-top: 5px; background-color: #d9f0ff; color: #0094EF; width: 98%; text-transform: uppercase; text-indent: 10px; font-weight: bold; }
#atout .produitcadre { border: 1px solid #0081D7; padding: 2px; margin-right: 10px; }
#atout .blanc { color: #FFFFFF; }
#index a { color: #99ACB0; text-decoration: none; }
#index a:hover { color: #FF6600; text-decoration: underline; }
#index .cap { text-transform: uppercase; font-size: 1.3em; }
#index .index-lien {
	color: #C0CCCF;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/* Mentions Bois et Stratifié dans le menu
************************************************************/
#bois { position:absolute; left:28px; top:95px; color:#FFFFFF; font-size:12px; z-index:100; }
#strat { position:absolute; left:195px; top:95px; color:#FFFFFF; font-size:12px; z-index:100; }

/* Btn accueil
************************************************************/
#button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #219ADC; text-decoration: none; }
#button a { color: #219ADC; text-decoration: none; }
#button a:hover { color: #ff6600; text-decoration: underline; }

.approche { letter-spacing: 2px; }