@charset "iso-8859-1";

/* =========== Structure générale ============= */
html { margin:0px; padding:0px }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#; margin:0px; padding:0px; background-image:url(images/body3.jpg); background-position:center top; background-repeat:no-repeat; background-color:#0d2c54 }

input, textarea, select { background-color:#ffffff }535353
select      { border:1px solid }
form        { margin:0px; padding:0px }
hr          { height:1px; padding:0; background-color:#000000; border:0px }
dfn         { font-style:normal }

a       { color:#0059C6; text-decoration:underline }
a:hover { color:#0059C6; text-decoration:underline }

a.noborder { text-decoration:none }
a.noborder:hover { text-decoration:none }

div#fonctions { text-align:right; margin-bottom:4px; }
img.icone     { border:0px }

.invisible { display:none }
.clear     { clear:both }
.noBorder  { border:0px }

div#document  { position:relative; margin:0 auto; padding:0px 0px 0px 0px; width:1024px } 

/* ======================== GESTION DES IMAGES DE FOND ======================== */
div#top        { width:100%; height:166px; position:relative; background-image:url(images/top.png); background-position:left top; background-repeat:no-repeat }
div#gauche     { position:absolute; left:0px; width:183px; height:446px; background-image:url(images/bg_left.png); background-position:left top; background-repeat:no-repeat }
div#bg_centre  { width:800px; margin:0px 77px 0px 183px; position:relative }
div#haut_menu  { width:800px; height:47px; background-image:url(images/bg_ht_menu.jpg); background-position:left top; background-repeat:no-repeat }
div#left_menu  { width:215px; height:40px; position:absolute; left:0px; background-image:url(images/bg_lt_menu.jpg); background-position:center top; background-repeat:no-repeat }
div#right_menu { width:31px; height:40px; position:absolute; right:0px; background-image:url(images/bg_rt_menu.jpg); background-position:center top; background-repeat:no-repeat }
div#bas_menu   { width:800px; height:57px; background-image:url(images/bg_bas_menu.jpg); background-position:center top; background-repeat:no-repeat }
div#bg_corps   { width:800px; background-image:url(images/bg_contenu.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFF }

div#cadreLogo { position:absolute; right:0px; margin:3px 40px 0px 0px; width:106px; height:145px; background-image:url(images/logo_lindstrand.png); background-position:center; background-repeat:no-repeat }


/* ======================== MENU PRINCIPAL ======================== */
div#cadreMenu { width:554px; height:40px; margin:0px 31px 0px 215px; background-image:url(images/bg_menu.jpg); background-position:center top; background-repeat:repeat-x }

h3.root_rubrique_first        { float:left; margin:0px; padding:13px 20px 7px 20px; font-size:12px; font-weight:normal }
h3.root_rubrique_first_select { float:left; margin:0px; padding:13px 20px 7px 20px; font-size:12px; font-weight:normal }
h3.root_rubrique              { float:left; margin:0px; padding:13px 20px 7px 20px; font-size:12px; font-weight:normal; background-image:url(images/bord_rootmenu.gif); background-position:left top; background-repeat:no-repeat }
h3.root_rubrique_select       { float:left; margin:0px; padding:13px 20px 7px 20px; font-size:12px; font-weight:normal; background-image:url(images/bord_rootmenu.gif); background-position:left top; background-repeat:no-repeat }

h3.root_rubrique_first a        { color:#FFF; text-decoration:none }
h3.root_rubrique_first_select a { color:#FFF; text-decoration:none }
h3.root_rubrique a              { color:#FFF; text-decoration:none }
h3.root_rubrique_select a       { color:#FFF; text-decoration:none }

h3.test { float:left; border:1px solid #f00; margin:0px; padding:13px 20px 7px 20px; font-size:12px; font-weight:normal; background-image:url(images/bord_rootmenu.gif); background-position:left top; background-repeat:no-repeat }

/* ======================== SOUS MENU ======================== */
div#corps_menu      { position:absolute; left:0px; width:210px; margin-left:60px }
div#teteSsmenu      { width:210px; height:49px; background-image:url(images/bg_ssmenu_tete.jpg); background-position:left top; background-repeat:no-repeat }
div#bg_corps_ssmenu { width:210px; background-image:url(images/bg_ssmenu_corps.gif); background-position:left top; background-repeat:repeat-x; background-color:#0a274d }

h3.menu_rubrique        { margin:0px 0px 0px 20px; padding:10px 0px 10px 0px; background-image:url(images/separation_ssmenu.gif); background-position:left bottom; background-repeat:no-repeat }
h3.menu_rubrique_select { margin:0px 0px 0px 20px; padding:10px 0px 10px 0px; background-image:url(images/separation_ssmenu.gif); background-position:left bottom; background-repeat:no-repeat }

h3.menu_page        { margin:0px; padding:0px }
h3.menu_page_select { margin:0px; padding:0px 12px 0px 0px }

h3.menu_rubrique a        { color:#FFF; font-size:14px; font-weight:normal; text-decoration:none }
h3.menu_rubrique_select a { color:#FFF; font-size:14px; font-weight:normal; text-decoration:none }

h3.menu_page a        { color:#535353; font-size:12px; font-weight:normal; text-decoration:none }
h3.menu_page_select a { color:#535353; font-size:12px; font-weight:normal; text-decoration:none }

div.cadreSsMenu { width:180px; padding:10px 0px 10px 20px }


/* ======================== CONTENU ======================== */
div#contenu       { min-height:600px; margin:0px 60px 0px 330px; padding:0px 0px 0px 0px }
div#contenu_autre { min-height:600px  }

/* Fil d'ariane */
div#menu_chemin   { margin:0px 0px 0px 150px; padding:25px 0px 0px 0px }
div#menu_chemin a { padding:0px 5px 0px 5px; font-size:11px; text-decoration:none; color:#0a274d }

/* Titre principal */
div#cadreTitre    { padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; background-image:url(images/titrepage.gif); background-position:left bottom; background-repeat:no-repeat }
div#cadreTitre h1 { margin:0px; padding:0px; color:#0a274d; font-size:20px }


/* Pièces jointes */
h2#piece_jointe_titre   { margin:0px; background-color:transparent; color:#0a274d; background-image:none; border-bottom:1px solid #0a274d; font-size:11px; font-weight:bold; text-indent:10px; padding:1px; margin-top:20px; margin-right:5px }
ul#piece_jointe         { margin:0px; padding:0px; list-style:none; margin-right:5px }
ul#piece_jointe li      { background-color:#d2dbe6; color:#0a274d; text-indent:10px }
ul#piece_jointe a       { font-size:11px; text-decoration:none; color:#0a274d }
ul#piece_jointe a:hover { text-decoration:underline }


/* ======================== PAGE D'ACCUEIL ======================== */
h1#slogan { font-size:11px; color:#0a274d; text-align:center; margin:0px 0px 0px 100px; padding:10px 0px 0px 0px }

/* Liste des actualités */
div#cadreActu { width:323px; margin-left:58px; float:left; margin:0px 0px 0px 59px }
div#teteActu  { width:323px; height:65px; text-align:left; padding:0px; background-image:url(images/actu_tete.jpg); background-position:left top; background-repeat:no-repeat }
div#corpsActu { width:323px; min-height:400px; padding-top:10px; background-image:url(images/actu_corps.gif); background-repeat:repeat-x; background-color:#0a274d }
div#piedActu  { width:303px; height:45px; text-align:right; padding:20px 20px 0px 0px; background-color:#0a274d }
div#piedActu2 { width:303px; height:45px; text-align:right; padding:0px 20px 20px 0px }
div#piedAnn   { width:303px; height:45px; text-align:right; padding:0px 20px 20px 0px }

div#teteActu h2   { width:291px; height:35px; margin:0px; padding:30px 0px 0px 32px; color:#FFF; font-size:22px; font-weight:normal; background-image:none }
div#teteSsmenu h2 { width:180px; height:39px; margin:0px; padding:10px 0px 0px 30px; color:#FFF; font-size:22px; font-weight:normal; background-image:none }

dl.listeActu       { margin:0px 33px 0px 33px; padding:0px }
dl.listeActu dt    { font-weight:normal; font-size:16px; color:#FFF }
dl.listeActu dd, dl.listeActu dd a { margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; color:#8fabd0; text-decoration:none }
dl.listeActu dd p  { text-align:left; color:#8fabd0; display:inline }
dl.listeActu dt a  { color:#FFF; text-decoration:none }
dl.listeActu dt em { font-size:11px }

div#piedActu a, div#piedActu2 a, div#piedAnn a    { padding:10px; color:#0a274d; text-decoration:none; background-color:#8fabd0 }

p.MsoNormal { margin:0px }

/* Affichage des devis */
div.cadrekit          { width:348px; position:absolute; right:30px; top:112px }
div.cadrekitInvisible { width:349px; position:absolute; right:30px; top:112px; display:none }

ul.MenuDevis     { list-style:none; height:40px; padding:10px 0px 0px 0px; margin:0px 0px 0px 30px }
ul.MenuDevis li  { display:block; float:left; width:87px; height:25px; text-align:center; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px }
li.kitSelect     { background-image:url(images/menu_kit.gif); background-position:center; background-repeat:no-repeat }
li.kitSelect   a { color:#0a274e; text-decoration:none }
li.kitDeselect a { color:#FFF; text-decoration:none }

div.cadreImgDevis    { height:389px; height:389px }
div.legDevis         { color:#FFF; font-size:11px; width:303px; padding:0px 10px 0px 10px; background-color:#0d2d57 }
div.legDevis h2      { font-weight:normal; color:#FFF; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; font-size:22px; background-image:url(images/titre_devis.gif); background-position:2px bottom; background-repeat:no-repeat }
div.legDevis h2 span { color:#8fabd0; font-size:22px }
div.legDevis, div.legDevis p { color:#8fabd0; font-size:11px }
span.prixDevis       { float:right; font-size:16px; color:#0d2d57; padding:5px; background-color:#8fabd0 }

h2.titreGalerie                { width:291px; height:35px; margin:0px; padding:0px 0px 0px 32px; color:#FFF; font-size:22px; font-weight:normal; background-image:url(images/titre_galerie.gif); background-position:32px bottom; background-repeat:no-repeat }
ul.vignette_client             { width:291px; height:60px; margin:0px 0px 0px 0px; padding:10px 0px 0px 32px }
ul.vignette_client li          { width:60px; height:60px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; display:block; text-align:left }
ul.vignette_client div.legende { text-align:left; font-size:10px; color:#FFF }
ul.vignette_client img         { border:1px solid #FFF; padding:5px; width:40px; height:40px }


/* ======================== PAGE GALERIE D'IMAGES ======================== */
div#wrapper_images { margin:0px 0px 0px 150px }

ul.vignette_galerie             { width:650px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px }
ul.vignette_galerie li          { width:140px; height:150px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; display:block; text-align:left }
ul.vignette_galerie div.legende { text-align:left; font-size:10px; color:#8fabd0; padding-right:5px }
ul.vignette_galerie img         { border:1px solid #8fabd0; padding:5px; width:100px; height:100px }


/* ======================== PAGE CATALOGUE ======================== */
div.cadreObjet    { width:400px; position:relative; padding:10px; margin:0px 0px 20px 0px; background-image:url(images/fond_objet.gif); background-position:top; background-repeat:repeat-x; background-color:#0a274d }
div.cadreObjet h2 { font-size:16px; color:#FFF; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; background-image:none }
div.cadreGalerie  { float:left; width:200px; height:200px }
div.TexteObjet    { color:#FFF; margin:0px 0px 0px 210px }
div.TexteObjet p  { color:#FFF  }
div.TexteObjet2   { color:#FFF; margin:0px 0px 0px 0px }
div.TexteObjet2 p { color:#FFF }

table.TableObjet    { clear:both; border:0px; width:400px; margin-top:20px }
table.TableObjet td { font-size:12px }

ul.listeGalerie      { padding:0px 0px 0px 121px; margin:0px; list-style:none }
ul.listeGalerie li   { padding:3px 5px 3px 5px; margin:0px 1px 0px 1px; font-size:10px; float:left }
ul.listeGalerie li a { color:#FFF }

div#encart           { width:420px; margin:0px 0px 20px 0px; color:#393939; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal }
div#encart samp      { color:#393939; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal }
a#link_encart        { float:right; padding:10px; color:#0a274d; text-decoration:none; background-color:#8fabd0 }
a#link_encart_retour { padding:10px; color:#0a274d; text-decoration:none; background-color:#8fabd0 }


/* ======================== PAGE CONTACT ======================== */
div#cadreContact   { margin-left:58px; width:687px; background-color:#0a284e }
div#chapeauContact { width:100%; height:205px; background-image:url(images/contact_tete.jpg); background-position:left top; background-repeat:no-repeat }
div#colGauche      { float:left; width:45%; margin-left:20px }
div#colDroite      { margin-left:50%; padding:20px 0px 0px 0px }

h1#titreContact        { padding-bottom:10px; color:#FFF; font-weight:normal; background-image:url(images/titre_contact.gif); background-position:left bottom; background-repeat:no-repeat }

div#colGauche a, div#colDroite a               { color:#FFF; text-decoration:underline }
div#colGauche p, div#colDroite p               { color:#FFF; font-size:11px }
div#colGauche p strong, div#colDroite p strong { font-size:12px }

div#cadreContact label      { display:block; color:#FFF }
div#cadreContact .inputexte { width:280px; margin-bottom:20px; border:10px solid #355580 }
div#cadreContact textarea   { width:280px; height:130px; margin-bottom:20px; border:10px solid #355580 }
div#submitContact           { width:300px; padding-right:20px; text-align:right }
div#submitContact input     { color:#042148; padding:3px; background-color:#8fabd0; border:0px; cursor:pointer }
div#cadreContact select     { width:300px; margin-bottom:20px; border:10px solid #355580 }
div.cadreRevendeurFirst     { padding:0px 0px 20px 0px; background-image:url(images/titre_contact.gif); background-position:left bottom; background-repeat:no-repeat }
div.cadreRevendeur          { padding:20px 0px 20px 0px; background-image:url(images/titre_contact.gif); background-position:left bottom; background-repeat:no-repeat }


/* ======================== PLAN DU SITE ======================== */
h3.menu_rubrique_plan        { width:100%; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; font-size:18px; color:#0059C6; border-bottom:1px solid #0059C6 }
h3.menu_rubrique_plan_select { width:100%; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; font-size:18px; color:#0059C6; border-bottom:1px solid #0059C6 }

h3.menu_page_plan        { margin:0px; padding:0px; color:#0059C6; }
h3.menu_page_plan_select { margin:0px; padding:0px 12px 0px 0px; color:#0059C6; }

h3.menu_rubrique_plan a        { color:#0059C6; font-weight:normal; text-decoration:none }
h3.menu_rubrique_plan_select a { color:#0059C6; font-weight:normal; text-decoration:none }

h3.menu_page_plan a        { color:#0059C6; font-size:12px; font-weight:normal }
h3.menu_page_plan_select a { color:#0059C6; font-size:12px; font-weight:normal }

div.cadreSsMenu_plan    { padding:10px 0px 10px 20px }
div.cadreSsMenu_plan h3 { margin-bottom:10px }


/* ======================== PIED DE PAGE ===================== */
div#pied       { width:100%; clear:both; color:#8fabd0 }
div#pied ul    { list-style:none; padding:0px 70px 60px 0px; margin:0px }
div#pied ul li { display:block; float:right; padding:10px; margin:0px; font-size:10px }
div#pied a     { color:#8fabd0; text-decoration:none }


/* ======================== LIGHTBOX ===================== */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color:#000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink                     { width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block }
#prevLink                                { left:0; float:left }
#nextLink                                { right:0; float:right }
#prevLink:hover, #prevLink:visited:hover { background:url(images/prevlabel.gif) left 15% no-repeat }
#nextLink:hover, #nextLink:visited:hover { background:url(images/nextlabel.gif) right 15% no-repeat }

#imageDataContainer { font:10px Arial, Helvetica, sans-serif; background-color:#000; margin:0 auto; line-height:1.4em; overflow:auto; width:100% }

#imageData                {	padding:0 10px; color:#FFF }
#imageData #imageDetails  { width:70%; float:left; text-align:left }	
#imageData #caption       { font-weight:bold }
#imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em }			
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em; outline:none }	 	

#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000 }