/**
 * 
 *
 * Feuille de style pour le layout.
 *
 * @version   1.0
 * @author    OVEA <contact@ovea.com>
 * Pierre Viala
 * @copyright copyright 2007, OVEA
 */
body
{
  margin:           0;
	padding:          0;
	font-size:        12px;
	font-family: Verdana;
	/* background-color: #326601; = vert*/
	/* background-color: #62002d; = bordeaux*/
	/* background-color: #99cb99; = vert clair*/
	/* background-color: #dfa507; = jaune rouille */
	/* vert logo criquet  #356500 */
	/* jaune fond de page : #ffffcc; */
	background-color: #ffffcc; 
}

body a
{
  text-decoration: underline;
	color: #000000;
	font-weight: bold;
}

body a:hover
{
	text-decoration: underline;
	color: #62002d;
	font-weight: bold;
}

h1
{
  font-size: 14px;
  color: #356500;
  background-color: #ffffcc no-repeat; 
}


h2
{
  font-size: 13px;
}
div.titre-accueil
{
	text-transform: uppercase;
	font-size: 17px;
	color: #62002d;
	font-weight: bold;
	text-align: center;
}

div.contenu-accueil
{
	color: #356500;
}

div.contenu-accueil h2, div.titre-rub-produit h2
{
  margin: 15px 0 0 80px;
  padding: 0;
}

h9
{
  font-size: 13px;
  color: #356500;
  text-align: center;
}

h8
{
  font-size: 13px;
  color: #000000;
  text-align: center;
}


#totale
{
  width:            100%;
  background-color: #62002d; 
}

/*  On doit pouvoir gerer toute les résolutions */
#page
{
  margin:           0 auto 0 auto;
  padding:          0;
  width:            800px;
  border: 3px solid #cccccc;
  background-color: #ffffcc;;	
}

#header
{
  margin:           0;
  padding:          0;
  height:           120px;
  border:           none;
}

#banniere
{
  margin: 15px 0 0 10px;
  padding: 0;
  /* border: 1px solid blue; */
  width: 510px;
  float: left;
}

img#logo
{
  float:            left;
  margin:           0 0 0 10px;
  padding: 0;
  border:           none; 
}

/* Gestion navigation horizontale */

div#navigation
{
  border: 1px solid #62002d;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: center;
  height: 40px;
  background-color: #62002d;
}

div#navigation ul
{
  padding:          10px 0 0 0;
  margin:           0;
  list-style:       none;
    /* width:            100%; */
}

div#navigation ul li, div#navigation ul li a 
{
  margin:    0  25px 0 10px;
  padding: 0;
  display:          inline; 
  list-style-type:  none; 
  font-size: 14px;
  color: #FFFFFF; 
}

div#navigation ul li a 
{
  text-decoration: none;   
}

div#navigation ul li a:hover 
{
  
  text-decoration: underline;   
}

/* Toutes les listes */
div#filariane
{
	margin: 20px 0 20px 0;
	padding: 0;
}

/* Tous les éléments de liste */

/***************************************************************/
/* Bloc central de contenu */





/****************************************************************/
/* Bloc de gauche */

div#nav_gauche
{
  width:            150px;
  min-height:       600px;
  _height:          600px;
  padding:          0;
  margin:           0 30px 0 10px;
  float:            left; 
}

/* Tous les éléments de liste */

div#nav_gauche ul
{
  display: block;
  list-style-type: none;
  padding:           0;
  margin:            0;
}

div#nav_gauche ul li
{
  display: block;
  padding:           0;
  margin:            0;
}

div#nav_gauche ul li.produits, div#nav_gauche ul li.Contactez-nous
{
  text-align: center;
  padding: 0;
  margin: 20px 0 0 0;  
}

div#nav_gauche ul li.produits img
{
	border: 2px solid black;
	margin: 5px 0 0 0;
	padding: 0;
	text-decoration: none;
}

div#nav_gauche ul li.Contactez-nous img
{
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
	text-decoration: none;
}

div#nav_gauche ul li.produits a, div#nav_gauche ul li.Contactez-nous a
{
  text-decoration: none;
}

div#main
{
	margin: 0;
	padding: 0;
	border: none; 	
}

div#main-content
{
	width: 100%
	float: left; 
	border: none;
	margin: 0 0 0 10px;
	padding: 0;
   
}

div#content
{
  border: none;
  margin: 0 10px 0 0;
  padding: 0;
  min-height: 600px;
  _height: 600px;
  text-align: justify;   
}

div#blocgauche
{
  width: 225px;
  margin: 0 20px 0 0;
  padding: 0;
  border: none;
  float: left;
}

div#contentaccessoires
{
  width: 500px;
  margin: 0 auto 0 auto;
  padding: 0;     
}

div#contentaplatisseurs
{
  width: 630px; 
  margin: 0 auto 0 auto;
  padding: 0;

}

div#contentportes
{
  width: 530px; 
  margin: 0 auto 0 auto;
  padding: 0;
}

div#blocdroite,div#blocdroitebis
{
  width: 225px;
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
  border: none;
}

div#blocgauchemaxi
{
 /* width: 225px; */
  margin: 0 20px 0 0;
  padding: 0;
  border: none;
  float: left;
}

div#blocdroitemaxi
{
  /* width: 225px; */
  margin: 0;
  padding: 0;
  float: left;
  border: none;
}

div#blocgauchemaxiportes
{
  width: 250px;
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
}

div#blocdroitemaxiportes
{
  width: 250px; 
  margin: 0;
  padding: 0;
  float: left;
}

div.image, div.image-mini
{
	margin: 10px 0 0 0;
	padding: 0;
	width: 360px;
}

div.imageporte
{
  margin: 10px 0 0 0;
	padding: 0;
	width: 250px;
}


div.image img, div.image-mini img, div.image-apla img, div.imageporte img 
{
  margin: 0;
  padding: 0;
  display: block;
  border: 1px solid #62002d;
}

div.image-apla
{
	margin: 10px 20px 0 0;
	padding: 0;
  float: left;
}

div.image-mini
{
  width: 225px;
}

div.image-accueil
{
	margin: 30px 0 0 0;
	padding: 0;
	/*width: 360px; */ 
	display: block;
}

div.image-accueil img
{
  margin: 0 auto 0 auto;
  padding: 0;
  border: 1px solid #62002d;
  display: block;
  text-align: center;
}


div.brochure
{
	margin: 10px 0 0 0;
	padding: 0;
}
/********************************************************/
div.clear-both
{
  clear:            both;
}

div#footer
{
  margin: 40px 0 20px 0;
  padding: 0;
  font-size:        10px;
  text-align: center;
}

/* gestion formualire de contact */
div#formulaire
{
  margin: 0 200px 0 200px;
  padding: 0;
}