@charset "iso-8859-1";

/* =========== Structure générale ============= */
html { margin:0px; padding:0px }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; background-color:#FFF }

div#fonctions { display:none }
img.icone     { border:0px }
.invisible    { display:none }

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

/* ======================== GESTION DES IMAGES DE FOND ======================== */
div#top        { width:100%; height:145px; position:relative }
div#gauche     { position:absolute; left:0px; width:183px; height:446px }
div#bg_centre  { width:800px; margin:0px 77px 0px 183px; position:relative }
div#haut_menu  { width:800px; height:47px; display:none }
div#left_menu  { width:215px; height:40px; position:absolute; left:0px; display:none }
div#right_menu { width:31px; height:40px; position:absolute; right:0px; display:none }
div#bas_menu   { width:800px; height:57px; display:none }
div#bg_corps   { width:800px; background-color:#FFF }

div#cadreLogo { 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; display:none }

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 }
h3.root_rubrique_select       { float:left; margin:0px; padding:13px 20px 7px 20px; font-size:12px; font-weight:normal }

h3.test { float:left; border:1px solid #f00; margin:0px; padding:13px 20px 7px 20px; font-size:12px; font-weight:normal }

/* ======================== SOUS MENU ======================== */
div#corps_menu      { position:absolute; left:0px; width:210px; margin-left:60px; display:none }
div#teteSsmenu      { width:210px; height:49px }
div#bg_corps_ssmenu { width:210px }

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        { font-size:14px; font-weight:normal; text-decoration:none }
h3.menu_rubrique_select a { font-size:14px; font-weight:normal; text-decoration:none }

h3.menu_page a        { font-size:12px; font-weight:normal; text-decoration:none }
h3.menu_page_select a { 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 0px; 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; display:none }
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 ======================== */

/* 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 }
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 }

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:18px; 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 }
ul.vignette_galerie img         { border:1px solid #8fabd0; padding:5px; width:100px; height:100px }


/* ======================== PAGE CATALOGUE ======================== */
div.cadreObjet    { width:400px; position:relative; padding:10px; border:1px solid #0a274d }
div.cadreObjet h2 { font-size:16px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; background-image:none }
div.cadreGalerie  { float:left; width:200px; height:200px }
div.TexteObjet    { margin:0px 0px 0px 210px }
div.TexteObjet2   { margin:0px 0px 0px 0px }

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 }
div#chapeauContact { width:100%; height:205px; display:none }
div#colGauche      { float:left; width:45%; margin-left:20px }
div#colDroite      { margin-left:50%; padding:20px 0px 0px 0px }

h1#titreContact        { padding-bottom:10px; font-weight:normal }

div#colGauche p, div#colDroite p               { font-size:11px }
div#colGauche p strong, div#colDroite p strong { font-size:12px }

div#cadreContact label      { display:block }
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     { padding:3px; border:0px; cursor:pointer }
div#cadreContact select     { width:300px; margin-bottom:20px; border:10px solid #355580 }
div.cadreRevendeurFirst     { padding:0px 0px 20px 0px }
div.cadreRevendeur          { padding:20px 0px 20px 0px }


/* ======================== PLAN DU SITE ======================== */
h3.menu_rubrique_plan        { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; font-size:18px }
h3.menu_rubrique_plan_select { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; font-size:18px }

h3.menu_page_plan        { margin:0px; padding:0px }
h3.menu_page_plan_select { margin:0px; padding:0px 12px 0px 0px }

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


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