/* CSS Document */
#tableau {
	position: absolute;
	left : 0px;
	top: 0px;
	z-index:0;
	width: 980px;
	background-color: #FFFFFF;
}

.Texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	color: #000000;
}
.TexteBleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	color: #575759;
}
.TexteBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	color: #FFFFFF;
}
.Texteh1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	color: #FFFFFF;
	padding : 15px;
	line-height: 17px;
}
.Texteh1bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	color: #575759;
	padding : 15px;
	line-height: 17px;
}
.Texteh2 {
	padding : 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	color: #575759;
}
.TitreBlcMAJ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
.TitreBlcMAJ-14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 900;
}
.TitreBleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575759;
	font-weight: bold;
}
.TitreBleuMAJ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575759;
	text-transform: uppercase;
	font-weight: bold;
}
.TitreBleuMAJ-14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #575759;
	text-transform: uppercase;
	font-weight: bold;
}
.slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #575759;
	font-weight: bolder;
}
.Recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-variant: normal;
	color: #575759;
}
.Rechercheblc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-variant: normal;
	color: #ffffff;
}
.Padd-left5 {
padding-left: 5px;
}
.Padd-right5 {
padding-right: 5px;
font-size: 9px;
}
.Padd-left25 {
padding-left: 25px;
}
.rubrique {
  background-color: #575759;
  width: 149px;
  text-align: center;
  margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
.accueil2 {
  background-color: #575759;
  width: 304px;
  height: 19px;
  text-align: center;
  padding-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
.accueil {
  background-color: #575759;
  width: 149px;
  height: 19px;
  text-align: center;
  padding-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color:#575759;
	padding: 5px;
	height:25px;
}

/*ADRESSES*/
.adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #a1a2a4;
}
#adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #949598;
	 list-style-type:none;
	 padding-left:0px; 
	 margin-left:0px;
}
#adresse li {
	cursor:pointer;
	color: #949598;
}
#adresse li a {
	color: #949598;
	}
#adresse li a:hover, #adresse ul a:focus, #adresse ul a:active {
	color: #858688;
	text-decoration:underline;
}

/*STYLES POUR LES MENUS*/
.flottante {
  background-color: #575759;
  float: left;
  width: 149px;
  text-align: center;
  height: 22px;
  color: #ffffff;
  z-index:100;
}
.flottante-claire {
  background-color: #d0d1d3;
  float: left;
  width: 149px;
  text-align: center;
  height: 22px;
  color: #575759;
  margin-top:-16px;
}
.flottanteblc {
  background-color: #ffffff;
  width: 6px;
  z-index:100;
}
.conteneur {
  width: 924px;
  left: 0px;
}

/*STYLES POUR LES MENUS DEROULANTS*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position : absolute;
	left: 29px;
	z-index:100;
	top: 200px;
}
#menu dl {
float: left;
}
#menu dt {
cursor: pointer;
margin: 1px;  
width: 149px;
text-align: center;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
padding-top: 3px;
}
#menu dt a{
  color: #ffffff;
}
#menu dd {
cursor: pointer;
display: none;
width: 149px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
padding-top: 3px;
}
#menu dd a{
  color: #575759;
}
#menu li {
cursor: pointer;
text-align: left;
background: #d0d3d3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #575759;
text-transform: uppercase;
padding-left : 0.5em;
padding-top: 8px;
padding-bottom: 5px;
}
#menu li a {
color: #575759;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
padding-bottom: 5px;
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
text-decoration:underline;
}
/* STYLE POUR LES ESPACES */
.espace {
  width: 614px;
  left: 0px;
}
.vegetal {
  background-color: #99855c;
  border: 0;
  margin: 0px;
  float: left;
  width: 149px;
  text-align: center;
  height: 32px;
  color: #ffffff;
}
.vert {
  background-color: #cbc46d;
  border: 0;
  margin: 0px;
  float: left;
  width: 149px;
  text-align: center;
  height: 32px;
  color: #ffffff;
}
.urbain {
  background-color: #efbd70;
  border: 0;
  margin: 0px;
  float: left;
  width: 149px;
  text-align: center;
  height: 32px;
  color: #ffffff;
}
.sportif {
  background-color: #7593a8;
  border: 0;
  margin: 0px;
  float: left;
  width: 149px;
  text-align: center;
  height : 32px;
  color: #ffffff;
}

/*STYLES POUR LES ESPACES DEROULANTS*/
#menuespace {
position: absolute; /* placement des espacess */
top: 359px;
margin-left: 29px;
height : 32px;
z-index:100;
}
#menuespace dl {
float: left;
}
#menuespace dt {
cursor: pointer;
margin: 1px;  
width: 149px;
text-align: center;
padding-top: 8px;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-transform: uppercase;
font-weight: bolder;
}
#menuespace dd {
display: none;
width: 149px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
}
#menuespace li {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #3e3e3f;
text-transform: uppercase;
padding-left: 0.5em;
padding-top: 2px;
width: 144px;
}
#menuespace li a, #menuespace dt a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #3e3e3f;
text-transform: uppercase;
padding-left: 0;
padding-top: 2px;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width: 144px;
}
#menuespace li a:hover, #menuespace li a:focus, #menuespace li a:active {
text-decoration:underline;
}

/*survol*/
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#produits {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #575759;
}
#produits li {
	cursor:pointer;
	color: #575759;
	text-align:left;
}
#produits li a {
	font-weight:500;
	color: #575759;
	margin: 0;
	padding: 0;
	}
#produits li a:hover, #produits ul a:focus, #produits ul a:active {
	font-weight:900;
	color: #575759;
}
/*aCCUEIL*/
#accueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	color: #575759;
}
#accueil li {
	cursor:pointer;
	color: #575759;
	text-align:right;
}
#accueil li a {
	font-weight:500;
	color: #575759;
	}
#accueil li a:hover, #accueil ul a:focus, #accueil ul a:active {
	font-weight:900;
	color: #575759;
}
/*ACCUEIL BLANC*/
#accueilblc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	color: #ffffff;
}
#accueilblc li {
	cursor:pointer;
	color: #ffffff;
	text-align:right;
}
#accueilblc li a {
	font-weight:500;
	color: #ffffff;
	}
#accueilblc li a:hover, #accueilblc ul a:focus, #accueilblc ul a:active {
	font-weight:900;
	color: #ffffff;
}
/*Navigation fiche article*/
#navarticle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	color: #ffffff;
	padding-left :10px;
	padding-top : 20px;
}
#navarticle li {
	cursor:pointer;
	color: #ffffff;
}
#navarticle li a {
	font-weight:500;
	color: #ffffff;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
	}
#navarticle li a:hover, #navarticle ul a:focus, #navarticle ul a:active {
	font-weight:900;
	color: #575759;
}