/********************************/
/*  Feuille de style
/*  MRI Technologie
/*  Kort & Lonn - Site Création
/********************************/

/* COULEURS */
/*
  texte : #646464
  fond général : #DBDBDB
  fond contenu : #FFF
  bord contenu : #A3A3A3
  titre h1 : #ea0006
  lien a : #7885ba
  lien a hover : #eb0a0f
  
*/


/***********************/
/* Parametres generaux */
/***********************/
body {
  margin: 0;
  padding: 0;
  background: url(design/fond_site.png);
  
  font-family: Arial, tahoma;
  font-size: 10pt;
  color: #474747;
  text-align: center;
}
	
/* Gros titre */
h1 {
  font-size: 16pt;
  margin-top: 0;
  margin-bottom: 30px;
  color: #ea0006;
  font-variant: small-caps;
  border-bottom: 2px dotted #ea0006;
  text-align: right;
}

/* Titre moyen */
h2 {
  font-size: 12pt;
  border-bottom: 1px dotted #A3A3A3;
}

/* Petit titre */
h4 {
  margin: 0;
  color: #d91318;
  font-size: 10pt;
  border-bottom: 1px dotted #d7d7d7;
}

/* Paragraphes */
p {
  
}

/* Listes */
li {
  list-style: none;
}

/* Liens */
a, a:link, a:visited {
	font-size: 10pt;
  text-decoration: none;
  color: #7885ba;
}

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


/***************************/
/* Banniere - Haut du site */
/***************************/
#banniere {
  height: 120px;
  width: 794px;
  margin: 0 auto;
  background: url(design/banniere.jpg) top left no-repeat;
}


/**************************************************/
/* Haut du site (entre la banniere et le general) */
/**************************************************/
#haut_site {
  width: 790px;
  height: 23px;
  margin: 0 auto;
  background: url(design/site_haut.png) no-repeat;
}


/**********************************/
/* Contient le menu et le contenu */
/**********************************/
#general {
  width: 790px;
  padding: 0 14px;
  background: url(design/ombrage_contenu.png) repeat-y top left;
  background-color: #DBDBDB;
}

/* hack pour les navigateur autre qu'IE */
html>body #general {
  width: 762px;
  margin: 0 auto;
  padding: 0 14px;
}


/***********************/
/* Lien vers l'accueil */
/***********************/
#accueil {
  float: left;
  position: absolute;
  margin-left: -365px;
  margin-top: -20px;
}

html>body #accueil {
  margin-left: 85px;
  margin-top: -20px;
}

#accueil a, #accueil a:link, #accueil a:visited {
  color: #7A7A7A;
  font-weight: bold;
  text-decoration: none;
}

#accueil a:hover {
  color: #cc3333;
  text-decoration: none;
}


/******************/
/* Menu de gauche */
/******************/
#menu {
  margin: 0;
  width: 142px;
  float: left;
}

/* hack pour les navigateur autre qu'IE */
html>body #menu {
  margin: 0;
  margin-right: 1px;
  width: 142px;
}

/* le menu est une liste... */
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu li {
  width: 142px;
  height: 46px;
  list-style: none;
}

html>body #menu li {
  margin-bottom: 1px;
}

/* décalle le texte pour le rendre invisible (mais pas sur les navigateurs non graphique) */
#menu li a span {
	position: absolute;
	left: -5000px;
}

#menu li a, #menu li a:link {
  width: 142px;
  height: 46px;
  display: block;
	text-decoration: none;
	font-size: 1px;
}


/* gestion des images des menus */
/*  - de base (bouton par defaut)
    - actif (quand la page correspondant au menu est affichee
    - hover (quand la souris passe dessus
*/
#menu li a#menu_metrologie {
  background: url(design/menu_metrologie.png) no-repeat 0 0;
}

#menu li a#menu_metrologie.menu_actif {
  background: url(design/menu_metrologie.png) no-repeat 0 -46px;
}

#menu li a#menu_metrologie:hover {
  background: url(design/menu_metrologie.png) no-repeat 0 -46px;
}


#menu li a#menu_maintenance {
  background: url(design/menu_maintenance.png) no-repeat 0 0;
}

#menu li a#menu_maintenance.menu_actif {
  background: url(design/menu_maintenance.png) no-repeat 0 -46px;
}

#menu li a#menu_maintenance:hover {
  background: url(design/menu_maintenance.png) no-repeat 0 -46px;
}


#menu li a#menu_occasion {
  background: url(design/menu_occasion.png) no-repeat 0 0;
}

#menu li a#menu_occasion.menu_actif {
  background: url(design/menu_occasion.png) no-repeat 0 -46px;
}

#menu li a#menu_occasion:hover {
  background: url(design/menu_occasion.png) no-repeat 0 -46px;
}


#menu li a#menu_installation {
  background: url(design/menu_installation.png) no-repeat 0 0;
}

#menu li a#menu_installation.menu_actif {
  background: url(design/menu_installation.png) no-repeat 0 -46px;
}

#menu li a#menu_installation:hover {
  background: url(design/menu_installation.png) no-repeat 0 -46px;
}


#menu li a#menu_instru {
  background: url(design/menu_instru.png) no-repeat 0 0;
}

#menu li a#menu_instru.menu_actif {
  background: url(design/menu_instru.png) no-repeat 0 -46px;
}

#menu li a#menu_instru:hover {
  background: url(design/menu_instru.png) no-repeat 0 -46px;
}


#menu li a#menu_contact {
  background: url(design/menu_contact.png) no-repeat 0 0;
}

#menu li a#menu_contact.menu_actif {
  background: url(design/menu_contact.png) no-repeat 0 -46px;
}

#menu li a#menu_contact:hover {
  background: url(design/menu_contact.png) no-repeat 0 -46px;
}


/***************************/
/* Mise en page du contenu */
/***************************/
#contenu {
  width: 615px;
  margin: 0;
  margin-left: 143px;
  padding: 0 10px;
  text-align: left;
  background-color: #FFF;
  border-left: 1px solid #A3A3A3;
  position: relative;
  left: -3px;
}

/* hack pour les navigateur autre qu'IE */
html>body #contenu {
  width: 597px;
  margin: 0;
  margin-left: 143px;
  padding: 1px 10px;
  left: 0;
}

/* permet d'avoir le contenu toujours au moins de la taille du menu */
#contenu hr.regulation {
  clear: both;
  visibility: hidden;
}

#contenu a, a:link, a:visited {
  font-size: 10pt;
}

#contenu li {
  list-style-image: url(design/puce_liste.gif);
}

#contenu div.encadrement {
  padding: 0 10px;
  border: 1px solid #d8d8d8;
  background-color: #fbfbfb;
  -moz-border-radius: 6px;
}

/* Nombre de machines par categorie */
#contenu span.petit_nb {
  font-family: Verdana;
  color: #b7b7b7;
  font-size: 7pt;
}

/* contient les diaporamas */
#diapo_conteneur {
  float: right;
  margin: 15px 0 15px 15px;
  padding: 2px;
  border: 1px solid #dddddd;
}


/* Formulaire de contact */
table.tabl_form {
  margin-left: 15px;
}

table.tabl_form td {
  font-size: 9pt;
  vertical-align: top;
  padding-bottom: 5px;
}


table.tabl_form input {
  border: 1px solid #c7c7c7;
  padding: 2px 5px;
  font-size: 8pt;
}

table.tabl_form input:hover {
  border: 1px solid #a7a7a7;
}

table.tabl_form input:focus {
  border: 1px solid #e77679;
}

table.tabl_form textarea {
  font-family: Arial, tahoma;
  border: 1px solid #c7c7c7;
  padding: 2px 5px;
  font-size: 8pt;
}

table.tabl_form textarea:hover {
  border: 1px solid #a7a7a7;
}

table.tabl_form textarea:focus {
  border: 1px solid #e77679;
}


/* Tableau contenant la liste des machines */
table#tabl_machine {
  font-size: 10pt;
  width: 95%;
}

html>body table#tabl_machine {
  width: 100%;
}

table#tabl_machine tr:hover {
  background-color: #f4f4f4;
}

table#tabl_machine td {
  padding: 5px;
  vertical-align: top;
  border-bottom: 1px dotted #b7b7b7;
}

table#tabl_machine img {
  border: 1px solid #b7b7b7;
}

img.img_description {
  display: block;
  border: 1px solid #b7b7b7;
  margin: 10px 0;
}

/***************/
/* Bas du site */
/***************/
#bas_site {
  width: 790px;
  height: 25px;
  margin: 0 auto;
  background: url(design/site_bas.png) no-repeat;
}