* {behavior:url(/iepngfix.htc);}
body {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding:25px 0 0 0px;
background: #124b68 url(images/trameDeFond.gif);}

#conteneur {width:980px;margin:0 auto;background: #ffffff url(images/bg-saintronic.jpg) left 168px no-repeat;}
#header {height: 168px;position:relative;}
#gauche {float:left;width: 200px;margin:0;padding:0;position:relative;}
#centre {width:780px;margin:0px 0 0 200px;padding:0px;min-height:370px;position:relative;z-index:3;}
* html #centre {height:370px;margin:0px 0 0 204px;width:772px;}

/*pour l'index*/
#centre2 {width:780px;margin:0px 0 0 200px;padding:0px;min-height:370px;position:relative;z-index:99;}
* html #centre2 {height:370px;margin:0px 0 0 204px;width:772px;}
/**/
#prefooter {height:26px;background: transparent url(images/bg-prefooter.gif) repeat-x;position:relative;
z-index:2;}
#footer {height:33px;position:relative;z-index:1;}

a#logo {position:absolute;display:block;margin:24px 0px 0px 25px;width:256px;height:80px;}
#header h1, #header span {font: bold 15px arial, sans-serif;margin:0;padding-top:0;}
#header h1 {position:absolute;margin:61px 0px 0px 290px;/* on positionne le conteneur H1 pour placer ensuite le SPAN */
color: #0C475C;}
#header h1 span {position: absolute; /* superposition du SPAN sur le titre */
top: -1px; /* d�calage du SPAN */
left: -1px;
color: white;}

a#tolerie, a#armoires, a#complets, a#services, a#ingenierie  {position:absolute;display:block;width:90px;
height:90px;}
a#tolerie {margin:20px 0px 0px 520px;}
a#armoires {margin:20px 0px 0px 610px;}
a#complets {margin:20px 0px 0px 700px;}
a#services {margin:20px 0px 0px 790px;}
a#ingenierie {margin:20px 0px 0px 880px;}
a#flagEn, a#flagFr {position:absolute;display:block;width:27px;height:24px;margin:115px 0px 0px 45px;}
a#flagEn {background: transparent url(images/en.png) left top no-repeat;}
a#flagFr {background: transparent url(images/fr.png) left top no-repeat;}

ul#badges {position:absolute;margin:140px 0px 0px 145px;padding:0;list-style:none;}
ul#badges li {float:left;width:28px;height:28px;text-align:center;}
ul#badges li a {display:block;height:100%;width:100%;}
ul#badges li a img {border:0;}

ul#onglets {position:absolute;margin:123px 0px 0px 390px;padding:0;list-style:none;}
ul#onglets li {float:left;display:block;text-align:center;}
ul#onglets li a {color:#fff;text-decoration:none;font-size:10px;font-weight:bolder;display:block;
position: relative;}

ul#onglets li form fieldset {border:0;margin:0;padding:0;}

ul#onglets li#mdr {height:23px;width:127px;background: transparent url(images/bg-search.png) left top no-repeat;
margin-top:1px;}

ul#onglets li#mdr a#validMdr {display:block;width:23px;height:20px;float:left;margin-left:5px;}
ul#onglets li#mdr input {height:12px;font:10px arial, sans-serif;float:left;border:0;margin-left:2px;
background-color:transparent;position: relative;z-index:490;}

ul#onglets li#saintronews, ul#onglets li#information, ul#onglets li#contact, ul#onglets li#pds, ul#onglets li#mentions {height: 25px;}
ul#onglets li#saintronews {width:90px;background: transparent url(images/bg-saintronews.png) left top no-repeat;}
ul#onglets li#information {width:90px;background: transparent url(images/bg-infos.png) left top no-repeat;}
ul#onglets li#contact {width:90px;background: transparent url(images/bg-contact.png) left top no-repeat;}
ul#onglets li#pds {width:90px;background: transparent url(images/bg-pds.png) left top no-repeat;}
ul#onglets li#mentions {text-align:left;width: 94px;background: transparent url(images/bg-mentions.png) left top no-repeat;}
ul#onglets li#saintronews a, ul#onglets li#information a, ul#onglets li#contact a, ul#onglets li#pds a, ul#onglets li#mentions a {padding-top:2px;height: 23px;z-index:490;}
ul#onglets li#mentions a {padding-left:4px;width: 90px;}
ul#onglets li#saintronews a:hover, ul#onglets li#information a:hover, ul#onglets li#contact a:hover, ul#onglets li#pds a:hover, ul#onglets li#mentions a:hover {padding-top:3px;height: 22px;}

p#ariane {position:absolute;margin:148px 0px 0px 402px;padding:0;font-size:90%;color:#9c9d9f;font-weight:bolder;}
p#ariane a {text-decoration:none;color:#9c9d9f;}
p#ariane a:hover {text-decoration:none;color:#797a7b;}

/* INDEX - autopromo */
#autopromo, #actu {display:block;height:100px;width:356px;float:left;z-index:100;}
#autopromo {background:#d5e0e6 url(images/zoom-saintronic.jpg) no-repeat bottom right;
position:absolute;margin:-17px 0px 0px 25px;} * html #autopromo {margin:-13px 0px 0px 25px;} *+html #autopromo {margin:-13px 0px 0px 25px;}
#actu {background:#d5e0e6 url(images/actu-saintronic.jpg) no-repeat bottom right;
position:absolute;margin:-17px 0px 0px 385px;} * html #actu {margin:-13px 0px 0px 385px;} *+html #actu {margin:-13px 0px 0px 385px;}
#autopromo h3, #actu h3 {font-size:13px;text-align:center;margin:0px 0 5px 0;display:block;height:17px;
background:#fff url(images/bg-h3-actuzoom.jpg) left top no-repeat;/*border-bottom:1px outset #ccc;*/
color:#0C475C;padding:2px 0 0 0px;}
#autopromo p, #actu p {font-size:11px; padding:0px 0px 5px 0px;color:#000;margin:0 3px 0px 3px;}
#autopromo p img, #actu p img {border:0;float:right;margin-right:3px;}
#actu p span {font-weight:bolder;color:red;letter-spacing:1px;}
#autopromo a, #actu a {color:#5aa4d5;font-size:100%;font-weight:bolder;margin-left:8px;font-style:italic;}
#autopromo a:hover, #actu a:hover {text-decoration:none;color:#0C475C;font-style:italic;}

/*contacts*/
#centre dl.identite dt {font-size:12px;font-weight:bolder;width:310px;margin:10px 0px;text-align:right;
position: relative;z-index:499;} *+html #centre dl.identite dt {margin:5px 0px;}
#centre dl.identite dt a.dl {color:#ccc;text-decoration:none;padding-right:10px;
background:transparent url(images/fleche-title-invert.jpg) bottom right no-repeat;}
#centre dl.identite dt a.dl:hover {color:#cf2824;
background:transparent url(images/fleche-title-invert.jpg) top right no-repeat;}
#centre dl.identite dt:hover {cursor: pointer;}
#centre dl.identite dt:hover ul.smenu {display:block;}
#centre dl.identite dt a.dl:hover ul.smenu {display:block;}
#centre dl.identite dt ul.smenu {width:400px;height:121px;list-style:none;
background:transparent url(images/bg-contact-li.jpg) top right no-repeat;}
#centre dl.identite dt ul.smenu li {margin:3px 0 0 10px;text-align:left;font-size:11px;font-weight:lighter;}
#centre dl.identite dt ul.smenu li.name {font-size:14px;color:#2b6481;}
#centre dl.identite dt ul.smenu a {background:none;text-decoration:none;padding:0;}
#centre dl.identite dt ul.smenu a img {border:0;}
#centre dl.identite dt ul.smenu li a {color:#2b6481;background:none;text-decoration:none;padding:0;}
#centre dl.identite dt ul.smenu li a:hover {color:#cf2824;background:none;}

ul.smenu {padding:2px 0px 0px 40px;left:310px;position:absolute;z-index:499;display:none;
font-size:10px;margin-top:-34px;} * html ul.smenu {margin:-20px 0px 0px 0px;} *+html ul.smenu {margin:-20px 0px 0px 0px;}
ul.smenu img {float:right;margin:-1px 2px 0px 0px;}

/****************
CENTRE
*****************/
#centre h1, #centre h2, #centre2 h1, #centre2 h2, #centre h3 {letter-spacing:1px;background:transparent url(images/fleche-title.jpg) left no-repeat;
padding:0px 0 0 15px;}
#centre h1, #centre2 h1 {font:150% arial, sans-serif;color:#0C475C;margin:0 0 0 10px;}
#centre h2, #centre2 h2 {font:140% arial, sans-serif;color:#c72024;margin:0 0 0 20px;}
#centre h3 {font:120% arial, sans-serif;margin:10px 0 7px 55px;padding:0 0 0 20px;font-weight:bolder;}
#centre p {width:95%;margin:5px auto;}
#centre p img {margin:5px 5px;border:none;}
/*#centre p span {color:#c72024;font-weight:bolder;letter-spacing:1px;}*/
#centre p.decaled {margin: 2px 2px 2px 259px;width:65%;}
#centre a {font-weight:bolder;}
#centre a:hover img {background:transparent;}

#centre blockquote p {width:auto;}

p#intro {margin:1px auto;height:48px;width:90%;}
#mainflash {}
#centre hr {clear:both;display:block;visibility :hidden;margin:0; _margin: -7px 0;width:40%;}
*+html #centre hr {clear:both;margin: -0.5em 0px;padding:0;}

/*formulaires*/ /*Saintronews*/
#formsaintronews {background:transparent url(images/bg-formnews.jpg) left top no-repeat;min-height:222px;
margin:5px auto 40px auto;padding:37px 0px 0px 259px;width:500px;} * html #formsaintronews {height:222px;}
#formsaintronews fieldset {margin: 0px;border:0;height:172px;background:#2b6481 url(images/bg-fieldnews.jpg) right top no-repeat;}
*+html #formsaintronews fieldset {height:186px;}
#formsaintronews p {clear:left; width:100%; margin: 16px 0px;} * html #formsaintronews p {margin: 19px 0px 0px 0px;}
#formsaintronews p#first {margin:5px 0px 19px 0px;} * html #formsaintronews p#first {margin:4px 0px 19px 0px;} *+html #formsaintronews p#first {margin:4px 0px 19px 0px;}
#formsaintronews p#last {margin:19px 0px 9px 0px;} * html #formsaintronews p#last {margin:19px 0px 5px 0px;}
#formsaintronews label {color:#9c9d9f;display:block; float:left; width:165px; padding: 3px 15px 0 0px;
font-weight:bolder;text-align:right;background:transparent url(images/bg-label.jpg) right 6px no-repeat;
margin-right:10px;}
#formsaintronews p input, #formsaintronews p select, fieldset#one input {font-size:12px;border:2px inset #ccc;}
#formsaintronews p input {width:210px;}
#formsaintronews label#unik {background:none;}
#formsaintronews .left, #formcoopt .left {float:left;}
#formsaintronews a#submit, fieldset#two a#submit, fieldset#threeTwo a#submit {font-size:100%;float:left;color:#9c9d9f;font-weight:bolder;margin-left:10px;
padding: 0px 0px 0px 13px;background:transparent url(images/bg-a-form.jpg) left 5px no-repeat;}
#formsaintronews a#submit:hover, fieldset#two a#submit:hover, fieldset#threeTwo a#submit:hover {color:#c72024;background-color:transparent;text-decoration:none;}
#formsaintronews p.red, #formsaintronews p.red label, #formsaintronews p.red input, #formsaintronews p.red textarea, #formsaintronews p.red select {font-weight:bold; color:#E90201;}

/*Formulaire contact*/
#formInfo span.ouaite {color:#fff;}
#formInfo fieldset p label span {color:red;}
#formInfo {width:741px;}
#centre #formInfo p {width:99%;}
#formInfo fieldset#one {background:transparent url(images/fieldOne2.jpg) left top no-repeat; height:324px;
width:741px;border:0;margin:0px 0px 10px 0px;padding:0;}
fieldset#one label {color:#9c9d9f;display:block; float:left; width:325px; padding: 3px 15px 0 0px;
font-weight:bolder;text-align:right;background:transparent url(images/bg-label.jpg) right 6px no-repeat;
margin-right:10px;}
fieldset#one input, fieldset#one textarea {width:280px;}

fieldset#two {background:transparent url(images/fieldTwo2.jpg) left top no-repeat; height:285px;width:741px;border:0;margin:5px 0px 5px 0px;padding:0;}
#contactFor {float:left;width:302px;}
#contactBy {float:left;width:380px;}
#captchadiv {clear:both;padding:10px 0;}
img#captcha {float:left;}
p#keepmail {float:right;padding:0px 10px;width:520px;}
p#keepmail label {color:#9c9d9f;display:block; float:left; width:400px; padding: 3px 15px 0 0px;
font-weight:bolder;text-align:right;background:transparent url(images/bg-label.jpg) right 6px no-repeat;
margin-right:10px;}
p#keepmail input {float:left;}

#contactFor label {color:#9c9d9f;display:block; float:left; width:215px; padding: 3px 15px 0 0px;
font-weight:bolder;text-align:right;margin-right:10px;}
label#labfor0 {color:#cacac9;background:transparent url(images/for0.jpg) right 6px no-repeat;}
label#labfor1 {color:#f29511;background:transparent url(images/for1.jpg) right 6px no-repeat;}
label#labfor2 {color:#9bc21b;background:transparent url(images/for2.jpg) right 6px no-repeat;}
label#labfor3 {color:#973d8c;background:transparent url(images/for3.jpg) right 6px no-repeat;}
label#labfor4 {color:#088cc8;background:transparent url(images/for4.jpg) right 6px no-repeat;}
p.intit {color:#9c9d9f;text-align:center;font-weight:bolder;}

#contactBy label {color:#9c9d9f;display:block;float:left;width:300px; padding: 3px 15px 0 0px;
font-weight:bolder;text-align:right;background:transparent url(images/bg-label.jpg) right 6px no-repeat;
margin-right:10px;}
#contactBy p {clear:both;}

#formInfo p.red, #formInfo p.red label, #formInfo p.red input, #formInfo p.red textarea, #formInfo p.red select, #formcoopt p.red, #formcoopt p.red label {font-weight:bold; color:#E90201;}

#formcoopt {background:transparent url(images/fieldTwo.jpg) left top no-repeat; height:211px;
width:741px;border:0;margin:5px 0px 5px 0px;padding:0;}

fieldset#threeOne, fieldset#threeTwo {border:0;padding:3px;width:541px;margin:0 auto;}
fieldset#threeOne legend, fieldset#threeTwo legend {font-weight:bolder;color:#fff;background:transparent url(images/bg-label.jpg) left 3px no-repeat;padding-left:15px;}
fieldset#threeOne label, fieldset#threeTwo label {color:#9c9d9f;display:block; float:left; width:180px; padding: 3px 15px 0 0px;
font-weight:bolder;text-align:right;background:transparent url(images/bg-label.jpg) right 6px no-repeat;
margin-right:10px;}
fieldset#threeOne input, fieldset#threeTwo input {width:170px;}
fieldset#threeTwo {}

/*plan du site*/
.plands {margin: 3px;}
.plands a {text-decoration:none;}
#pdsite, #pdsite2 {width:300px;margin:5px auto;}
#pdsite2 dt.pdsbase a {margin:10px 0 2px 10px;font-size:100%;color: #000;}
#pdsite2 dt.pdsbase a:hover {background: #000;color:#fff;}

/*moteur de recherche R�sultats*/
#res img {border:none;margin:auto;}
#res a {display:block;padding:4px;text-decoration:none;width:90%;}
p#res {margin:auto;}

/*ACTUALITES*/
#centre div.actualite {width:683px;margin:10px auto;background:transparent url(images/bg-actu.png) repeat-y;
padding:0px 3px 3px 10px;min-height:129px;position:relative;z-index:4;}
div.actualite img {float:left;margin-right:3px;}
.red {color:#E90201;}
#centre div.actualite h4 {font-size:110%;margin:7px;color:#2b6481;padding-top:10px;width:560px;}
#centre div.actualite p {padding:3px;margin:0px;width:560px;}
#centre div.actualite p a {position:relative;z-index:1;}
span.date {color: #E90201;font-weight:lighter;font-size:80%;}
p.entete {font-weight:bolder;color:#000000;}
span.content {font-weight:normal;color:#000;letter-spacing:0px;}
span.auth {font-weight:lighter;font-size:90%; color:#000000;}

/*PRODUITS*/
#introProd {min-height:110px;} * html #introProd {height:110px;}
#centre #introProd img {float:left;margin:0px 5px 0px 0px;}

h4.clicTitre {font-size:12px;font-weight:bolder;width:310px;margin:5px 0px;text-align:right;
position: relative;z-index:499;} *+html dl.identite dt {margin:3px 0px;}
#centre h4.clicTitre a {color:#ccc;text-decoration:none;padding-right:10px;
background:transparent url(images/fleche-title-invert.jpg) bottom right no-repeat;}
#centre h4.clicTitre a:hover {color:#cf2824;
background:transparent url(images/fleche-title-invert.jpg) top right no-repeat;}

.contenant {width:549px;position:relative;margin-left:50px;}
.contenant .top {width:549px;height:5px;background:transparent url(images/bg-top-prod.png) left top no-repeat;}
.contenant .bot {width:549px;height:5px;background:transparent url(images/bg-bot-prod.png) left top no-repeat;}
.contenant .contenu {width:539px;background:transparent url(images/bg-prod.png) repeat-y;padding:5px;}
* html .contenant .contenu {margin-top:-11px;}

.contenant a.close {position:absolute;left:560px;top:15px;font-size:10px;font-weight:lighter;}

#centre .contenant .contenu ul {margin:0;list-style:disc;}
#centre .contenant .contenu p.centray {text-align:center;}
.contenu table {margin:5px auto;}
.contenu table caption, .contenu table th {color:#004860;font-weight:bolder;}
.contenu table th {border:1px solid #fff;border-left:0;border-right:0;}
.contenu table td {font-size:11px;border-bottom:1px solid #fff;}
.contenu table td.g, .contenu table th.g {border-left:1px solid #fff;border-right:1px solid #fff;}

/*ACTUALITES*/
/*.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded
background-image: url(titlebar-active.png);
}*/
.glossymenu a.menuitem {
color: #000;
font-weight:bolder;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 130px;
height:17px;
font-size:11px;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 3px 10px 0px 0px; /*header text is indented 10px*/
text-align:right;
text-decoration: none;
z-index:10;
cursor:pointer;
}

.glossymenu ul { /*CSS for UL of each sub menu*/
list-style-type: none;
width: 170px;
margin: -21px 0px 10px 34px; /*bottom spacing between each UL and rest of content*/
z-index: 1;
position: relative;
padding:10px 0;
}
.glossymenu ul li {/*padding-bottom: 2px; /*bottom spacing between menu items*/width:160px;}
* html .glossymenu ul li {width:163px;}

.glossymenu ul li a {
color: #efefe0;
 /*custom bullet list image*/
display: block;
padding: 0;
text-decoration: none;
padding-left:7px;
font-size: 90%;
border-top: 1px outset #dadada;
border-bottom: 1px outset #dadada;
width:148px;
margin-left:4px;
position:relative;
z-index:10;
}
.glossymenu ul li a:visited {color: #efefef;}
.glossymenu ul li a:hover{ /*hover state CSS*/color: #fff;font-weight:bolder;}

.glossymenu .submenu {display:none;}
.glossymenu .ouvert {display:block !important;}

#prefooter ul {list-style:none;position:absolute;margin:6px 0 0 10px;padding:0;}
#prefooter ul li {float:left;display:block;text-align:center;height:19px;width:93px;}
#prefooter ul li#telech {background:url(images/bg-telech.gif) no-repeat;}
#prefooter ul li#plan {background:url(images/bg-plan.gif) no-repeat;}
#prefooter ul li a {color:#fff;text-decoration:none;font-size:10px;font-weight:bolder;display:block;
padding-top:4px;}
#prefooter ul li a:hover {padding-top:3px;}

#footer p#adress {margin:0;color:#fff;font-weight:bolder;font-size:90%;padding:10px 0px 0px 10px;
width:920px;float:left;}
#footer p#group {margin:0;padding:6px 0px 0px 6px;width:40px;background: transparent url(images/gmd.png) right 5px no-repeat;
float:left;height:22px;}
#footer p#group a {display:block;height:22px;width:40px;}

/* diapos */
.turnDown, .fade, .scrollUp, .shuffle, .zoom, .curtainX, .toss {margin:0 auto;}