/****************************************************************************
* ELEMENTS COMMUN
****************************************************************************/
/* Page */
body {
	background:#D1DDE8 url(../images/accueil_refonte/fond_page.jpg) repeat-x center center;
	color:#000;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; }
	td {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; color:#000;}
.couleur_fond_tableau{ background:#fff;}
form {margin:0px; padding:0px;}
.txt {color:#666666;}
.contenu {}
input, textarea, select {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;}

/* ombre droite et gauche */
.gauche {background: url(../images/accueil_refonte/gauche.gif) repeat-y top;}
.droite {background: url(../images/accueil_refonte/droite.gif) repeat-y top;}

/* MENU */
#menu { color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-right:10px;padding-top:8px;}
#menu a{ color:#999; text-decoration:none; padding:0px 5px;}
#menu a:hover{ color:#FF0000; text-decoration:underline; }
#menu a.clic{ color:#FF0000; font-weight:bold; text-decoration:none; }

/* BAS DE PAGE */
#basdepage {background:#fff url(../images/accueil_refonte/basdepage.gif) no-repeat;}
#basdepage .bdpgauche { color:#C0C0C0; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}
#basdepage .bdpgauche a{ color:#C0C0C0; text-decoration:none;}
#basdepage .bdpgauche a:hover{ color:#C0C0C0; text-decoration:underline; }

#basdepage .bdpdroite { color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-right:10px;}
#basdepage .bdpdroite a{ color:#fff; text-decoration:none;}
#basdepage .bdpdroite a:hover{ color:#fff; text-decoration:underline; }

/***************************************************************************************/
/****     	style de lien                                                               *****/
/***************************************************************************************/

a.lienrouge{ color:#FF0000; text-decoration:underline; }
a.lienrouge:hover{ color:#FF0000; text-decoration:none; }
a.liennoir{ color:#000; text-decoration:underline; }
a.liennoir:hover{ color:#000; text-decoration:none; }
a.lienactu{ color:#000; text-decoration:none; }
a.lienactu:hover{ color:#FF0000; text-decoration:none; }
a.lienactu:active{ color:#FF0000; text-decoration:none; }
a.lienactu2{ color:#FF0000; text-decoration:none; }
a.lienactu2:hover{ color:#FF0000; text-decoration:none; }
a.lienactu2:active{ color:#FF0000; text-decoration:none; }


/***************************************************************************************/
/****     	actualites                                                             *****/
/***************************************************************************************/
.actu img{border:1px solid #999;}
.actu {padding:40px 30px 0px 20px; background:url(../images/actualites/fond_actu.jpg) no-repeat top left;}
.titreactu {font-size:12px; font-weight:bold;color:#FF0000;}

/***************************************************************************************/
/****     	produits                                                               *****/
/***************************************************************************************/
.margegrise {
	background-color: #E5E5E5;
	padding: 13px 25px 6px 20px;
}

.revendeurs a{
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.revendeurs a:hover{
	color: #4D4D4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

/***************************************************************************************/
/****     	revendeurs                                                             *****/
/***************************************************************************************/
.titrebordure {
	border-left-color: #F9360A;
	border-left-style: solid;
	border-left-width: 1px;
	color: #333333;
}

#actualites .texte{
	margin: 0px;
	padding-left: 11px;
	padding-right: 20px;
}

#actualites .texte a{
	color: #000000;
	text-decoration: none;
}

#actualites .titre{
	color: #F9360A;
	font-size: 13px;
	font-weight: bold;
}

#catalogue {
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	padding: 14px 9px 9px 10px;
}

#catalogue h1{
	color: #19577F;
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
	text-align: center;
}

#catalogue h2{
	font-size: 9px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

/***************************************************************************************/
/****     	contact                                                                *****/
/***************************************************************************************/
#contact {
	background-color: #FFFFFF;
	padding: 18px 40px 28px 20px;
}

#contact input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	width: 330px;
}

#contact select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	width: 330px;
}

#contact textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	width: 330px;
}

#fiche {
	background-color: #E5E5E5;
	height: 118px;
}
#blocadresse a{
	color: #1A5780;
	text-decoration: none;
}

#blocadresse a:hover{
	color: #1A5780;
	text-decoration: underline;
}
#blocadresse {
padding-top:47px; padding-left:21px;
}
#blocadresse .titre{
font-size:11px;
}

/***************************************************************************************/
/****     	coeur de page                                                          *****/
/***************************************************************************************/
#fiche img{
	margin: 10px 0px 0px 20px;
}

/***************************************************************************************/
/****     	menu produits                                                          *****/
/***************************************************************************************/
#mainnav { /***** tous les TD sont nommés *********/
	white-space: nowrap;
}

#mainnav a {
	padding-left: 12px;
	padding-right: 7px;
	background-image: url(../images/menu_off.gif);
	border-right: 1px solid #E5E5E5;
	color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	height: 18px;
	text-decoration: none;
	display: block;
}

#mainnav a.clic {
	background-image: url(../images/menu_on.gif);
	color: #FFFFFF;
}

#mainnav a:hover {
	background-image: url(../images/menu_on.gif);
	border-right: 1px solid #E5E5E5;
	color: #FFFFFF;
}


#menu2 {
	background-color: #333333;
	color: #BFBFBF;
	white-space: nowrap;
}

#menu2 a {
	background-color: #333333;
	color: #BFBFBF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

#menu2 a:hover {
	background-color: #F9360A;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	margin: 0px;
}

#menu2 img {
	border: 0px;
	margin: 0px;
	vertical-align: middle;
}

#menunav {
	background-color: #B3B3B3;
	border: 1px solid #FFFFFF;
	cursor: default;
}

#menunav a {
	background-color: #666666;
	color: #FFFFFF;
	display: table-cell;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	line-height: 24px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 130px;
}

#menunav a:hover {
	background-color: #F9360A;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
	margin: 0px;
}

#menunav img{
	border: 0px;
	margin: 0px;
	vertical-align: middle;
}

#menunav input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}

#menunav select {
	background-color: #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	width: 40px;
}

#menunav span {
	background-color: #B3B3B3;
	color: #9B9B9B;
	display: table-cell;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
	line-height: 24px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 130px;
}

#photo {
	height: 110px;
	width: 170px;
}

#photo img {
	border: 1px solid #19577F;
}
/***************************************************************************************/
/****     	pied de page                                                           *****/
/***************************************************************************************/
#pieddepage {
	color: #999999;
	padding-left: 10px;
}

#pieddepage img{
	margin: 0px 15px 0px 6px;
	vertical-align: middle;
}

#pieddepage input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	margin: 0px;
	vertical-align: middle;
	width: 85px;
}

#pieddepage span{
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
}

#produit {
	height: 236px;
}

#produit .produit{
	width: 240px;
}
