@charset "utf-8";
.centrer {
	text-align: center;
}
   body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre a zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné a gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background-color: #E1FFC6;
    }
    .oneColFixCtr #container {
	
    	width: 998px;  /* paramétrage de la largeur a 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #FFFFFF;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
		margin-top:20px;
    	border: 3px solid #BE0B1D;
    	text-align: left; /* ce paramétrage annule le parametre text-align: center de l'élément body. */
    }
    .oneColFixCtr #mainContent {
    	padding: 0 ; /* ne pas oublier que le remplissage est l'espace a l'intérieur du cadre de l'élément div, alors que la marge est l'espace a l'extérieur de celui-ci */
    }
 
 
 
 /* ------------------------  */
 
 #tablemain td{
 
 vertical-align:top;}
 
 h1{
  color : #ba1e1c;
  font-family:Arial, Helvetica, sans-serif;
  font-size:19px;
  margin:2px;
 }
  h2{
  color : #009039;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
    margin:2px;
	border-bottom:solid;
	border-bottom-color:#009039;
 }
   h3{
  color : #009039;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
    margin:2px;
	border-bottom:solid;
	border-bottom-color:#009039;
	font-weight:normal;
 }

  .gras{
    font-weight:bold;}
  .droite{
      text-align:right;}	
  .gauche{
      text-align:left;}		  
 
 .newsgauche{
  background-image:url(images/maquette%20bouttieres2_r6_c2.jpg);
  background-repeat:repeat-y;
}
.newsdroite{
  background-image:url(images/maquette%20bouttieres2_r6_c5.jpg);
  background-repeat:repeat-y;
}
.bandeauvertical{
background-position:top;
  background-image:url(images/maquette%20bouttieres2_r1_c1.jpg);
  background-repeat:no-repeat;
  background-color:#c8e1c4;
}
.contenudroite{
  vertical-align:top;
  padding:5px;
  background-position:top;
  background-image:url(images/maquette%20bouttieres2_r3_c6.jpg);
  background-repeat:no-repeat;
  background-color:#c8e1c4;
  color:#003300;
  font-size:12px;
  
  font-family:Arial, Helvetica, sans-serif;
  
  }
  
  .haut-hor{
  vertical-align:top;
  padding:8px;
  background-position:top;
  background-image:url(images/haut-hor.jpg);
  background-repeat:repeat;
  background-color:#c8e1c4;
  color:#D5FFDB;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  }
  
  .bas-hor{
  vertical-align:top;
  padding:6px;
  background-position:top;
  background-image:url(images/bas-hor.jpg);
  background-repeat:repeat;
  background-color:#c8e1c4;
  color:#D5FFDB;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  }
  

  
  .textecd1{
    width:210px;
  }
  .textecd2{
  margin-top:20px;
    width:145px;
	text-align:center;
	font-style:italic;
	font-size:14px;
  }
  .textecd3{
  margin-top:110px;
    width:422px;
	text-align:center;
	font-style:italic;
  }
  .lesnews{
  	font-size:14px;
    vertical-align:top;
    color:#b81012;
    font-weight:bold;
    background-color:#c8e1c4;
  }
  
  .celcontenu{
    vertical-align:top;
    background-color:#c8e1c4;
  }
  
  a.menuh{
    text-decoration:none;
	color:#D5FFDB;
  }
  
  a.rouge{
    text-decoration:none;
	color:#FF0000;
  }
  
  .celentete{
  color:#FFFFFF;
  background-color:#b81012;}
  
  .tableauproduitspanier{
   	   border-collapse:collapse;
	   border-width:0;     
  }
  
  .tableauproduitspanier td{
    font-size:12px;
	text-align:left;
  }
  /* ------------------- */  
  /*  tableaucoordonnees  */
  /* ------------------- */
    .tableaucoordonnees{
   	   border-collapse:collapse;
	   border-width:0;     
   }
  
  .tableaucoordonnees td{
    font-size:12px;
	text-align:left;
  }
  .tableaucoordonnees select{
    font-size:12px;
	text-align:right;
  }
  .tableaucoordonnees input{
    font-size:12px;
	text-align:right;
  }
  /* ------------------- */
  /*fin tableaucoordonnees*/
  /* ------------------- */  
  .tableauproduits{
   	   border-collapse:collapse;
	   border-width:0;
}

  .tableauproduits th{
    font-size:10px;
	text-align:left;
    border-collapse:collapse;
    border-width:0px;
    border-style:solid;
    border-color:#b81012;
  }
  .tableauproduits td{
    font-size:10px;
	text-align:left;
    border-collapse:collapse;
    border-width:1px;
    border-style:solid;
    border-color:#b81012;
  }
   .tableauproduits select{
    font-size:10px;
	text-align:right;
  }
  .tableauproduits input{
    font-size:10px;
	text-align:right;
  }



  .evidence{
    color : #ba1e1c;
  font-family:Arial, Helvetica, sans-serif;
  /*font-weight:bold;*/
  font-size:14px;
  margin:2px;
  }
  .evidencebig{
    color : #ba1e1c;
  font-family:Arial, Helvetica, sans-serif;
  /*font-weight:bold;*/
  font-size:15px;
  margin:2px;
  }