/* ----- 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,sup,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;}
.clearer {clear: both;}

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

body{color:#8a8a8a;background:url(../images/design/bg-global.jpg) top center repeat-x;background-color:#8a704b;font:11px Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#container{width:980px;position:relative;margin: 0 auto;}
.logo{padding:0;margin: 0 0 0 14px;float:left;text-align: center;width:274px;height:126px}
#bande-image{background:url(../images/design/bg-bande-image.png) top center no-repeat;width:980px;height:307px;float:left}
div.liste-diffusion{background:url(../images/design/bg-liste-de-diffusion.png) top center no-repeat;width:338px;height:107px;float:right;margin:0 18px 0 0}
#content{background:url(../images/design/bg-content.png) top center repeat-y;width:980px;float:right;margin:0 0 0 0}
#content-bottom{background:url(../images/design/bg-content-bottom.png) bottom center no-repeat;width:980px;height:25px;float:right;margin:0 0 0 0}
#content-left{width:659px;margin:30px 26px 0 40px;padding: 0;float:left}
#content-right{width:247px;margin: 0 0 0;padding: 0;float:left}
div.boutique-en-ligne{background:url(../images/design/boutique-en-ligne-vetements.png) top center repeat-y;width:247px;height:136px;float:right;margin:0 0 0 0}
#header{width:980px;height:126px;float:left}
.dashline{margin:10px 0 20px 0}
div.temoignage-top{width:182px;margin:30px 0 0 14px;padding:10px 12px 12px 12px;background-color: #292929;float:left}
div.temoignage-top p{font-size:11px;color:#f1f1f1;line-height:1.5em;margin:0;padding:0;text-align:right;font-style: italic}
div.temoignage-bottom{background:url(../images/design/temoignage-bottom.png) top center no-repeat;width:206px;height:55px;margin:0 0 20px 14px;float:left}
div.temoignage-bottom p{font-size:11px;color:#91c184;line-height:1.4em;margin:3px 12px 0 0;padding:0;text-align:right}
input.diffusion{font-size:10px;color:#529dbe;font-style:italic;width:178px;padding:3px 5px;background:transparent url(../images/design/input-diffusion.png) no-repeat 0 0;border:none;float:left}
div.form-diffusion{margin:36px 0 0 90px}
.go-diffusion{float:left;margin:0 0 0 0}
.titre{margin:16px 0 0 0}
.visionnez-videos{margin:30px 0 0 40px}
#bloc-dual{width:329px;float:left;margin: 0 0 20px 0}
#bloc-dual-map{width:329px;float:left;margin: 10px 0 20px 0}
#bloc-dual-right{width:299px;float:left;margin: 0 0 0 30px}
span.vert{font-size:11px;line-height:1em;color:#2ea60e;font-weight:bold;text-align:left;margin:0 0 0 0;padding:0;font-style: italic}
.plus-details{float:right;margin:15px 0 0 0;width:91px;height:33px}
a:link, a:active, a:visited{color: #1b8000;}
.mainBox {margin:20px 0 0 0}
.mainBox p{margin-bottom: 0;}
.mainBox h4{padding: 10px 0 20px 10px;}
.mainBox ul{padding-left: 10px;}
.mainBox li{margin-bottom: 30px;}
.mainBox li div{color: #CCCCCE;font-weight: bold;font-size: 13px;;float: left;border-right: 1px solid #CCCCCE;padding-right: 15px;margin-right: 10px;width: 30px;height: 20px;}
div.realisations{margin:10px 0 10px 0;float:left}
.video-corpo{margin:0 0 0 40px}
.jsclass body .randomcontent{ display: none;}
a#icon-eco { background-image:url(../images/design/uniformes-eco-responsable.png); height: 160px; width:202px; display:block;float:left}
a#icon-eco span { display:none; }
a#icon-eco:hover { background-image:url(../images/design/uniformes-eco-responsable-over.png); }
a#icon-catalogue { background-image:url(../images/design/catalogue-virtuel.png); height: 160px; width:202px; display:block;float:left;margin: 0 22px 0 23px}
a#icon-catalogue span { display:none; }
a#icon-catalogue:hover { background-image:url(../images/design/catalogue-virtuel-over.png); }
a#icon-quebec { background-image:url(../images/design/uniformes-fabrication-quebec.png); height: 160px; width:202px; display:block;float:left}
a#icon-quebec span { display:none; }
a#icon-quebec:hover { background-image:url(../images/design/uniformes-fabrication-quebec-over.png); }
.logo-twitter{margin:0 0 0 0;vertical-align:middle}
.cause{margin: 0 0 10px 0}
/* ----- NAVIGATION SECONDAIRE ----------------------------------------------------------------------------- */

#navsec{position:relative;bottom:0;width:940px;height:37px;margin:6px 0 0 20px;padding:0;float:left}
ul#navsec li{float:left;display:inline;height:37px;list-style-type:none;margin:0;padding:0;}
ul#navsec li a{float:left;text-indent:-9999px;text-decoration:none;height:37px;line-height:0;background:url(../images/design/nav-sec.png);}
ul#navsec li.accueil a{width:151px;background-position:0 0;margin:0}
ul#navsec li.accueil a:hover{background-position:0 -37px ;}
ul#navsec li.apropos a{width:200px;background-position:-151px 0;}
ul#navsec li.apropos a:hover{background-position:-151px -37px;}
ul#navsec li.quebecois a{width:192px;background-position:-351px 0;}
ul#navsec li.quebecois a:hover{background-position:-351px -37px;}
ul#navsec li.ecoresponsables a{width:204px;background-position:-543px 0;}
ul#navsec li.ecoresponsables a:hover{background-position:-543px -37px;}
ul#navsec li.contactez a{width:193px;background-position:-747px 0;}
ul#navsec li.contactez a:hover{background-position:-747px -37px;}
em{font-weight:bold;color:#1b8000;font-style: normal}
.logo-oktane{margin:0 0 0 4px;vertical-align:bottom}

/* ----- TEXTES ----------------------------------------------------------------------------- */

p{font-size:11px;color:#4f4f4f;line-height:1.5em;margin:10px 0 15px 0;padding:0;text-align:justify}
h1, h2, h3, h4, h5, h6{font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;font-weight: bold;   }
h1{font-size:18px;line-height:1em;color:#008bca;font-weight:bold;text-align:left;margin:0 0 20px 0;padding:0;border-bottom: 1px #008bca dotted;}
h2{font-size:14px;line-height:1em;color:#5a5a5a;font-weight:bold;text-align:left;margin:15px 0 10px 0;padding:0;}
h3{font-size:14px;line-height:1em;color:#238209;font-weight:bold;text-align:left;margin:20px 0 10px 0;padding:0;}
h4{font-size:14px;line-height:1em;color:#5a5a5a;font-weight:bold;text-align:left;margin:30px 0 10px 0;padding:0;}
h3.modalite {font-size:12px;line-height:1em;color:#5a5a5a;font-weight:bold;text-align:left;margin:20px 0 10px 0;padding:0;}
span.titre{font-size:16px;line-height:1em;color:#00adfc;font-weight:normal;text-align:left;margin:0 0 0 0;padding:0;font-style: italic}

/* ----- NAVIGATION PRINCIPALE ----------------------------------------------------------------------------- */

#nav{width:952px;background:url(../images/design/bg-nav-princ.png) top left no-repeat;height:80px;float:left;position:relative;margin: 0 0 0 20px}
#nav ul{}
#nav ul,#nav li{padding:0;margin:0;list-style:none;float:left;}
#nav ul li{position:relative;float:left;display:block;margin:0;padding:0;background:none;list-style:none;}
#nav ul li a{font-size:0;line-height:0;background:none;width:235px;}
#nav ul li ul{display:none;position:absolute;margin:0;padding:0;top:72px;margin-top:0;right:0px;}
#nav ul li ul{width:235px;}
#nav ul li:hover ul{display:block;}
#nav ul li ul li{float:none;display:block;height:26px;}
#nav ul li ul li a{display:block;font-size:11px;line-height:26px;color:#FFFFFF;font-weight:normal;padding-left:11px}
#nav ul li ul li a{background:url(../images/design/sous-menu-active.png) top right repeat;width:224px;text-decoration:none;}
#nav ul li ul li a.activate,#nav ul li ul li a:hover{background:top right repeat;font-weight:normal;color:#FFFFFF;text-decoration:none;}
#nav ul li ul li a.activate,#nav ul li ul li a:hover{color:#008bca;background-image:url(../images/design/sous-menu-active.png);width:224px;}
#nav ul li ul li.last a{background:url(../images/design/sous-menu-active-last.png) top right repeat;width:224px;text-decoration:none;}
#nav ul li ul li.last a.activate,#nav ul li ul li.last a:hover{color:#008bca;background-image:url(../images/design/sous-menu-active-last.png);width:224px;}

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

table.form{font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:20px 0 0 0;width:659px}
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 }	

/* ----- SLIDESHOW ----------------------------------------------------------------------------- */
#slideshow{width: 940px;height:264px;margin:0;padding:0;float:left}
div#slideshow img{width:940px; height:264px; padding:0; float:left; margin: 0 0 0 20px;background:none!important}
.nav2 { position:absolute;z-index:9999;margin: 0 0 0 40px!important;height:20px}
#nav2 a {display:block;float:left;text-align:center;color:#fff;font-size:15px;font-weight:700;cursor:pointer;width:10px;height:9px;overflow:hidden;background:url("../images/slideshow/puce.png") no-repeat left 0;margin:280px 14px 0 0;padding:0;text-decoration: none;text-indent: 3000px;}
#nav2 a.activeSlide{background-position:0 -9px;color:#445809;float:left}
#nav2 a:focus { outline: none; }
#nav2 { text-align: left }

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

#footer{color:#fff;font-size:11px;height:20px;margin: 0 0 20px 0;text-align:center;clear: both;}
#footer-content{width:940px;position:relative;margin: 0 auto;padding: 0 0 0 0}
#footer-left{float:left;position:relative;margin: 8px 0 0 0;padding: 0 0 0 0}
#footer-right{float:right;position:relative;margin: 4px 0 0 0 ;padding: 0 0 0 0}