body 
{  background:#505967;
   font-size:14px;
   font-family:"Times New Roman";
   
}
.bodyPopUpBibus 
{  background:#fdd679;
   font-size:18px;
   font-family:"Times New Roman";  
   text-align:center;
}
.bodyPopUp2009 
{  background:#fdd679;
   color:#4a69ad;
   font-style:italic;
   font-size:18px;
   font-family:"Times New Roman";  
   text-align:center;
}
.divPopUpBibus
{
   margin: 25px 25px 25px 25px;
   text-align:justify;
   width:500px;
   height:350px;       
}
/****************************************************************/
/*****************  découpage de la page en div *****************/
/****************************************************************/
.cadreprincipal
{   background-color:#ececec; /*#6b7783;*/
    height:760px;
    width:900px;
    padding:2px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    /*border:dotted 5px red;    */    /* cadre visuel pour construction attention aux 5 px*/
}
    /*   l'entête contenant le logo, apparaît sur chaque page  */
.entete
{   background-color:#99a2ad;/* #a9a9a9;*/
    width:450px;
    height:140px;
    margin:0px;  
    padding:5px;
    border-color:Black;
    border-style:double;
    float:left;
}
.enteteGauche   /* pour placer le logo */
{   float:right;
    padding:10px;
    margin-top:10px;
}
/**** maj du 15/05/09 suppression suite modification du format de logo 
.enteteDroite   /* pour faciliter le placement du text à droite du logo */
/*{   float:right;
    padding:10px;
    margin-top:30px;
    /*color:#696969;*/
/*}*/
    /*  le pied de page avec la reprise en plus discret du menu */
    /* ainsi que le copyright    */
.piedpage
{   background:#ececec; /* Gray;*/
    height:50px;
    margin: 4px 0px 0px 0px;    /* top right bottom left */
    padding-top:10px;
    text-align:center;
    font-size:12px; /* <=> small */
}
    /* le menu principal, apparaît sur chaque page  */
    /* avec mise en évidence ( surbillance, couleur ou italic ) */
    /* du lien sur lequel on se trouve actuellement ( sauf peut être pour l'accueil )    */
.menu
{   background:#ececec; /* Gray;*/
    height:40px;
    margin: 160px 0px 0px 0px;    
    text-align:center;    
}
    /* .textes : partie centrale contenant le texte de la page demandée ( à découper en autres div au cas par cas ) */
.textes
{   background:#fdd679; /*#ffffad;*//*#c5c4b5; *//*#ececec;*/
    height:460px;
    padding: 20px 15px 15px 10px;
    margin: 4px 0px 0px 0px;    
    /*text-align:center;*/
    border:solid 2px Gray;    
}

    /* animation flash ( celle d'Objet ou autre )*/
.animflash
{  float:right;
   width:400px;
   height:110px;   
   padding:0px;
   margin-top:20px;
   margin-right:5px;
   /*border-style:dashed;
   border-color:Black;*/ /* carde servant de visuel pour la construction*/
}
    /* à voir si possibilité et/ou utilité  */
    /* de faire une sorte de diaporama interactif  */
    /* servirait de "bouche trou" apparaissant que sur la page d'accueil */
.diaporama
{  background-color:#FFFFFF; 
   width:200px;
   height:150px;
   border:ridge 4px #6a7494;
   text-align:center;
   float:right;
   margin:10px 0px 10px 20px;
}
.imgBouton
{   width:20px;
    height:20px;
    text-align:center;
    border-color:white; 
}
.imgDiapo
{   width:140px;
    height:100px;    
    border-color:white;
    text-align:center; 
}
.texteDefil     /* balise MARQUEE peu recommandée soit dit en passant */
{   font-size:14px;
    font-style:italic;
    color:#6a7494;
    font-weight:bold;
    padding:5px 0px 10px 0px;
}  
/****************************************************************/
/************  fin du découpage de la page en div ***************/
/****************************************************************/

/****************************************************************/
/****************** formatage des textes ************************/
/****************************************************************/
a           { text-decoration:none; }   /* les liens ne seront jamais soulignés */
a:link      { color: Black; background-color:inherit   }
a:visited   { color:Black; background-color:inherit    }
/*a:hover     { font-style:italic;    }*/
img         {   border:none;    }       /* les images avec liens n'auront pas de cadre  */
.mg2color  
{  color:#4a69ad;
   font-weight:bold;
   font-size:45px;    
}
.sytemscolor
{  color:#ffbe0f;
   font-weight:bold;
   font-size:45px; 
}
/*  petit formatage special pour le menu */
.menulien:link      {   color: inherit;/* background-color:inherit*/ }
.menulien:visited   {   color: inherit;/*background-color:inherit; */}	  /*note :obligatoire pour validation css*/
.menulien           {   text-decoration:none;margin:0px;padding:0px;  }
.menulien:hover	    {   color:#ffbe0f;font-style:italic;font-weight:bold;font-size :18px;   }

.lienpageEncours        {   text-decoration:none;color:#4a69ad;/*font-weight:bold;font-size :18px;*/}
.lienpageEncours:link   {   color:#4a69ad;  }
.lienpageEncours:visited{   color:#4a69ad;  }
.lienpageEncours:hover  {   color:#4a69ad;font-style:italic;  }

.pageEncours    
{  color:#4a69ad;
   font-weight:bold;
   font-size :18px;
}
.tablemenu      {   margin:auto; /*color:Gray; */} /* pour avoir le tableau centré dans le div sous firefox et opera  */
.tablemenu td
{    width:200px;
     height:40px;
     text-align:center;    
}
.tablepiedpage  {   margin:auto;    }
.tablepiedpage td
{   width :100px;
    height :20px;
    text-align :center;
}
/* fin du petit formatage special pour le menu principal */
/* page contacts formulaire : */
.divGaucheContacts
{   text-align:justify;
    width:380px;
    height:420px;
    float:left;
    margin:20px 30px 0 20px;    /* top right bottom left */
}
.divCentrale        /* petite bidouille graphique   */
{   width:1px;
    height:440px;
    border:dotted 1px black;
    float:left;
}
.divDroiteContacts  
{   text-align:center;
    width:340px;
    height:420px;
    float:left;
    margin-left:60px;
}
.formContacts   
{   text-align:left;
    font-weight:bold;
    width:320px;
    height:345px;
    margin:auto;
   /* border:groove 4px #AEAEAE;*/
   /*  background-color:white;*/
}
.formInfo 
{   width:200px;
    height:16px;
    font-size:12px;
    border:solid 1px #AEAEAE;
    background-color:#ffffd7;/*#EFEFEF;*/
    color:#333333;
    margin-left:0px;
    margin-right:0px;
    padding-left:5px;
    padding-right:3px;
 }
.formTextarea 
{   width:310px;
    height:80px;
    font-size:12px;
    border:solid 1px #AEAEAE;
    background-color:#ffffd7;/*#EFEFEF;*/
    color:#333333;
    margin-left:0px;
    margin-right:0px;
    padding-left:5px;
    padding-right:3px;
 }
.formBouton { text-align:center; }     		

/* fin page contacts formulaire  */
/*  page Accueil découpage : */
.divSupAccueil     {   text-align:justify;margin:0px 20px 0px 20px;height:345px;         }
.divGaucheAccueil
{   width:630px;
    height:300px;   /* attention : hauteur liée à celle de divDroiteAccueil  pour un bon positionnement de la suite du texte*/
    float:left;
    margin-right:20px;
}
.divDroiteAccueil       {   float:right;padding-top:10px;height:240px;width:160px;    }
.tableActu              {   margin:auto;border-collapse:collapse;font-weight:bold;               }
.tableActu caption      {   font-size:18px;padding-bottom:4px;color:#4a69ad;width:160px;          }
.tableActu td           {   text-align:left; padding:0px 10px 0px 10px;border:solid 2px Gray;width:160px;height:120px;background-color:#ffffd7;/*color:#545454;*/      }  
.tableActu img          {   height:60px;float:none;     }
.tableActu a            {   color:black;               }
.tableActu a:visited    {   color:black;               }

/* fin découpage page Accueil */
/*  page produits découpage : */
.divSupProduits     {   margin-left:20px;height:300px;         }
.divGaucheProduits
{   text-align:justify;
    height:300px;
    width:560px;
    float:left;
    margin-right:30px;
}
.divDroiteProduits  {   float:left;padding:50px 0px 0px 0px;height:220px;width:250px;       } /* <-------------- à régler en fonction de la vidéo à venir !!!!!  */
.tableGammes            {   margin:auto;color:#4a69ad;font-weight:bold;       }
.tableGammes caption    {   padding-bottom:20px;       }
.tableGammes td         {   text-align:center; padding:0px 10px 0px 10px;  }
/* fin découpage page produits */
/*  page Matériaux découpage : */
.divMatériaux       {   margin-left:20px;height:300px;          }
/*.divMatériaux img   {   height:70px;padding:0px 0px 5px 0px;    }*/
.divMatériaux ul   {   list-style-image: url(images/pupuce.gif);list-style-type:circle;margin-top:10px;    }
.divMatériaux li   {   list-style-type:circle;line-height:140%;margin:5px 0px 5px 0px;    }
.tableMatériaux            {   margin:auto;border-collapse:collapse;text-align:center;       }
.tableMatériaux td         {   border:solid 2px Gray;width:120px;padding:2px 2px 2px 2px;  }
.tableMatériaux img        {   height:100px;width:110px;  }
    /***  page maj_matériaux reprise de la page matériaux   ***/
    /***   avec juste une modif du tableau : ***/
.tableMajMatériaux         {   margin:auto;border-collapse:collapse;text-align:center;       }
.tableMajMatériaux td 
{   border:solid 2px Gray;
    height:30px;    /*seule différence avec le tableMatériaux */
    width:90px;
    padding:2px 2px 2px 2px;
}    
    /***  fin page maj_matériaux ***/
/* fin Matériaux page produits */



/* formatage du tableau affichant les spécificités techniques des machines : */ 
.divGaucheTechnique
{   /*text-align:justify;*/
    width:335px;
    height:420px;
    float:left;
    margin-right:20px;
}
.divDroiteTechnique  
{   width:475px;
    height:420px;
    float:left;
    margin-left:20px;
}
.divGaucheTechniqueTexte
{   text-align:justify;
    height:420px;
}
.divTechniqueLienRapide
{   color:Blue;
    padding-top:20px;
    margin:auto;
    font-size:10px;
}
.tableTechnique
{   text-align:left;
    font-size : 10px;
}
.tableTechnique caption
{   font-size : 14px;
    font-weight:bold;
    height:30px;
}
.tableTechnique td  {   width:160px;        }
.tdgras             {   font-weight:bold;   }
.ulSpé              {   list-style-image: url(images/pupuce.gif);    list-style-type:circle;    margin-top:2px;    }
.ulSpé li           {   list-style-type:circle;     margin:3px 0px 3px 0px;     }
.Edencolor          {  color:#99a2ad;   font-size:40px; }
.Seriecolor         {  color:#4a69ad;   font-size:40px;  }
/* fin du formatage du tableau affichant les spécificités techniques des machines  */
/* découpage page applications */
.divGaucheApplications
{   text-align:justify;
    width:380px;
    height:420px;
    float:left;
    margin:0px 30px 0 20px;    /* top right bottom left */
}
.divDroiteApplications  
{   width:380px;
    height:420px;
    float:left;
    margin-left:30px;
}
.divHorizApplications       {   height:145px;text-align:justify;}
.divHorizApplications ul     {   margin-bottom:4px;margin-left:0px;  }
.divHorizApplications p     {   padding-left:10px;width:250px;float:left;  }
.divHorizApplications img   {   height:70px;float:right;padding:15px 0px 0px 0px;   }
/* fin découpage page applications */
/*  sous-pages-applications */
.divGaucheCoulée        {   text-align:justify; width:380px; height:400px; float:left; margin:0px 30px 0 20px; }
.divDroiteCoulée        {   width:380px; height:420px; float:left; margin-left:30px;   }
.divHorizCoulée         {   height:230px;text-align:justify;}
.divHorizCoulée img     {   height:60px;padding:0px 0px 5px 0px;   }

.divHorizTraitementG       {   height:120px;text-align:justify;}    /* juste une simple réduction de hauteur du div */
.divHorizTraitementG p     {   padding-left:10px;width:250px;float:left;  }
.divHorizTraitementG img   {   height:70px;float:right;padding:15px 0px 0px 0px;   }

.divMagics       {   text-align:justify;margin:0px 20px 0px 20px;height:420px;         }
.divHorizMagics     {   height:140px;text-align:justify;            }
.divHorizMagicsG    {   padding-left:10px;width:380px;float:left;   }
.divHorizMagicsD    {   height:140px;float:right;                   }
.tableMagics img    {   height:100px;width:140px;     }
.tableMagics td     {   text-align:center;width:140px;     }

.divScanner    {   text-align:justify;margin:0px 20px 0px 20px;height:420px;   }
.divSupScanner    {   height:260px;   }
.divSupScanner p    {   margin-top:10px;width:550px;float:left;   }
.divSupScanner img   {   height:180px;float:right;padding:30px 0px 10px 0px;   }
.divHorizScanner     {   height:140px;text-align:justify;            }
.divHorizScannerG    {   padding-left:10px;width:380px;float:left;   }
.divHorizScannerD    {   height:140px;float:right;                   }
.tableScanner img    {   height:70px;     }
.tableScanner td     {   text-align:center;width:140px;     }
/* fin sous-pages-applications */
.divPlanSite    {   text-align:justify; font-size:10px ; padding:0px 20px 20px 150px; }
.divPlanSite a  {   color:Blue;         text-decoration:underline; }
.divPlanSite a:visited  {   color:Blue;         text-decoration:underline; }
.ulPlanSite     {   list-style-type:disc;       list-style-image: url(images/pupuce.gif);    }
.ulPlanSite li  {   list-style-type:circle;     margin:8px 0px 8px 8px;     }

.LienBleu a         {   color:Blue;cursor:hand;       }
.LienBleu a:visited   {   color:Blue;       }
 
.Tab10  {   padding-left:10px;  }
.Tab20  {   padding-left:20px;  }
.Tab30  {   padding-left:30px;  }
.Tab40  {   padding-left:40px;  }
.Tab80  {   padding-left:80px;  }
.Tab100  {   padding-left:100px;  }
.Tab120  {   padding-left:120px;  }
.Tab160  {   padding-left:160px;  }
.TexteSouligneRouge {   border-bottom: 2px solid red;  }
.TexteCentre    {   text-align:center;      }
.TexteBleuGras  {   color:#4a69ad;font-weight:bold;         }
.TexteGras      {   font-weight:bold;       }
.TextePetitItalic   {   font-style:italic;font-size:12px;   }     
/****************************************************************/
/**************** fin de formatage des textes *******************/
/****************************************************************/

/****************************************************************/
/****************** formatage des images ************************/
/****************************************************************/

.imgDétail
{   height:40px;
    width:70px; }