/* --------------------------------------------------------------
   perso.css
   Disposition des blocs principaux
  -------------------------------------------------------------- */

/* Elements champs extras
------------------------------------------ */

/* Les DIV de positionnement des blocs */
.matos_pave_id {
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

.matos_pave_1er{
  margin-top: 10px; /* Ajoute un espace de 10px au-dessus de la div */ 
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

.matos_pave_2eme{
  margin-top: 10px; /* Ajoute un espace de 10px au-dessus de la div */ 
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

.matos_pave_octopus{
  margin-top: 10px; /* Ajoute un espace de 10px au-dessus de la div */ 
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

.matos_pave_inflateur{
  margin-top: 10px; /* Ajoute un espace de 10px au-dessus de la div */ 
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

.matos_pave_manometre{
  margin-top: 10px; /* Ajoute un espace de 10px au-dessus de la div */ 
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

.matos_pave_crtl_flexibles {
  margin-top: 10px; /* Ajoute un espace de 10px au-dessus de la div */ 
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

.matos_pave_inspectionsrevisions{
  margin-top: 10px; /* Ajoute un espace de 10px au-dessus de la div */ 
  border-width:2px;
  border-style:solid;
  border-color:gainsboro;
  padding : 5px;
  }

/* Les SPAN de positionnement des lignes */
.matos_id_unique_titre { 
    color: darkslategray;
	background-color : gainsboro; /* gainsboro = gris étain */
    font-size:110%;	
    width : 30%;	
    }
.matos_utilisation_titre { 
    color: darkslategray;
	background-color : gainsboro; /* gainsboro = gris étain */
    font-size:110%;	
    width : 30%;	
	}
.matos_typemodele_titre { 
    color: darkslategray;
	background-color : gainsboro; /* gainsboro = gris étain */
    font-size:110%;	
    width : 30%;
	}
.matos_numserie_titre { 
    color: darkslategray;
	background-color : gainsboro; /* gainsboro = gris étain */
    font-size:110%;	
    width : 30%;	
	}
.matos_connexion_bloc_titre { 
    color: darkslategray;
	background-color : gainsboro; /* gainsboro = gris étain */
    font-size:110%;	
    width : 30%;	
	}
.matos_inspectionsrevisions_titre {
    color: darkslategray;
	background-color : gainsboro; /* gainsboro = gris étain */
    font-size:110%;	
    width : 30%;	
    }
.matos_flexibles_valeur {
    color: darkslategray;
	background-color : gainsboro; /* gainsboro = gris étain */
    font-size:110%;	
    width : 30%;	
    }
.matos_id_unique_valeur { 
	display: inline-block;
	font-weight: bold ;
	}
.matos_utilisation_valeur { 
	display: inline-block;
	font-weight: bold ;
	}
.matos_typemodele_valeur { 
	font-weight: bold ;
	}
.matos_numserie_valeur { 
	font-weight: bold ;
	}
.matos_connexion_bloc_valeur { 
	font-weight: bold ;
	}
.matos_inspectionsrevisions_valeur {
	font-weight: bold ;
    }

.matos_flexibles_valeur {
	font-weight: bold ;
    }


/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

/* Elements principaux
------------------------------------------ */
body {font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color:#222222;background:#ffffff;}

h1,.h1,
h2,.h2 { line-height: 1.2;}

/* Hyperliens
---------------------------------------------- */
a, a:visited { color: #20369a;  }

a:focus,
a:hover,
a:active { background-color:#20369a; color:#fff; text-decoration:none; }

/* Entete et barre de navigation */
.nav {}
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0;border-radius: 0.25em;  text-decoration: none;  background: #f0f0f0; color: #20369a; }
.nav li.on a { background:#20369a; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #20369a; color:#fff; }
    .nav,
    .nav ul li a { float: none; border: 0; }