/* quelques classes generiques de mise en page  */
body {
    background : white ;                   /* -----------!!!!! Couleur du fond de l'ecran  !!!!---------  */
    font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size : 10pt ;
    margin : 0px ;
    padding : 0px ;
  }
h1   { /* apparence des titres principaux du site  */
    font-size: 1.2em;              /* -----------!!!!! taille des titres de page  !!!!---------  */
    font-weight: normal ;
    color: #8a6216 ; 
    margin : 0px ;
    padding : 0px ; 
    margin : 0px ;
    margin : 0px ;            /* -----------!!!!! couleur des titres de page  !!!!---------  */
  }
h2 { /* apparence des titres secondaire du site et des titres des articles des actualites */
    font-size: 1.1em;              /* -----------!!!!! taille des titres secondaires  !!!!---------  */
    font-weight: bold;
    color: #8a6216 ; 
    margin : 0px ;
    padding : 0px ; 
    margin-top : 2px ;
    margin-bottom : 2px ;              /* -----------!!!!! couleur des titres secondaires  !!!!---------  */
  }
p, span{ /* apparence des block de paragraphe contenant du texte */
    font-size : 1em;  
    margin : 0px ;
    padding : 0px ; 
    margin-top : 2px ;
    margin-bottom : 2px ;
  }
img { /* apparence des images du site  */
    border : 0px;
    -moz-border-radius : 5px ;
  }
table { /* apparence des tableaux du site  */
    border : 0px ;
    margin: 0px ;
    padding: 0px ;
  } 
ul {
    list-style-type : none ;
    margin : 0px ;
    padding : 0px ;
  }
hr {
    color: #000000;   /* -----------!!!!! couleur des lignes du site !!!!---------  */
    height: 1px;
  }
a:link, a:visited {
    text-decoration: none;
    color: #8a6216 ;               /* -----------!!!!! couleur des liens !!!!---------  */
  }
a:hover {
    text-decoration: none ;
    color : #b39557 ;                 /* -----------!!!!! couleur des liens au passage de la souris !!!!---------  */
  }
.separation { /* ligne de separation pour controler le flux : s'utilise avec hr  */
   clear : both ;
   visibility : hidden ;
	height : 0px ;
}
  
.facturation {
padding : 10px ;
}
.titre {
    font-size : 1.6em;
}
.adresse_societe {
	width : 40% ;
	padding-top : 10px ;
	font-weight : bold ;
}
.adresse_societe .facture_logo {
	width : 200px
}
.adresse_societe .facture_logo img {
	width : 100%
}
.block_bouton {
width : 100% ;
text-align : center ;
padding-bottom : 30px ;
}
.bouton {
	 margin : 5px auto 5px auto ;
    width : 150px ;
    height : 18px ;
    cursor: pointer;
    border: 0px solid #000099;
	 background:url(../../images/boutonaqua_grisclair_18_150.gif) ;
    font-size: 1em;
    padding-left : 2px ;
    padding-bottom : 2px ;
    color : white ;
    text-align : center ;
}
.bouton a {    color : white ;}
.correspondance {
margin : 10px auto 10px 0px ;
}
.adresse {
	float : left ;
	width : 49% ;
}
.produits_commande {
	margin : 40px 0px 10px 0px ;
	width : 100% ;
	border : 0px solid grey ;
}
.label {
background-color : #f4e6c3 ;
}
.infos_commande {
	margin : 10px 10px 10px auto ;
	width : 40% ;
	border : 0px solid grey ;
}
.encart_signature {
	border : 1px solid black ;
	position : relative ;
	margin : 10px 10px 10px auto ;
	width : 40% ;
	height : 200px ;
}
.bonpouraccord  {
	padding : 2px ;
	font-weight : bold ;
}
.signature {
	position : absolute ;
	bottom : 2px ;
	left : 2px ;
	font-size : 0.8em ;
}