/* Feuille de style pour le site Humard | 28/11/2006
Si modification demander edouard.heilbronn@activis.fr

/* import CSS  */
/* ------------------------------------------------------- */
@import url(nav.css);

/*-----------------------------------------------------------------------------------------------------------*/
/*						CSS GENERAUX					        */
/*-----------------------------------------------------------------------------------------------------------*/


body {
  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
  color: #797979; text-align: center;
  background-color:#FFFFFF; 
}

img { border: 0px solid #CCCCCC;}

hr { border: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; height: 1px; clear: both;}
/*color: #AF1E2D;*/
a {font-family: Verdana, Arial, Helvetica, sans-serif; color: #AF1E2D; font-size: 1em; text-decoration: underline;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #AF1E2D; font-size: 1em; text-decoration: none;}

input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; background-color:#FFFFFF;}
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; background-color:#FFFFFF;}
.champ_form { border: 1px solid #0099CC; width: 220px; height: 17px }
.champ_form_area { border: 1px solid #0099CC; width: 380px; height: 80px }


.left { float: left;}
.right { float: right;}
.hide { display: none;}
.spacer { visibility:hidden; clear:both;}
.clear_both { clear:both;}
.center { text-align: center;}
.align_top { vertical-align: top;}
.align_middle { vertical-align: middle;}
.cache_print { display: block;}
.print { display: none;}
.border_bottom_gris { border-bottom: 1px solid #CCCCCC;}
.background_gris { background-color: #999999;}

/* Typo et styles wysiwyg */
.fond_gris {background:#eeeeee;}
.noir { color: #000000;}
.gris_fonce { color: #3F3F38;}
.rouge_humard { color: #AF1E2D;}
.image_gauche { float: left; margin: 0 30px 10px 0;}
.image_droite { float: right;  margin: 10px 0 0 10px;}


/*-----------------------------------------------------------------------------------------------------------*/
/*						STRUCTURE					        */
/*-----------------------------------------------------------------------------------------------------------*/

/* Header */
#header { width: 854px; margin: 0 auto; background: url(../images/fond_header.gif) no-repeat right top;
	text-align: left;}

/* Menu */
div.menu_contour { width: 854px; height: 19px; margin: 1px auto; background-color: #5C5C54; text-align: left;}

/* Gauche Droite */
#gauche_droite { width: 854px; margin: 0 auto;}
	#col_gauche { width: 193px; float: left;}
		#sous_menu { background: url(../images/coin_sous_menu.gif) #E4E4E4 no-repeat left bottom; text-align: left; min-height: 200px !important; height: auto !important; height: 200px;}
		#adresse { border-left: 2px solid #AF1E2D; margin: 20px 0 0 20px; padding: 0 0 0 10px; text-align: left;}
	
	#centre_droite { width: 629px; float: left; min-height: 400px !important; height: auto !important; height: 400px;}
	#contenu { width: 629px; border: 1px solid #E4E4E4; border-top: 0px solid #E4E4E4; border-bottom: 0px solid #E4E4E4;
		min-height: 400px !important; height: auto !important; height: 400px; text-align: left; padding: 5px 15px;
		background: url(../images/h.jpg) no-repeat right bottom;}

/* Footer */
#footer { width: 629px; margin: 0 0 0 32px; *margin: 0; clear: both; text-align: right;}

/*-----------------------------------------------------------------------------------------------------------*/
/*						CONTENU					        */
/*-----------------------------------------------------------------------------------------------------------*/

/* Header */
#nav_langue { background: url(../images/fond_langues.jpg) no-repeat right top;}
#nav_langue a { font-size: 1.1em; color: #999999; margin: 5px; line-height: 20px; text-decoration: none;}
#nav_langue a:hover { color: #AF1E2D; text-decoration: none;}

/* Menu */

/* Gauche Droite */
.chemin a { color: #797979; text-decoration: none;}
.chemin a:hover { color: #AF1E2D; text-decoration: none;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AF1E2D;
	font-size: 1.8em;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #797979; font-size: 1.2em; margin: 12px 0 5px 0;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #AF1E2D; font-size: 1.4em; margin: 12px 0 5px 0;}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #797979; font-size: 1.2em; margin: 12px 0 5px 0;}
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #AF1E2D; font-size: 1.1em; margin: 12px 0 5px 0;}
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #797979; font-size: 1em; margin: 12px 0 5px 0;}

/* p { margin: 0;} */

ul { list-style-image: url(../images/puce_logo_humard.gif); *margin: 0 0 0 39px;}
ul li { margin: 3px 0;}

.image_produit { border: 1px solid #CCCCCC; padding: 15px;}
.image_produit_grand { float: left; margin: 0 40px 20px 0;}

.vign_produit { border: 1px solid #CCCCCC; float: left; width: 190px; text-align: center; margin: 5px 5px; padding: 10px 0 10px 0;
	background-color: #FFFFFF; min-height: 141px; height: auto !important; height: 140px;}
	
#actu_accueil { width: 190px; float: right; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 0 0 20px 20px; padding: 0 0 10px 10px;}

/* Footer */
.slogan_footer { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 1.2em;}

/*-----------------------------------------------------------------------------------------------------------*/
/*						EXTRANET					        */
/*-----------------------------------------------------------------------------------------------------------*/
.extranet_logge { padding: 0 0 0 15px;}
@charset "utf-8";
/* CSS Document */