/******************************************************************/
/* Feuille de style globale au site http://www.microweb-mania.com */
/******************************************************************/
* {
  margin:0px;
  padding:0px;
}
/******************************************************************/
/* Balises "Document"                                             */
/******************************************************************/
html, body {
  background-color:#666666;
  background-image:url(../Images/LineGBg06.gif);
  font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size:12px;
  color:#999999;
  margin:0px;
  padding:0px;
  /* Alignement du texte modifié pour éliminer le bug IE du centrage */
  /* Rétablissement de l'alignement "left" dans l'identificateur "#Global" */
  text-align : center;
}
/******************************************************************/
/* Balise "Image"                                                 */
/******************************************************************/
img {
  border:0px;
}
/******************************************************************/
/* Balises de "Positionnement" et des zones communes              */
/******************************************************************/
div#Global {
  position:relative;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  width:760px;
  /* Retablissement de l'alignement du texte modifié dans la balise "body" */ 
  text-align:left;
}
/* Affichage du LOGO */
div#Logo {
  position:absolute;
  left:0px;
  top:0px;
  height:100px;
  width:350px;
  background-color:#1E1E1E;
  background-image:url(../Images/Logo.jpg);
}
/* Zones d'entete contenant             */
/* les liens : Accueil - Plan - Contact */
div#Entete {
  position:absolute;
  left:350px;
  top:0px;
  height:100px;
  width:410px;
  background-color : #000000;
}
div#Entete p {
  font-size:11px;
  color:#666666;
  margin-left:10px;
  /* Margin-top placée pour homogénéiser l'affichage du texte entre les navigateurs */
  /* sans cette propriété IE et Opera "collent" le texte de la balise <P> au bord supérieur de la boite englobante */
  /* alors que FF et Netscape "inserent" l'équivalent d'un saut de ligne avant */
  margin-top:78px;
}
div#Entete a {
  position:absolute;
  top:62px;
  height:30px;
  width:40px;
} 
div#Entete a#Accueil {
  left:260px;
  background-image:url(../Images/EnteteAccueilOFF.jpg);
}
div#Entete a#Accueil:hover {
  background-image:url(../Images/EnteteAccueilON.jpg);
}
div#Entete a#Plan {
  left:310px;
  background-image:url(../Images/EntetePlanOFF.jpg);
}
div#Entete a#Plan:hover {
  background-image:url(../Images/EntetePlanON.jpg);
}
div#Entete a#Contact {
  left:360px;
  background-image:url(../Images/EnteteContactOFF.jpg);
}
div#Entete a#Contact:hover {
  background-image:url(../Images/EnteteContactON.jpg);
}
/* Menu Principal */
div#Menu {
  position:absolute;
  left:0px;
  top:100px;
  height:550px;
  width:150px;
  background-color:#666666;
  background-image:url(../Images/MenuOFF.jpg);	
}
div#Menu a {
  position:absolute;
  left:0px;
  height:20px;
  width:150px;
} 
div#Menu a#Accueil {
  top:72px;
  background-image:url(../Images/MenuAccueilOFF.jpg);
}
div#Menu a#Accueil:hover {
  background-image:url(../Images/MenuAccueilON.jpg);
}
div#Menu a#Profil {
  top:103px;
  background-image:url(../Images/MenuProfilOFF.jpg);
}
div#Menu a#Profil:hover {
  background-image:url(../Images/MenuProfilON.jpg);
}
div#Menu a#Services {
  top:134px;
  background-image:url(../Images/MenuServicesOFF.jpg);
}
div#Menu a#Services:hover {
  background-image:url(../Images/MenuServicesON.jpg);
}
div#Menu a#Solutions {
  top:165px;
  background-image:url(../Images/MenuSolutionsOFF.jpg);
}
div#Menu a#Solutions:hover {
  background-image:url(../Images/MenuSolutionsON.jpg);
}
div#Menu a#Portfolio {
  top:196px;
  background-image:url(../Images/MenuPortfolioOFF.jpg);
}
div#Menu a#Portfolio:hover {
  background-image : url(../Images/MenuPortfolioON.jpg);
}
div#Menu a#Clients {
  top:227px;
  background-image:url(../Images/MenuClientsOFF.jpg);
}
div#Menu a#Clients:hover {
  background-image:url(../Images/MenuClientsON.jpg);
}
div#Menu a#Contact {
  top:258px;
  background-image:url(../Images/MenuContactOFF.jpg);
}
div#Menu a#Contact:hover {
  background-image:url(../Images/MenuContactON.jpg);
}
/* Zone d'animation FLASH (à venir) */
div#Animation {
  position:absolute;
  left:150px;
  top:100px;
  height:220px;
  width:200px;
  background-color:#CCFF00;
  background-image:url(../Images/Animation.jpg);
}
/* Zone de bas de page                                     */
/* Copyright - réalisation - Conditions Générales de Vente */
div#Copyright {
  position:absolute;
  left:0px;
  top:650px;
  height:30px;
  width:350px;
  background-color:#1E1E1E;
}
div#Copyright p {
  text-align:center;
  font-size:10px;
  color:#666666;
  /* Margin-top placée pour homogénéiser l'affichage du texte entre les navigateurs */
  /* sans cette propriété IE et Opera "collent" le texte de la balise <P> au bord supérieur de la boite englobante */
  /* alors que FF et Netscape "inserent" l'équivalent d'un saut de ligne avant */
  margin-top:7px;
}
div#Copyright a:link {
  color:#666666;
}
div#Copyright a:visited {
  color:#666666;
}
div#Copyright a:active {
  color:#666666;
}
div#Copyright a:hover {
  text-decoration:none;
  color:#CCFF00;
}
/* Zones de contenu Vertical (instructions, sous-menus, ...)   */
/* et Horizontal (texte des pages, articles, formulaires, ...) */
div#ContenuV {
  position:absolute;
  left:150px;
  top:320px;
  height:330px;
  width:200px;
  background-color:#000000;
}
div#ContenuH {
  position:absolute;
  left:350px;
  top:100px;
  height:580px;
  width:410px;
  background-color:#333333;
  overflow:auto;
  scrollbar-arrow-color:#666666;
  scrollbar-base-color:#333333;
  scrollbar-face-color:#000000;
  scrollbar-track-color:#666666;
  scrollbar-dark-shadow-color:#202020;
  scrollbar-shadow-color:#202020;
  scrollbar-highlight-color:#666666;
  scrollbar-3d-light-color:#666666;
}
/******************************************************************/
/* Balises "Titres"                                               */
/******************************************************************/
div#ContenuV h1, div#ContenuH h1 {
  font-size:16px;
  color:#99CC00;
  font-weight:normal;
  margin-right:5px;
  margin-left:10px;
  margin-bottom:4px;
  margin-top:10px;
}
div#ContenuV h1 {
  text-decoration:underline;
}
div#ContenuV table {
  margin-right:5px;
  margin-left:10px;
}
div#ContenuH h1 {
  text-decoration:none;
}
div#ContenuH h2, h3, h4, h5, h6 {
  font-size:14px;
  font-weight:normal;
  color:#99CC00; 
  text-decoration:none; 
  margin-right:5px;
  margin-left:10px;
  margin-bottom:4px;
  margin-top:10px;
}
/******************************************************************/
/* Balises "Texte"                                                */
/******************************************************************/
div#ContenuH p, div#ContenuV p {
  margin-right:10px;
  margin-left:10px;
  margin-top:7px;
  margin-bottom:7px;
}
div#ContenuH ul, div#ContenuV ul {
  margin-top:2px;
  margin-bottom:2px;
}
div#ContenuH ul.Carre {
  list-style-image:url(../Images/PuceH1.jpg);
}
div#ContenuV ul.Carre {
  list-style-image:url(../Images/PuceV1.jpg);
}
ul.Carre li {
  margin-top:2px;
  margin-bottom:2px;
  margin-left:25px;
}
a:link {
  color:#CCFF00;
  text-decoration:underline;
}
a:visited {
  color:#CCFF00;
  text-decoration:underline;
}
a:hover {
  color:#CCFF00;
  text-decoration:none;
}
strong {
  font-weight:bold;
  color:#CCCCCC;
}
.em {
  font-style:italic;
  color:#99CC00;
}
.Relief {
  color:#CCCCCC;  
}
/* identique au style "strong" mais interpreté differemment par les moteurs */
.IntituleG {
  color:#CCCCCC;
  font-weight:bold;
}
.IntituleV {
  color:#99CC00;
}
.Mandat {
  color:#CCFF00;
  font-weight:bold;
}