html, body {font-size:9px;line-height:1;font:normal 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;background:#f4f4f4}
img{display:block;border-style:none}
ol,ul{list-style:none}
h1{text-transform:uppercase;color:#FF7800;line-height:1.2;text-decoration: none;font-size:13pt;font-weight: bold;margin: 0;padding: 0;display: inline}
h2{text-transform:uppercase;font-size:12px;margin:15px 0;padding:0 0 0 13px}
h3{text-transform:uppercase;font-size:11px;margin:5px 0;padding:0 0 0 13px}
h3 a,h3 a:link,h3 a:visited,h3 a:hover{font-size:10px;font-weight:400;text-decoration:none;color:#000}
h4{text-transform:uppercase;font-size:11px;padding:0 0 0 13px}
a:hover,.product .price-box .warning a span.btn-left,.product .price-box .warning a:hover span.btn-left{text-decoration:none}
a,a:link,a:visited{color:#2678BF;text-decoration:none;}
a:hover{color:#666;text-decoration:underline}
#page{text-align: left;width:980px;overflow:hidden;position:relative;min-height:100%;background:#FFF;margin:0 auto;border:1px solid #FFF;border-radius: 5px ;
-moz-border-radius: 5px 5px; /* Firefox */
  -webkit-border-radius:5px 5px; /* Safari et Chrome */
  border-radius: 5px 5px; /* Opera 10.5+, norme CSS3 */
 
  -moz-box-shadow: 5px 5px 10px #CCC; /* Firefox */
  -webkit-box-shadow: 5px 5px 10px #CCC; /* Safari et Chrome */
  box-shadow: 5px 5px 10px #CCC; /* Opera 10.5+, norme CSS3 */
 
  /* Appel du script htc pour la compatibilité avec Internet Explorer */
  behavior: url(ie-css3.htc);}

#page .baseline{position:absolute;top:0px;left:0;width:100%;height:150px;overflow:hidden;z-index:1;margin:0;background:#FFF;}
#page .logo{position:absolute;top:25px;left:0;width:219px;height:70px;text-indent:-9999px;overflow:hidden;background:url(http://www.construction-materiaux.com/images/logo.png) no-repeat;z-index:51;margin:0}
#page .logo .gras{font-size:11px;line-height:14px;text-transform:uppercase;margin:0 7px 0;border:0px solid #DC0EAE;}
#contenu{height:auto;width:100%;overflow:hidden;position:relative;padding:150px 0 10px;border:0px solid #000;}
.main{width:780px;float:left;display:inline;background:#fff;margin:15px 0px;margin-left:3px;position:relative}

/* Barre right */
.affiche {background:#FFF;border:#6B7984 solid 1px;border-radius: 5px ; /* Propriété CSS3 générale et pour Opera */
-moz-border-radius: 5px; /* Propriété CSS3 pour Firefox */
-khtml-border-radius:5px; /* Safari et Chrome */
-webkit-border-radius:5px; /* Propriété CSS3 pour navigateurs Webkit */
background:#f4f4f4;height:100%;overflow:hidden; margin-top:15px;margin-right:3px;

}
.affiche .titre {margin:0;padding:0 }
.affiche .titre h3{background:#000;margin:0px;padding:12px;background:#000;line-height:1.5;font-size:10px;color:#fff;text-transform:uppercase }
.affiche .details{background:#FFF;color:#000;display:block;width:auto;height:auto;margin:0;padding:10px 0 20px 0}

/* barre basse */
#footer{width:980px;overflow:hidden;background:#fff;height:100%;position:relative;float:left;padding:0px;border:0px solid #3CAB2E;}
.foot-nav{width:100%;overflow:hidden;background:#000;text-align:center;list-style:none;margin:0 0 19px;padding:6px 0}
.foot-nav li{display:inline;color:#fff;text-transform:uppercase;padding:0 5px 0 9px}
.foot-nav li:first-child{background:none;padding-left:0}

/* menu  */
#header{width:100%;height:20px;position:absolute;top:30px;left:0;z-index:50;}
.top-nav .user-nav{float:left;list-style:none;height:20px;background:#f4f4f4;margin:0;padding:3px 7px}
.top-nav .user-nav li{float:left;color:#000;font-size:9px;padding-left:11px;display:inline;border-left:1px solid #dfdfdf;text-transform:uppercase;line-height:14px;margin:0 0 0 11px}
.top-nav .user-nav li.first{border-left:none;text-transform:none;margin:0;padding:0}
.main-nav{width:100%;position:absolute;top:90px;left:0;z-index:1}
.main-nav ul{float:left;list-style:none;position:relative;margin:2px 0 0 -1px;padding:0}
.main-nav ul li{float:left;font-size:12px;text-transform:uppercase;background: #000;margin-right:1px}
.main-nav.main-nav ul li.home{width:30px}
.main-nav.main-nav ul li.product_bar{width:195px}
.main-nav.main-nav ul li.entreprise{width:215px}
.main-nav.main-nav ul li.emploi{width:115px}
.main-nav.main-nav ul li.expo{width:115px}
.main-nav.main-nav ul li.vierge{width:115px}
.main-nav.main-nav ul li.inscrip{width:188px}
.main-nav.main-nav ul li.inscrip:hover{background: #000}
.main-nav ul li a:hover{float:left;color:#666;text-decoration:none}


.main-nav ul li .btn-c{float:left;height:18px;cursor:pointer;padding:8px 6px 0;color:#fff}
.main-nav ul li ul li .btn-l{float:left;width:5px;height:23px;background:none;cursor:pointer}
.main-nav ul li ul li:hover .btn-l,.main-nav ul li ul li.hover .btn-l{background:#FEAA3C}
.main-nav ul li ul li .btn-c{float:left;height:18px;cursor:pointer;background:none;padding:5px 5px 0}

.main-nav ul li ul li .btn-r{float:left;width:5px;;cursor:pointer;background:none}
.main-nav ul li ul li:hover a,.main-nav ul li ul li.hover a{color:#EDAB24}
.main-nav ul li ul li em{display:block;font-style:normal;background:none;padding:0 0 5px}
.main-nav ul li ul li:hover em,.main-nav ul li ul li.hover em{background:url(images/subnav-arrow.gif) no-repeat 50% 100%}
.main-nav ul li .drop-2{position:absolute;top:35px;left:0;width:100%;display:none}
.main-nav ul li .drop-2 .drop-box{background:#FFF;border:1px solid #FEAA3C;width:759px;position:relative;text-transform:none;padding:15px 14px;}
.main-nav ul li .drop-2 .drop-box h4{font-size:18px;color:#666;font-weight:400;background:none;text-transform:none;margin:0;padding:0 4px 10px}
.main-nav ul li .drop-2 ul{width:auto;float:left;list-style:none;height:auto;text-transform:none;margin:0 14px 0 0;padding:0}
.main-nav ul li .drop-2 ul li{vertical-align:top;line-height:16px;text-transform:none;font-size:11px;background:none;width:100%;float:none;clear:both;margin:0 0 1px;padding:0}
.main-nav ul li .drop-2 ul li a{font-size:14px;color:#2678BF;text-decoration:none;margin:0;padding:0 0 0 6px}
.main-nav ul li .drop-2 ul li.active a,.main-nav ul li .drop-2 ul li a:hover{font-size:14px;color:#2678BF;text-decoration:underline;margin:0;padding:0 0 0 6px}

.main-nav ul li .drop-3{position:absolute;right:5px;top:35px;width:200px;display:none}
.main-nav ul li .drop-3 .drop-box3{background:#FFF;border:1px solid #FEAA3C;width:200px;position:relative;text-transform:none;padding:15px 14px;}
.main-nav ul li .drop-3 ul{width:auto;float:left;list-style:none;height:auto;text-transform:none;margin:0 14px 0 0;padding:0}
.main-nav ul li .drop-3 ul li{vertical-align:top;line-height:16px;text-transform:none;font-size:11px;background:none;width:100%;float:none;clear:both;margin:0 0 1px;padding:0}
.main-nav ul li .drop-3 ul li a{font-size:14px;color:#2678BF;text-decoration:none;margin:0;padding:0 0 0 6px}
.main-nav ul li .drop-3 ul li.active a,.main-nav ul li .drop-3 ul li a:hover{font-size:14px;color:#2678BF;text-decoration:underline;margin:0;padding:0 0 0 6px}

.main-nav ul li a,.main-nav ul li a:visited,.main-nav ul li a:link{float:left;color:#fff}
.main-nav ul li .btn-l,.main-nav ul li .btn-r{float:left;width:3px;height:35px;cursor:pointer}


.top-nav .about-nav li a,.top-nav .lang-nav li a,.shop-nav .box a,.headline ul li a,.foot-nav li a{color:#fff}


.main-nav:after,.main-nav ul li .drop ul:after,.main-nav ul li .drop-2:after,.main-nav ul li .drop-2 .drop-box:after{display:block;clear:both;content:""}
.main-nav:after,.main-nav ul li .drop ul:after,.main-nav ul li .drop-3:after,.main-nav ul li .drop-3 .drop-box-3:after{display:block;clear:both;content:""}

.main-nav:after,.main-nav ul li .drop .drop-area:after,.main-nav ul li .drop ul:after,.main-nav ul li .drop-2:after,.main-nav ul li .drop-2 .drop-box:after{display:block;clear:both;content:""}
.main-nav:after,.main-nav ul li .drop .drop-area:after,.main-nav ul li .drop ul:after,.main-nav ul li .drop-3:after,.main-nav ul li .drop-3 .drop-box3:after{display:block;clear:both;content:""}

.main-nav ul li.product_bar:hover,.main-nav ul li:hover,.main-nav ul li.hover,.main-nav ul li.active,.main-nav ul li.simulate{background:#000}
.main-nav.product_bar ul li.product_bar .drop,.main-nav ul li:hover .drop,.main-nav ul li.hover .drop,.main-nav ul li.active .drop,.main-nav ul li:hover .drop-3,.main-nav ul li:hover .drop-2,.selection .image img{display:block}
.main-nav.product_bar ul li.product_bar:hover{background:#FEAA3C}

.selection .image{width:100%;height:108px;overflow:hidden;margin:0 0 12px}


input,textarea,select{font:100% arial, sans-serif;vertical-align:middle}
<!--BARRE -->
.subnavbar{position:relative;-moz-border-radius:1px;-webkit-border-radius:3px;border-radius:3px;background:#eee;
background:-moz-linear-gradient(100% 100% 90deg,#eee,#fafafa);
background:-webkit-gradient(linear,center top,center bottom,from(#fafafa),to(#eeeeee));
background:-webkit-linear-gradient(#fafafa,#eeeeee);background:-o-linear-gradient(#fafafa,#eeeeee);
border:1px solid #ccc;margin-bottom:10px;padding:2px 3px;width:750px;height:30px;button:10px}
.pagetoolbar{position:absolute;right:0;top:-12px;padding:0}
.pagetoolbar li{float:left;display:block}
.pagetoolbar li .open-account-button{background-color:#c167a3;color:#fff;display:block}
.pagetoolbar li .open-account-button button{color:#fff}
.pagetoolbar li .open-account-button:hover{border-right-color:#999;color:#fff}
.pagetoolbar li button{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:none;border-left:1px solid #ccc;margin:0;padding:0px 3px 4px 6px;height:30px;color:#666;background:none}
.pagetoolbar li button:hover{background-color:#d7d7d7;color:#333}
.breadcrumbs{font-size:12px;color:#00519e;padding:5px 0;font-weight:300}
.breadcrumbs span{padding:4px 0 4px 4px;color:#FFA022;-moz-user-select:none;cursor:default}
.breadcrumbs a{color:#00519e;padding:4px}


.barre-grise{position:relative;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#eee;
background:-moz-linear-gradient(100% 100% 90deg,#eee,#fafafa);
background:-webkit-gradient(linear,center top,center bottom,from(#fafafa),to(#eeeeee));
background:-webkit-linear-gradient(#fafafa,#eeeeee);background:-o-linear-gradient(#fafafa,#eeeeee);
border:1px solid #ccc;margin-bottom:10px;padding:2px 3px;width:972px;height:25px;top:15px}
#vertical_slide{background-color:#FFF;color:#000;display:block;padding:5px;margin:0px;border:1px solid #ccc;}

/*bouton */
#boutongenerale a:hover {text-decoration:none}
.boutongenerale{color:#fff;width:100%;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#FF9901;
background:-moz-linear-gradient(100% 100% 90deg,#FF9901,#FFE0B2);
background:-webkit-gradient(linear,center top,center bottom,from(#FFE0B2),to(#FF9901));
background:-webkit-linear-gradient(#fafafa,#FF9901);background:-o-linear-gradient(#FFE0B2,#FF9901);
border:1px solid #E59D33;margin-bottom:10px;padding:2px 3px;width:190px;height:30px;button:10px;}