/* layout général */
 body{ background:#271c6a url(../images/bg.jpg) repeat-y top center;}
 table{font-size:12px; color:#7a7e85}
 body, html {padding:0; margin:0; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
 table#superglobal{ width:990px; height:100%; font-size:12px; background:url(../images/bg-content2.jpg) repeat-y} 
 
 /* en-tête du site*/
 td#header{height:133px}
 
 /* navigation (menu) */
 td#navigation{height:25px; background:#271c6a; color:#fff; padding:2px 0px 0px 35px; width:720px}
 
 td#navigation a{padding:0px 15px 0px 15px; color:#fff; text-decoration:none; display:inline;}
 td#navigation a:hover{color:#83beea} 
 td#navigation a.selected{ color:#83beea; text-decoration:none; display:inline}
 
 /* moteur de recherche */
 td#recherche{background:#271c6a; } 
 form#formsearch{padding:0; margin:0}
 input#mot{border:1px solid #fff; height:21px; background:#83beea; color:#fff; padding:2px; font-size:12px}
 
 /* espace contenu */
 td#contenu{background:url(../images/bg-content.jpg) no-repeat top left;}
 
 

 /* ------ page solution ---------------- */
 
 /* texte */
 div#textesolution{padding:20px 50px 15px 55px; font-size:12px}
 div#textesolution h1{font-size:20px; color:#7cbae9}
 div#textesolution h2{font-size:14px; color:#d4070f}
 div#textesolution h3{font-size:13px; color:#000}
 
 /* formulaire espace clients */
 form#formlogin{padding:0; margin:0}
 
 table#login h1{color:#9c9c9a; font-size:14px; padding:0; margin:0px 0px 10px 0px}
 table#login h2{color:#9c9c9a; font-size:12px; padding:0; margin:0}
 table#login input.logcss{border:1px solid #9c9c9a; color:#9c9c9a}
 
 a#boutonsubmit{display:inline; padding:5px 10px 5px 10px; color:#fff; background:#d50e15; text-decoration:none} 
 a#boutonsubmit:hover{ background:#271c6a} 
 
 /* pavé actualités */
 div#actualite{background:url(../images/actu-repeat.jpg) repeat-y;}
 div#bgbottom{background:url(../images/actu-bottom.jpg) no-repeat bottom left; } 
 div#bgtop{ background:url(../images/actu-top.jpg) no-repeat 0 0}
 div#texteactu{padding:15px 20px 5px 20px}
 div#texteactu h1{padding:0; margin:0px 0px 5px 0px; font-size:14px; color:#504d4a} 
 p.savoirplus{ text-align:right}
 p.savoirplus a{color:#3c357b; text-decoration:none; }
 p.savoirplus a:hover{color:#d50e15; text-decoration:none; }
 
 
 /* --------------------- */
 
 /* ------ page produits ---------------- */
 div#texteproduit{padding:20px 50px 15px 55px; font-size:12px}
 div#texteproduit h1{font-size:20px; color:#7cbae9}
 div#texteproduit h2{font-size:14px; color:#d4070f}
 div#texteproduit h3{font-size:13px; color:#000}
 
 table#tabproduit td.titre{color:#d30e15; font-size:13px; font-weight:bold; padding:0px 0px 5px 0px}
 table#tabproduit td.texte{padding:0px 0px 10px 0px}
  table#tabproduit td.catalogue a{color:#d30e15; text-decoration:none; padding:0px 30px 0px 0px}
  
 /* --------------------- */
 
    /* ------ page fiche produit ---------------- */
 div#texteprod{padding:20px 50px 15px 55px; font-size:12px}
 div#texteeprod h1{font-size:20px; color:#7cbae9}
 div#texteprod h2{font-size:14px; color:#d4070f}
 div#texteprod h3{font-size:13px; color:#000}
 
 table#eleprod td h2{display:block; padding:2px 15px 0px 25px; background:url(../images/puce.jpg) no-repeat 0 2px; color:#d30f10; text-decoration:none; font-size:12px; font-weight:normal} 
  td.intituleprod{width:620px}
   td.intituleprod p{padding:0px 0px 0px 25px}
  /* --------------------- */
  
  /* ------ page liste produit2---------------- */
 div#textelisteP{padding:20px 50px 15px 55px; font-size:12px}
 div#textelisteP h1{font-size:20px; color:#7cbae9}
 div#textelisteP h2{font-size:14px; color:#d4070f}
 .lienprod{font-size:20px; color:#d30f10}
 div#textelisteP h3{font-size:13px; color:#000}
 
 table#tablisteP td a{display:block; padding:2px 15px 0px 25px; background:url(../images/puce-t.gif) no-repeat 0 2px; color:#d30f10; text-decoration:underline; font-size:12px} 
 table#tablisteP td a.selected{display:block; padding:2px 15px 0px 25px; background:url(../images/puce-t.gif) no-repeat 0 2px; color:#999997; text-decoration:none; ffont-weight:bold; font-size:12px} 
  td.eleselected {padding:0px 15px 0px 0px; border-left:1px solid #d9d9d9;}
  td.eleecart{height:35px; border-left:1px solid #d9d9d9;}

  td.intitulep{width:120px}
  
  div.extrap{ width:686px;background:url(../images/centreokG.jpg) repeat-y;}
  div.bottomp {background:url(../images/bottomG.jpg) no-repeat bottom left; width:686px; _width:686px;   padding:15px;}
  div.topp{width:686px; background:url(../images/topG.jpg) no-repeat 0 0}
  
  div.extra2{ width:206px; _width:2066px; height:130px; padding:15px; background:url(../images/solutions2-img.jpg) no-repeat 0 0}
  
  
 /* --------------------- */ 
 
     /* ------ page actualités ---------------- */
 div#texteactus{padding:20px 50px 15px 55px; font-size:12px}
 div#texteactus h1{font-size:20px; color:#7cbae9}
 div#texteactus h2{font-size:14px; color:#d4070f}
 div#texteactus h3{font-size:13px; color:#000}
 
 table#eleactus td h2{display:block; padding:2px 15px 0px 25px; background:url(../images/puce.jpg) no-repeat 0 2px; color:#d30f10; text-decoration:none; font-size:12px; font-weight:normal} 
  td.intituleactus{width:720px}
   td.intituleactus p{padding:0px 0px 0px 25px}
   p.savoir{ text-align:left}
   p.savoir a{color:#3c357b; text-decoration:none; }
 	p.savoir a:hover{color:#d50e15; text-decoration:none; }
  /* --------------------- */
  
 /* ------ page solution2 ---------------- */
 div#textesolution2{padding:20px 50px 15px 55px; font-size:12px}
 div#textesolution2 h1{font-size:20px; color:#7cbae9}
 div#textesolution2 h2{font-size:14px; color:#d4070f}
 div#textesolution2 h3{font-size:13px; color:#000}
 
 table#tabsolutions2 td a{display:block; padding:2px 15px 0px 25px; background:url(../images/puce.jpg) no-repeat 0 2px; color:#d30f10; text-decoration:underline; font-size:12px} 
  td.eleselected {padding:0px 15px 0px 0px; border-left:1px solid #d9d9d9;}
  td.eleecart{height:35px; border-left:1px solid #d9d9d9;}
  td.intitule{width:220px}
  /* --------------------- */
  
   /* ------ page solution3 ---------------- */
 div#textesolution3{padding:20px 50px 15px 55px; font-size:12px}
 div#textesolution3 h1{font-size:20px; color:#7cbae9}
 div#textesolution3 h2{font-size:14px; color:#d4070f}
 div#textesolution3 h3{font-size:13px; color:#000}
 
 table#tabsolutions3 td a{display:block; padding:2px 15px 0px 25px; background:url(../images/puce.jpg) no-repeat 0 2px; color:#d30f10; text-decoration:underline; font-size:12px} 
 table#tabsolutions3 td a.selected{display:block; padding:2px 15px 0px 25px; background:url(../images/puce.jpg) no-repeat 0 2px; color:#999997; text-decoration:none; ffont-weight:bold; font-size:12px} 
  td.eleselected {padding:0px 15px 0px 0px; border-left:1px solid #d9d9d9;}
  td.eleecart{height:35px; border-left:1px solid #d9d9d9;}

  td.intitule{width:220px}
  
  div.extra{ width:336px;background:url(../images/bg-solutions.jpg) repeat-y;}
  div.bottom {background:url(../images/bg-solutions-bottom.jpg) no-repeat bottom left; width:306px; _width:336px;   padding:15px;}
  div.top{width:336px; background:url(../images/bg-solutions-top.jpg) no-repeat 0 0}
  
  div.extra2{ width:316px; _width:336px; height:230px; padding:15px; background:url(../images/solutions2-img.jpg) no-repeat 0 0}
  
  
 /* --------------------- */ 
 
  /* ------ page commercial ---------------- */
 div#textecommercial{padding:20px 50px 15px 55px; font-size:12px}
 div#textecommercial h1{font-size:20px; color:#7cbae9}
 div#textecommercial h2{font-size:14px; color:#d4070f}
 div#textecommercial h3{font-size:13px; color:#000}
 
 table#elecommercial td a{display:block; padding:2px 15px 0px 25px; background:url(../images/puce.jpg) no-repeat 0 2px; color:#d30f10; text-decoration:underline; font-size:12px} 
  td.intitulecom{width:420px}
   td.intitulecom p{padding:0px 0px 0px 25px}
  /* --------------------- */
  
    /* ------ page equipe ---------------- */
 div#texteequipe{padding:20px 50px 15px 55px; font-size:12px}
 div#texteequipe h1{font-size:20px; color:#7cbae9}
 div#texteequipe h2{font-size:14px; color:#d4070f}
 div#texteequipe h3{font-size:13px; color:#000}
 
 table#eleequipe td h2{display:block; padding:2px 15px 0px 25px; background:url(../images/puce.jpg) no-repeat 0 2px; color:#d30f10; text-decoration:none; font-size:12px; font-weight:normal} 
  td.intituleequipe{width:420px}
   td.intituleequipe p{padding:0px 0px 0px 25px}
  /* --------------------- */
  
  
     /* ------ page copyburo ---------------- */
 div#textecopy{padding:20px 50px 15px 55px; font-size:12px}
  div#textecopy h1{font-size:20px; color:#7cbae9}
 div#textecopy h2{font-size:14px; color:#d4070f}
 div#textecopy h3{font-size:13px; color:#000}
 div#textecopy a{color:#d4070f;}
 
 div.extracopy{ width:573px; _width:652px;  padding:10px 40px 10px 40px; background:url(../images/bg-copyburo.jpg) repeat-y 10px 30px; text-align:left}
div#textecopy div.extracopy h1{font-size:14px; color:#d4070f}
 
 td.eleecartpetit{height:10px; border-left:1px solid #d9d9d9;}
  /* --------------------- */
  
  
    /* ------ page contact ---------------- */
 div#textecontact{padding:20px 50px 15px 55px; font-size:12px}
  div#textecontact h1{font-size:20px; color:#7cbae9}
 div#textecontact h2{font-size:14px; color:#d4070f}
 div#textecontact h3{font-size:13px; color:#000}
  td#contenucontact ul li{padding:0px 0px 10px 25px; list-style-type:none; background:url(../images/puce.jpg) no-repeat}
  td#contenucontact p{ padding:0px 0px 10px 65px; width:210px}
  td#contenucontact a{color:#7A7E85; text-decoration:none}
  td#contenucontact a:hover{color:#7A7E85; text-decoration:underline} 
  td#contenucontact {padding:0px 25px 0px 0px}
 td#contenucontact h2{font-size:14px; color:#d4070f; padding:0px 0px 0px 25px}
 td.filetcontact {border-left:1px solid #d9d9d9; padding:0px 0px 0px 25px}
 
 td.eleecartpetit{height:10px; border-left:1px solid #d9d9d9;}
  /* --------------------- */
  
 
 
 div#bannerglobal{background:url(../images/banner-bg.jpg) repeat-y 0 0}
 div#bannerbottom{background:url(../images/banner-bottom.jpg) no-repeat left bottom; padding:0px 0px 0px 0px}
 table#globalbanner{background:url(../images/banner-top.jpg) no-repeat 0 0}
 div#textegauche { padding:20px 20px 25px 45px; color:#fff; width:560px; _width:620px}
 div#textedroite { padding:20px 20px 0px 28px; color:#fff}
 table#globalbanner h1{font-size:14px; color:#fff; padding:0; margin:0 } 
 table#globalbanner p{ padding:10px 0px 10px 0px; margin:0} 
 
 
 
 
 /* pied de page */
 td#footer{background:url(../images/footer.jpg) no-repeat; height:30px; color:#fff; padding:12px 0px 0px 0px }
 td#footer a{color:#fff; text-decoration:none}
 td#footer a:hover{ color:#d50e15} 
 
 div#message1, div#message2, div#message3, div#message4{display:none; padding:10px 0px 0px 0px}