* {
	margin:0px;
	padding:0px;
	border:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* font-family:Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #333333;
}
img {vertical-align:middle;}
html {
	background-color: #FFF;
	height:100%;
}
/* ------------------------------------------------------------ * /
/* --------------------    head      -------------------------- */
/* ------------------------------------------------------------ */
body {
	background-color: #FFF;
	min-width:980px;
	height:100%;
	background: url(images_site/CSS/entete.jpg) no-repeat center top;
	text-align:center;
	padding:0px;
}
#arriere_plan {
	margin:auto;
	position:absolute;
	width:980px;
	}
#wrapper {
	position:relative;
	top:-15px;
	width:980px;
	margin:0px auto 0px auto;
	min-height: 100%;
	height:auto !important;
	height:100%;
	text-align:left;
}
#pageHead {
	position:relative;
	width:980px;
	margin:0px 0px;
	height:119px;
	z-index:2; /* au dessus du noir du menu gauche */
	
}
/* --------------------    menu bandeau du haut      -------------------------- */
#menu_Bandeau {
	position:absolute;
	width:472px;
	left:196px;
	bottom:5px;
}
#menu_Bandeau_catalogue {
	position:absolute;
	width:195px;
	left:0px;
	/* bottom:15px; */
	bottom:5px;
	text-align:center;
}
.td_menu_Bandeau, .td_menu_bandeau a {
   	text-align:center;
   	vertical-align:middle;
   	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
	text-align:center;
	text-decoration:none;
}
.td_menu_bandeau a {
	display:block;
   	line-height:30px;
	height:30px;
	width:100%
	}

.td_menu_Bandeau:hover, .td_menu_Bandeau a:hover {
   	background:#C8001C;
	}

/* --------------------    logo     -------------------------- */
#logo {
	position:absolute;
	/* left:720px; */
	left:710px;
	/* width:258px; */
	width:263px;
	height:67px;
	/* bottom:-13px; */
	bottom:-10px !important;/* - 15 (wrapper + 2 */
	bottom:-25px;/* - 15 (wrapper + 2 */

}
/* --------------------    menu des categories      -------------------------- */
#leftMenu {
	float:left;
	width:195px;
}
#leftMenu_decalage_haut {
	position:relative;
	top:-46px !important;
	top:-50px;
}
#page {
	float:left;
	width:783px;
}
#menu_produit {
	padding-top:40px;
	padding-left:8px;
	position:relative;
	background:black;
	overflow:hidden;
}
#menu_produit, #menu_produit a {
   	line-height:30px;
	font-size: 14px;
	font-weight: bold;
	color:white;
    text-decoration:none;
}
#menu_produit a:hover {
    text-decoration:underline;
}
/* --------------------    moteur de recherche      -------------------------- */
#moteur_recherche {
	margin-top:5px;
	margin-bottom:0px;
	padding:10px;
	background:black;
	overflow:hidden;
	text-align:center;
}
#moteur_recherche form {
	width:100%;
	}
/* --------------------    filtres transversaux : route, new, kid ...     -------------------------- */
#filtres_communs {
	margin-top:5px;
	padding:8px;
	position:relative;
	/* background:black; */
	overflow:hidden;
	text-align:center;
}
#filtres_communs, #filtres_communs a {
   	line-height:30px;
	font-size: 14px;
	font-weight: bold;
	color:white;
    text-decoration:none;
}
#filtres_communs a:hover {
    text-decoration:underline;
}
/* ------------------------------------------------------------ * /
/* --------------------    foot, langues -------------------------- */
/* ------------------------------------------------------------ */
#foot {
	clear:both;
	background:transparent url(images_site/CSS/foot.jpg) repeat center top;
	text-align:center;
	height:28px;
}
#foot_wrapper {
	position:relative;
	width:980px;
	margin:0px auto 0px auto;
	text-align:center;
}
#foot_wrapper td, #foot_wrapper a {
   	line-height:28px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
    text-decoration:none;
}
#langues {
    position:absolute;
	z-index:100;
	left:10px;
	text-align:left;
	height:24px;
}
#langues_wrapper {
	position:relative;
}
#langues_wrapper , #langues_wrapper a {
   	line-height:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
    text-decoration:none;
}
/* ------------------------------------------------------------ * /
/* --------------------    page      -------------------------- */
/* ------------------------------------------------------------ */
.titre_page {
	background:url(images_site/CSS/bg_titre_page.png) repeat right top;
	height:68px;
	line-height:68px;
	margin-bottom:30px;
	}
.titre_page td {
 	padding-left:30px;
	padding-right:50px;
  	line-height:20px;
	vertical-align:middle;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:white;
	}
/* ------------------------------------------------------------ * /
/* --------------------   liste produit      ---------------- */
/* ------------------------------------------------------------ */
#liste_produit .ligneG, #liste_produit .ligneD {
	position:relative;
	margin-top:5px;
}
#liste_produit .ligneG .divImg, #liste_produit .ligneD .divImg {
	line-height:152px;
	height:152px;
	text-align:center;
	width:250px;
}
#liste_produit .ligneG .divImg {
	float:right;
	}
#liste_produit .ligneD .divImg {
	float:left;
	}
#liste_produit .ligneG .titre {
	position:relative;
	left:10px;
	/* float:left; */
	}
#liste_produit .ligneD .titre {
	position:relative;
	left:260px;
	/* float:right;*/
	}
#liste_produit .ligneG .divTxt , #liste_produit .ligneG .divRef{
    clear:left;
	margin-left:50px;
	}
#liste_produit .ligneD .divTxt , #liste_produit .ligneD .divRef {
	clear:right;
	margin-left:300px;
	}
#liste_produit .ligneG .divTxt, #liste_produit .ligneD .divTxt, #liste_produit .ligneG .divRef, #liste_produit .ligneD .divRef {
	text-align:left;
}
#liste_produit .ligneG .divTxt , #liste_produit .ligneG .divRef {
	}
#liste_produit .ligneD .divTxt , #liste_produit .ligneD .divRef {
	width:400px; /* pour ne pas aller sous l'image */
	}
#liste_produit .divRef {
	font-weight:bold;
	color:#666666;
	font-style:italic;
	}
#liste_produit .ligneG .titre, #liste_produit .ligneD .titre {
	height:31px;
   	line-height:31px;
	margin-bottom:5px;
	}
#liste_produit .ligneG .titre a, #liste_produit .ligneD .titre a
 {
 	white-space:nowrap;
	height:31px;
   	line-height:31px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-top:0px ;
	padding-bottom:0px;
	padding-right:100px;
	}
#liste_produit .ligneG .titre a{
	background:url(images_site/CSS/bg_titre_produit_liste_gauche.jpg) repeat right top;
	padding-left:50px;
	}
#liste_produit .ligneD .titre a{
	background:url(images_site/CSS/bg_titre_produit_liste_droit.jpg) repeat left top;
	padding-left:30px;
	}
#liste_produit .ligneG .divEnd, #liste_produit .ligneD .divEnd {
	clear:both;
	line-height:50px;
	height:50px;
	font-size:12px;
}
#liste_produit .ligneG .divEnd {
	background:url(images_site/CSS/trait_gris_gauche_et_poid.jpg) no-repeat left center;
	padding-left:65px;
	text-align:left;
}
#liste_produit .ligneD .divEnd {
	background:url(images_site/CSS/trait_gris_droit_et_poid.jpg) no-repeat right center;
	padding-left:719px;
	text-align:left;
}
.vide {
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	}
/* ------------------------------------------------------------ * /
/* --------------------   accueil         ---------------- */
/* ------------------------------------------------------------ */
#accueil {
	margin-top:15px;
	}
#accueil td {
	border:2px solid #785653;
	text-align:center;
	vertical-align:top;
	background:url(images_site/CSS/accueil_bg_produit.jpg) no-repeat center top;	
	}
#accueil .titre, #accueil .titre a {
	height:31px;
   	line-height:31px;
	width:250px;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	}
/* ------------------------------------------------------------ * /
/* --------------------   formulaire filtre         ---------------- */
/* ------------------------------------------------------------ */
#formulaire_filtres {
	border:2px solid #785653;
	margin-left:2px;
	}
#formulaire_filtres select {
	width:150px;
	border:1px solid #785653;
	}
#formulaire_filtres .boite_select {
	display:inline-block;
	width:150px;
	margin-left:10px;
	}
#boite_filtre_bool {
	width:90%;
	}
#boite_filtre_bool td{
	line-height:30px;
	vertical-align:middle;
	height:30px;
	}
#boite_filtre_submit {
	text-align:right;
	margin:5px;
	}
/* ------------------------------------------------------------ * /
/* --------------------   fiche produit         ---------------- */
/* ------------------------------------------------------------ */
#fiche_produit {
	margin-top:50px; /* en dessous entete */
	}
#fiche_produit .titre_produit {
	float:left;
	height:31px;
   	line-height:31px;
	background:url(images_site/CSS/bg_titre_produit_liste_gauche.jpg) no-repeat right top;
	padding-left:30px;
	padding-right:50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	}
#fiche_produit .divImg {
	float:right;
	margin-left:20px;
	}
#fiche_produit .champ {
	background:url(images_site/CSS/fleche_grise_14.jpg) no-repeat 15px center;
	line-height:20px;
	padding-left:40px;
	}
#fiche_produit .strong {
	color:#cccccc;
	font-weight:bold;
	}
#fiche_produit .divText {
	margin-left:20px;
	}
#fiche_produit .divRef {
	font-weight:bold;
	text-align:right;
	color:#666666;
	}
#fiche_produit .divCom {
	clear:left;
	padding:10px 0px 10px 35px;
	}
#fiche_produit .divBol {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:20px;
	}
#fiche_produit .divBol img {
	margin-right:15px;
	}
#fiche_produit .divEnd{
	clear:both;
	line-height:50px;
	height:50px;
	font-size:12px;
	background:url(images_site/CSS/trait_gris_gauche_et_poid.jpg) no-repeat left center;
	padding-left:60px;
	text-align:left;
	}
/* ------------------------------------------------------------ * /
/* --------------------   telechargement         -------------- */
/* ------------------------------------------------------------ */
#liste_telechargement .titre {
	float:left;
	height:31px;
   	line-height:31px;
	background:url(images_site/CSS/bg_titre_produit_liste_gauche.jpg) no-repeat right top;
	padding-left:30px;
	padding-right:50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	margin-left:10px;
	margin-bottom:10px;
	}
#liste_telechargement  table {
	clear:both;
	margin:30px;
	width:90%;
	}
#liste_telechargement  form {
	width:100px;
	}
#liste_telechargement  form input {
	padding:5px;
	}
#liste_telechargement  td {
	height:35px;
   	line-height:35px;
	}
#liste_telechargement  td.left {
	text-align:left;
	background:url(images_site/CSS/fleche_grise_14.jpg) no-repeat 15px center;
	padding-left:40px;
	}
#liste_telechargement  td.right {
	text-align:right;
	width:100px;
	}
#liste_telechargement  tr:hover{
	background:#cccccc;
	}
/* ------------------------------------------------------------ * /
/* --------------------   contact                 -------------- */
/* ------------------------------------------------------------ */
#contact {
	width:90%;
	margin-left:20px;
	}	
#contact table.coordonnees {
	width:100%;
	}
#contact table.coordonnees th{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:10px;
	}
#contact table.coordonnees td{
	vertical-align:top;
	position:relative;
	}
#contact table.coordonnees td div{
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	}

#contact table.coordonnees {
	vertical-align:top;
	}
#contact .mail a  {
	font-weight:bold;
	color:grey;
	text-decoration:underline;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
#contact div.mail   {
	padding-top:10px;
	}
#contact .hand { /* 21x26 */
	height:26px;
	line-height:26px;
	background:url(images_site/CSS/hand.gif) no-repeat left center;
	position:relative;
	top:-2px;
	left:10px;
	}
