/* ----- RESET ----------------------------------------------------------------------------- */
html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sub,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
blockquote,q{quotes:none;}
br{height:0;}
ul,ol,dl{list-style:none;}
a img{border:0;}
img.inline{display:inline;vertical-align:middle;}
.clearer {clear: both;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
html, body {height: 100%;}
sup{font-size: 80%}

/* ------------------------------ MAIN ------------------------------ */

body{background:url(../images/design/global-bg.jpg) top center repeat-x;font:12px arial, verdana, Helvetica, sans-serif;margin:0;padding:0;color:#666666}
#header{width: 980px;height:300px;float:left;margin:0;padding: 0}
#container{width:980px;position:relative;margin: 0 auto;min-height: 100%;height: auto !important;height: 100%;}
#content-left{background:url(../images/design/left-bg.png) top left no-repeat;width:236px;float:left;padding:1px 0 0 0;margin:30px 0 10px 0;}
#content-right{width:713px;float:right;padding:0;margin:30px 18px 0 0}
h1{font-size:14px;line-height:1em;color:#d31145;font-weight:bold;text-align:left;margin:0 0 15px 0;padding:0;text-transform: uppercase;border-bottom: 1px dotted #808080;padding:0 0 2px 0 }
h2{font-size:12px;line-height:1em;color:#6f6f6f;font-weight:bold;text-align:left;margin:0;padding:0;text-transform: uppercase;padding:15px 0 2px 0;border-bottom: 1px dotted #6f6f6f;}
h2.pourquoi{font-size:16px;line-height:1em;color:#d31145;font-weight:bold;text-align:left;margin:0;padding:0;text-transform: uppercase;padding:15px 0 2px 0;border-bottom: none;margin: 0 0 0 22px}
h3{font-size:12px;line-height:1em;color:#454242;text-align:left;margin:20px 26px 4px 0;padding:0;}
h4{font-size:14px;line-height:1em;color:#5a5a5a;text-align:left;margin:30px 0 10px 0;padding:0;}
ul.default{padding-left: 18px;list-style-type: square;margin:15px 24px 20px 20px;}
ul.default li{color:#454242;margin: 7px 0 14px 0;clear: left;}
ul.default li a{color:#454242;text-decoration: none}
ul.default li.in{margin: 7px 7px 7px 35px;clear: left;}
ul.default li.in a{color:#454242;text-decoration: none}
ol.default{padding-left: 0;list-style-type: decimal;margin:15px 24px 20px 20px;}
ol.default li{color:#454242;margin: 7px 0 14px 0;clear: left;}
ul.arrow{font-size:12px;padding: 10px 0 5px 50px;list-style-image: URL(../images/design/arrow.png);color: #666666;margin:0;}
ul.arrow li{margin:0 0 12px 0;padding:0 0 0 2px;clear: left;line-height: 16px}
ul.arrow2{font-size:11px;padding: 10px 0 5px 20px;list-style-image: URL(../images/design/arrow.png);color: #666666;margin:0;float: left}
ul.arrow2 li{margin:0 0 12px 0;padding:0 0 0 2px;}
ul.dual{line-height: 20px;width:250px;color:#666666;margin:10px 0 10px 26px;float:left}
ul.dual li{background: url(../images/design/arrow.png) no-repeat 0 6px;margin: 7px 0 7px 0px;clear: left;padding: 0 0 0 20px}
ul.dual2{line-height: 20px;width:200px;color:#666666;margin:0 0 0 26px;float:left}
ul.dual2 li{background: url(../images/design/arrow.png) no-repeat 0 6px;margin: 7px 0 7px 0px;clear: left;padding: 0 0 0 20px}
.logo{margin:40px 0 0 10px;width:256px;height:167px;float:left}
#top-bar{background:url(../images/design/top-bg.png) top left repeat-x;height:34px;}
#bloc-dual{width:338px;float:left;margin: 0}
#bloc-dual-map{width:338px;float:left;margin: 10px 0 0 0}
#bloc-dual-right{width:338px;float:left;margin: 0 0 0 37px}
.plus-details{float:right;margin:15px 0 0 0;width:91px;height:33px}
#bloc-dual p,#bloc-dual-right p,#bloc-dual-map p{font-size:12px;color:#666666;line-height:1.5em;margin:10px 0 15px 0;padding:0;text-align:justify}
span.red{font-size:12px;line-height:1em;color:#d31145;font-weight:bold;text-align:left;margin:0 0 0 0;padding:0;font-style: italic}
div.separateur{background: url(../images/design/separateur.png) no-repeat top center;width: 713px;height: 15px;border: none;margin:20px 0 20px 0}
.box-palette{background: url(../images/design/box-palette.png) no-repeat top center;width:713px;height:113px;margin:0 0 10px 0;float:left}
.depliant{margin:0 0 0 4px;padding:0;float:left}
a:link, a:active, a:visited{color: #6b6b6b;}
a:hover{text-decoration: none;}
div.bloc-left-top {width:218px;height:10px;background: url(../images/design/bloc-left-top.png) no-repeat bottom left;margin: 0 0 0 4px;_margin: 0 0 0 2px;padding:0;float:left}
div.bloc-left-bottom {width:218px;background: url(../images/design/bloc-left-bottom.png) no-repeat bottom left;margin: 0 0 0 4px;_margin: 0 0 0 2px;padding:0;float:left}
div.bloc-left-bottom p{font-size:11px;color:#868686;line-height:1.3em;margin:0;padding:4px 12px 16px 12px;text-align:right}
.logo-left{margin:0 0 10px 18px;float: left}
.logo-right{margin:0 20px 10px 18px;float: right}
.logo-right2{margin:0 34px 16px 18px;float: right}
p{font-size:12px;color:#666666;line-height:1.5em;margin:10px 0 15px 0;padding:0;text-align:justify}
.box{padding: 10px;background-color:#f5f5f5;margin: 25px 0 15px 0;}
.line{width: 100%;height: 1px;margin:10px 0 10px 0}
li img{float: left;margin: 0 15px 0 0;padding:0}
.clou{margin:0 30px 0 30px}
.logo-acc{float:left;margin: 10px 10px 0 0}
div.acc-liens{float:left;margin:10px 0 0 0}


/* ------------------------------ FORMULAIRE ------------------------------ */

fieldset{background:url(../images/design/fieldset-bg.jpg) repeat-x;padding: 0 0 0 10px;background-color:#f5f5f5;margin: 25px 0 15px 0;border: 1px solid #dbdbdb;}
legend{margin: 0 0 0 10px;color:#d31145;font-size:13px;font-weight: bold;padding:4px 8px 4px 8px;background-color: #fff;border: 1px dotted #808080;}
table.form{font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:20px 0 0 0;width:696px}
table.form th{border-bottom:1px solid #dbdbdb;padding:6px 15px 6px 2px;text-align:left;width:270px;color:#4e4e4e;font-weight: normal}
table.form td{border-bottom:1px solid #dbdbdb;padding:6px 15px 6px 2px;}
table.form td.none{border-bottom:0;padding:6px 15px 6px 2px;}
table.form th.none{border-bottom:0;padding:6px 15px 6px 2px;text-align:left;width:250px}
table.form select{font:11px Verdana, Arial, Helvetica, sans-serif;border:1px solid #bdbdbd;padding:1px 2px 1px 2px}
#form input[type=text]{border:1px solid #bdbdbd;height:17px;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;margin: 0 10px 0 0}
#form textarea{border:1px solid #bdbdbd;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;background-color:#fff}
textarea{font-size:11px}
tbody.on  { display:table-row-group; }
tbody.off { display:none; }
.errFld {border: 1px solid #F00; /*... or any other css properties ... */}
.errMsg { color: #C33; /*... or any other css properties ... */ } 
table.form span{padding:0 0 0 10px;}
#form span.rouge{font-weight:bold;color:#990000;padding:0px 0px 0px 3px;}
div.soumettre{float:right;margin: 0 10px 15px 0}
span.note{font-size: 95%;font-style: italic;margin: 0;padding: 0;color:#6a6a6a}
table.form span.options{padding: 0;color:#6a6a6a;margin:4px 0 0 6px;padding:4px 0 0 0 }
input[type=submit],input[type=reset]{margin:10px 0 20px 6px }

/* ------------------------------ NAVIGATION TOP ------------------------------ */

#top-navigation, #top-navigation li{list-style:none;color:#fff;margin:0;padding:0;float:right;}
#top-navigation li {float:left;text-transform:uppercase}
#top-navigation li {background:url(../images/design/nav-sep.png) 0 0 no-repeat;}
#top-navigation li a{display:block;float:left;color:#fff;text-decoration:none;font:10px/10px Arial, Helvetica, sans-serif;height:24px;padding:10px 16px 0 16px}
#top-navigation li a:hover{color:#fff;text-decoration:none;padding-top:10px;background:url(../images/design/nav-sec-over.png) 2px 0 no-repeat;}
div.liste {width:940px;margin: 0 auto;background:url(../images/design/nav-sep.png) right 0 no-repeat;height:34px;padding: 0 2px 0 0}

/* ------------------------------ NAVIGATION RAPIDE ------------------------------ */

#acces-rapide {margin: 0 0 20px 0;padding: 0;width:980px;float:left;}
#acces-rapide ul{margin: 0;padding: 0}
#acces-rapide li{margin: 0;padding: 0;display: inline;}
#acces-rapide a{float:left;text-indent:-9999px;text-decoration: none}
#acces-rapide a.services{background:url(../images/design/services-offerts.png) top right no-repeat;width: 134px;height: 101px;margin: 0 0 0 30px;padding: 0;position: relative;float: left;}
#acces-rapide a.produits{background:url(../images/design/gamme-de-produits.png) top right no-repeat;width: 149px;height: 101px;margin: 0 0 0 64px;padding: 0;position: relative;float: left;}
#acces-rapide a.soumission{background:url(../images/design/soumission.png) top right no-repeat;width: 89px;height: 101px;margin:0 0 0 68px;padding: 0;position: relative;float: left;}
#acces-rapide a.certifications{background:url(../images/design/certifications.png) top right no-repeat;width: 114px;height: 101px;margin: 0 0 0 78px;padding: 0;position: relative;float: left;}
#acces-rapide a.contact{background:url(../images/design/contactez-nous.png) top right no-repeat;width: 129px;height: 101px;margin: 0 0 0 79px;padding: 0;position: relative;float: left;}
#acces-rapide a.traitement{background:url(../images/design/traitement-thermique.png) top right no-repeat;width: 177px;height: 101px;margin: 0 0 0 64px;padding: 0;position: relative;float: left;}

/* ------------------------------ NAVIGATION CATƒGORIES ------------------------------ */

#navcategories {background:url(../images/design/nav-princ-bg.jpg) top left no-repeat;margin: 2px 0 0 4px;_margin:3px 0 0 4px;padding: 0;width:218px;height:220px;list-style-type:none;}
#navcategories li h3{font-size:15px;line-height:1em;color:#fff;text-align:left;margin:0 0px 0 15px;padding:10px 0 13px 0;font-style: normal}
#navcategories li{font-size:11px;font-weight:normal;padding:0 0 0 0;text-align: left;background:url(../images/design/menu-cat-separator.png) bottom left no-repeat;color:#fff}
#navcategories li a{background:url(../images/design/menu-cat-a.png) 0 0 no-repeat;display:block;text-decoration:none;height:20px;padding:5px 0 0 40px;color:#fff}
#navcategories li a:hover{display:block;padding:-2px 0 0 40px;color:#184f17;height:20px;background:url(../images/design/menu-cat-over.png) 0 0 no-repeat;}
#navcategories li a:active{display:block;padding:-2px 0 0 40px;color:#fff;height:20px;background:url(../images/design/menu-cat-over.png) 0 0 no-repeat;}

/* ------------------------------ SLIDESHOW ------------------------------ */

#slideshow-bg{background:url(../images/design/slideshow-bg.png) top left;width: 699px;height:274px;margin:26px 0 0 0;padding:0;float:right;z-index:400;overflow: hidden;}

#slideshow{width: 660px;height:235px;margin:13px 0 0 12px;_margin:13px 0 0 6px;padding:0;float:left}
.nav { margin: 210px 0 0 460px;position:absolute;z-index:300;}
#nav a, #s7 strong {display:block;float:left;text-align:center;color:#fff;font-size:15px;font-weight:700;cursor:pointer;width:28px;height:23px;overflow:hidden;background:transparent url("../images/slideshow/boutton-selection.png") no-repeat left 0;margin:0 3px 0 0;padding:5px 0 0 1px;text-decoration: none}
#nav a.activeSlide{background-position:left -54px;color:#e5e5e5;}
#nav a:focus { outline: none; }
#output { text-align: left; }
#nav { text-align: left }

/* ------------------------------ FORMULAIRE BULLETIN ------------------------------ */

.bulletin { margin: 20px 0 20px 0}	
.bulletin li { margin-right: 40px; width: 240px; display: inline; float: left; padding-bottom: 0.5em; }	
.bulletin li span { display: block; }
.bulletin .txtfield label, .formInfos span { display: block; margin-bottom: 3px; }
.bulletin .txtfield input { width: 248px; }
.bulletin .radiobtn input { width: auto !important;}
.bulletin .radiobtn * { vertical-align: middle;}
.bulletin .radiobtn strong, .formInfos .radiobtn em { vertical-align: baseline; }
.bulletin .fullwidth { width: 516px; }
.bulletin .fullwidth input, .formInfos .fullwidth textarea { width: 511px; }
div.form input[type=text]{border:1px solid #bdbdbd;height:17px;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;margin: 0 10px 0 0}
div.form textarea{border:1px solid #bdbdbd;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;background-color:#fff}

/* ------------------------------ FOOTER ------------------------------ */

#footer {background:url(../images/design/footer-bg.png) top center repeat-x;color:#fff;font-size:11px;width: 100%;position: relative;background-color: #a0062f;height:81px;margin: 0 0 0 0;clear: both;} 
#footer-content{width:940px;position:relative;margin: 0 auto;padding: 0 0 0 0}
#footer-left{float:left;position:relative;margin: 38px 0 0 0;padding: 0 0 0 0;text-align:left;width:400px}
#footer-right{float:right;position:relative;margin: 38px 0 0 0 ;padding: 0 0 0 0;text-align:right;width:300px}
#footer a{color:#fff;text-decoration: none}
#footer a:hover{color:#fff;text-decoration: underline}
.push {height: 81px;width:980px;float:left}
#logo-interco {margin:29px 14px 0 0;float:left;width:82px;height:37px}
#logo-oktane {margin:26px 0 0 10px;float:right;width:103px;height:44px}
div.type-left{float: left;width: 214px;text-align: center;margin: 0 0 20px 0}
div.type-center{float: left;width: 214px;text-align: center;margin:0 30px 20px 30px}
div.type-right{float: left;width: 214px;text-align: center;margin: 0 0 20px 0}
div.type-left img,div.type-center img,div.type-right img{margin: 0 0 6px 0}
.img-left{float: left;margin: 0 0 10px 0;padding:0 20px 0 0}
.mainBox{border: 1px solid #eeeeee;padding: 10px;margin-bottom: 30px;background-color: #f7f7f7}
h1, h2, h3, h4, h5, h6, .emList li, .numberedList li{font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight: bold;   }
.mainBox p{margin-bottom: 0;}
.mainBox h4{font-size: 18px; color: #666666; margin: 0 0 12px;padding: 10px 0 20px 10px;}
.mainBox ul{padding-left: 10px;}
.mainBox li{margin-bottom: 20px;}
.mainBox li div{color: #CCCCCE;font-weight: bold;font-size: 20px;line-height: 0.9em;float: left;border-right: 1px solid #CCCCCE;padding-right: 15px;margin-right: 10px;width: 30px;height: 40px;}
.mainBox li div span{font-size: 13px;display: block;color: #999999;text-transform: uppercase;}
ol,ul{list-style:none;}