/* CSS Document */

a, a:link, a:visited, a:active, a:hover, form, input, select, textarea { position:relative; }
a, a:link, a:visited, a:active, a:hover, input, select { cursor:pointer; }
body { font-size:12px; text-align:center; }
h1 { background-image:url(/app/stdnat/pix/neutre/h1.png); background-repeat:no-repeat; height:103px; line-height:103px; padding-left:75px; font-size:14px; font-weight:normal; text-transform:uppercase; }
h1 span.highlited{ color:#FFFFFF; font-weight:bold; }
h2 { font-size:1.2em; background-image:url(/app/stdnat/pix/h2.png); background-repeat:no-repeat; padding-left:18px; margin-left:18px; height:1.2em; background-position:left 2px; }
h3 { font-size:1.2em; margin:10px 0 10px 18px; font-weight:normal; }
h4 { font-size:1.1em; margin:15px 0 5px 18px; font-weight:bold; }
h2 { font-size:1.2em; padding-left:18px; margin-left:18px; height:1.2em; }
blockquote { margin:0 10px 0 18px; text-align:justify; }

#conteneur { width:978px; margin:0 auto; background-image:url(/app/stdnat/pix/bg-conteneur.png); background-repeat:repeat-y; text-align:left; padding:0 8px; }
#conteneur .head {}
#conteneur .head div.blockHead { position:relative; height:100%; }
#conteneur .head .retourAccueil{ background:none; display:block; height:100%; width:379px; text-decoration:none; }

#divNewsletterBG { position:absolute; bottom:0; right:0; background-image:url(/app/stdnat/pix/newsletter-bg.png); background-repeat:no-repeat; height:37px; width:359px; }
#divNewsletterInput { position:absolute; bottom:6px; right:0; height:22px; width:296px; }
#divNewsletterInput a.home { height:17px; width:18px; text-decoration:none; border-right:1px solid white; padding-right:11px; margin-right:11px; }
#divNewsletterInput span, #divNewsletterInput a.home { display:block; float:left; }
#divNewsletterInput span { padding-top:2px; }
#divNewsletterInput .email { z-index:89 !important; background:none; background-image:url(/app/stdnat/pix/newsletter-bg-input.png); background-position:top right; background-repeat:no-repeat; height:20px; width:126px; border:0; margin:0; padding:3px 5px 0; float:left; margin-left:7px; color:#bbbbbb; font-size:1em; margin-right:10px }
#divNewsletterInput a.btn-valid { background-image:url(/app/stdnat/pix/newsletter-btn-ok-off.png); background-repeat:no-repeat; display:block; width:24px; height:20px; float:left; }
#divNewsletterInput a.btn-valid:hover { background-image:url(/app/stdnat/pix/newsletter-btn-ok-on.png); background-repeat:no-repeat; }
* html #divNewsletterInput a.btn-valid { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/stdnat/pix/newsletter-btn-ok-off.png', sizingMethod='crop'); }
* html #divNewsletterInput a.btn-valid:hover { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/stdnat/pix/newsletter-btn-ok-on.png', sizingMethod='crop'); }

#menuTop { border-top:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid; }
#menuTop { background-color:#000000; height:48px; margin:0; }
#menuTop li { float:left; height:48px; margin:0; border:none; }
#menuTop li.qui-sommes-nous { width:157px; }
#menuTop li.produit-photo { width:133px; }
#menuTop li.logiciel { width:215px; }
#menuTop li.et-aussi { width:192px; }
#menuTop li.contact { width:144px; }
#menuTop li.temoignage { width:122px; }
#menuTop li.sep {  background-image:url(/app/stdnat/pix/sep.png); background-repeat:no-repeat; width:3px; }

#menuTop li a { background-image:url(/app/stdnat/pix/bg-pat-h48.png); background-repeat:repeat-x; display:block; height:48px; line-height:48px; text-align:center; font-size:14px; color:#FFFFFF; text-decoration:none; }
* html #menuTop li a { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/stdnat/pix/bg-pat-h48.png', sizingMethod='scale'); }
/* * html #menuTop li a:hover { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/stdnat/pix/bg-pat-h48-bis.png', sizingMethod='scale'); } */

#middle { position:static; background-color:#000000; padding:0; margin:0; }

#menuLeft { float:left; width:200px; background-color:#000000; margin:0; min-height:200px; }
#menuLeft * { margin:0; }
#menuLeft * a { color:#FFFFFF; text-decoration:none; }
#menuLeft li.lvl1 { }
/*#menuLeft ul.lvl2 { border-bottom:#FFFFFF 1px solid; }*/
#menuLeft li.lvl1 a { border-bottom:#FFFFFF 1px solid; display:block; position:relative; height:48px; line-height:48px; padding-left:18px; font-size:12px; background-image:url(/app/stdnat/pix/bg-pat-h48.png); background-repeat:repeat-x; }
#menuLeft li.lvl1 a:hover { background-image:url(/app/stdnat/pix/bg-pat-h48-bis.png); }
* html #menuLeft li.lvl1 a { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/stdnat/pix/bg-pat-h48.png', sizingMethod='scale'); }
* html #menuLeft li.lvl1 a:hover { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/stdnat/pix/bg-pat-h48-bis.png', sizingMethod='scale'); }

#menuLeft ul li.lvl2 { border-bottom:#ffffff 1px solid; }
#menuLeft ul li.lvl2 a { border:none; display:block; position:relative; height:26px; line-height:26px; text-align:left; font-size:12px; padding-left:30px; }
* html #menuLeft li.lvl2 a { filter:none; }
* html #menuLeft li.lvl2 a:hover { filter:none; }

#contentRight { position:relative; background-color:#FFFFFF; float:right; width:777px; border-left:#FFFFFF 1px solid; padding-bottom:30px; min-height:500px; }
* html #contentRight { height:500px; }

#contentRight div.cadre-photo { text-align:center; background-color:#FFFFFF; width:249px; padding-bottom:5px; margin:auto; margin-top:20px; vertical-align:top; }
#contentRight div.cadre-photo p { color:#FFFFFF; font-size:12px; font-weight:900; line-height:20px; padding:0 5px; border:#FFFFFF 1px solid; text-align:left; margin-left:0; margin-top:0 }

#contenuPage { position:relative; float:left; width:530px; padding:0 ; min-height:300px; }
#contenuPage.large { width:730px; }
* html #contenuPage { height:300px; }

#contenuPage ul { list-style-type: disc; list-style-position:inside; margin-bottom:10px; margin-left:18px; list-style-image:url(/app/stdnat/pix/li_contenu.png) }
#contenuPage ol { list-style-type: decimal; list-style-position:inside; margin: 20px 0 10px 18px }
#contenuPage ol li { margin: 10px 0 10px 0 }
#contenuPage p { margin:10px 0 8px 18px; }
#contenuPage p span.highlited { color:black; background-color:#D6ECA2; }
#contenuPage a { color:#99CF16; }
#contenuPage table { width:100%; margin-left:18px; }
#contenuPage blockquote p { margin:0; margin-left:18px; }
#contenuPage form { margin-left:18px; }

#encartRightConteneur { position:absolute; top:50px; right:10px; width:217px;  }
#encartRightConteneur .bottomEncart { font-size:1px; background-image:url(/app/stdnat/pix/encard-droit-foot.png); height:30px; background-repeat:no-repeat; }
#encartRightConteneur .topEncart { background-image:url(/app/stdnat/pix/encard-droit-head.png); background-repeat:no-repeat; height:48px; padding:9px 9px 0; }
#encartRightConteneur .topEncart .text { border:#ffffff 1px solid; font-size:12px; background-color:#000000; line-height:48px; height:100%; background-image:url(/app/stdnat/pix/bg-pat-h48.png); background-repeat:repeat-x; text-align:center; }
#encartRight { width:217px; background-image:url(/app/stdnat/pix/encard-droit-bg.png); background-repeat:repeat-y; }
#encartRight .middleEncart { position:relative; padding:0 10px; }
#encartRight .contenuEncart { position:relative; padding:10px 10px 0; }
#encartRight .contenuEncart ul{ margin:10px; list-style: square outside none; margin:10px 20px 10px 25px; }
#encartRight .contenuEncart li { margin-left:5px; font-size:0.9em; }
#encartRight .contenuEncart img { margin:5px auto; display:block; }
#encartRight .contenuEncart p { padding:0 10px; font-size:0.9em; }
#encartRight .contenuEncart .read-more { text-align:right; margin-top:20px; margin-right:10px; }
#encartRight .contenuEncart .read-more a { color:black; font-weight:bold; background-image:url(/app/stdnat/pix/puce-en-savoir-plus.png); background-repeat:no-repeat; padding-left:20px; text-decoration:none; height:20px; line-height:20px; }
#encartRight .contenuEncart .read-more a:hover { text-decoration:underline; }

#footer { background-image:url(/app/stdnat/pix/footer.png); background-position:top; background-repeat:no-repeat;width:978px; margin:0 auto 30px; text-align:left; padding:0 8px 7px 8px; color:#FFFFFF; font-size:11px; }
#footer.withSiteMap { background-image:url(/app/stdnat/pix/footer-site-map.png); background-repeat:no-repeat; }
#footer div { margin-bottom:1px; padding:0 18px; }
#footer .copyright { position:relative; font-size:10px; background-image:url(/app/stdnat/pix/bg-pat-h27.png); background-repeat:repeat-x; height:27px; line-height:27px; }
#footer .numTel { position:absolute; height:27px; top:5px; right:0; }
#footer .sitemap { background-color:#000000; background-image:url(/app/stdnat/pix/bg-pat-h90.png); background-repeat:repeat-x; height:91px; }
#footer .sitemap li { text-transform:uppercase; float:left; margin:10px 17px; }
#footer .sitemap li li { text-transform:none; float:none; margin:4px 0 0; }
#footer .sitemap li li.last-elm { text-transform:uppercase; }

/*#footer .sitemap li li a:first-letter { text-transform:uppercase; }*/

#footer a { color:white; text-decoration:none; }
#footer a:hover { color:white; text-decoration:underline; }

.sepColor{ font-size:0; height:6px !important; line-height:0; border-bottom:#FFFFFF 1px solid; }
.clearFloat { clear:both; font-size:1px; height:1px; line-height:0; background-color:#FFFFFF; }
.colorBlanc { color:#FFFFFF; }
.colorIndigo{ color:#043789; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.big { font-size:1.2em; font-weight:bold; }
.small { font-size:0.8em; }
.center { text-align:center; }

.kwo-error-box { background-image:url(/app/stdnat/pix/neutre/contenu-bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; text-align:center; padding:100px 0  }
.kwo-error-box h2 { background:none; padding:0; }

.sig { font-weight:bold; text-align:right; }

#bariolle { background-image:url(/app/stdnat/pix/bariolle-left.png); background-repeat:repeat-x; height:274px; line-height:0pt; }