/*************************** REMISE A ZERO DE TOUS LES ELEMENTS PAR DEFAUT *******************************/
/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre,img,div
{margin: 0; padding: 0;}


/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: underline;}
a img, :link img, :visited img {border: none; border 0;}


/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/*********************************************************************************************************/
body{
background-color:#666666;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:70%;
}
.format_png {
       behavior: url(win_png.htc);
}
/*********************************** LES BLOCS PRINCIPAUX DU SITE ****************************************/
#page{
	position: absolute;/**/
	width: 770px;        	/* selon la largeur voulue */
	/*margin: 0px auto;
	margin-top:15px;*/
	margin-left: -385px; 	/*moitie de width */
	left: 50%;            	/*constant, toujours 50% */
	height: 550px;       	 /*selon la quantite de texte */
	margin-top: -275px;    	 /*moitie de height */
	top: 50%;             	/* constant, toujours 50% */
	border: 1px solid #333;
	background-color: #695A74;
}
/* LES BLOCS DU HEADER ****************************************/
#header{
  height:70px;
  width:770px;/**/
  position:relative;
  /*border-bottom: 1px solid white;*/
}

#haut{
  height:360px;
  width:770px;/**/
  position:relative;
  /*border-bottom: 1px solid white;*/
}

#bas{
  height:75px;
  width:770px;/**/
  position:relative;
  background-color:#695A74;
  /*border-bottom: 1px solid white;*/
}

#left{
  width:375px;/**/

float:left;
text-align:center;
}

#right{
 width:375px;/**/
float:right;
text-align:center;
}
#footer{
  height:45px;
  width:770px;/**/
  position:relative;
  text-align:center;

  /*border-bottom: 1px solid white;*/
}

/**********************LES couleurs burton ***************/
/*MAUVE ***************/
.mauve272C{ background-color:#8468A2; color:white; }
.mauve272C a,.mauve272C a:visited{ color:white; }
.mauve272C_medium{ background-color:#B8A7C9; color:black; }
.mauve272C_medium a,.mauve272C_medium a:visited{ color:black; }
.mauve272C_light{ background-color:#DBD3E4; color:black; }
.mauve272C_light a,.mauve272C_light a:visited{ color:black; }
/*VERT ***************/
.vert375C{ background-color:#80C31C; color:white; }
.vert375C a,.vert375C a:visited{ color:white; }
.vert375C_medium{ background-color:#B5DC7B; color:black; }
.vert375C_medium a,.vert375C_medium a:visited{ color:black; }
.vert375C_light{ background-color:#DAEEBD; color:black; }
.vert375C_light a,.vert375C_light a:visited{ color:black; }
/*ROUGE ***************/
.rouge1805C{ background-color:#B20509; color:white; }
.rouge1805C a,.rouge1805C a:visited{ color:white; }
.rouge1805C_medium{ background-color:#D26E70; color:black; }
.rouge1805C_medium a,.rouge1805C_medium a:visited{ color:black; }
.rouge1805C_light{ background-color:#E9B6B8; color:black; }
.rouge1805C_light a,.rouge1805C_light a:visited{ color:black; }
/*BLEU ***************/
.bleu632C{ background-color:#529CA7; color:white; }
.bleu632C a,.bleu632C a:visited{ color:white; }
.bleu632C_medium{ background-color:#9BC6CC; color:black; }
.bleu632C_medium a,.bleu632C_medium a:visited{ color:black; }
.bleu632C_light{ background-color:#CDE2E5; color:black; }
.bleu632C_light a,.bleu632C_light a:visited{ color:black; }
/*GRIS ***************/
.gris_dense{ background-color:#958B8A; color:white; }
.gris_dense a,.gris_dense a:visited{ color:white; }
.gris_medium{ background-color:#999999; color:white; }
.gris_medium a,.gris_medium a:visited{ color:white; }
.gris_light{ background-color:#CCCCCC; color:black; }
.gris_light a,.gris_light a:visited{ color:white; }


/**********************LES BLOCS DE LA NAV BAR ***************/
#menu_tendances{
	position:absolute;
	left:313px;
	top:34px;
	width:120px;
	height:11px;
	z-index:1;
	visibility: hidden;
}
#menu_vitrine{
	position:absolute;
	left:390px;
	top:34px;
	width:27px;
	height:24px;
	z-index:2;
	visibility: hidden;
}
#menu_espace_client{
	position:absolute;
	left:441px;
	top:34px;
	width:27px;
	height:24px;
	z-index:2;
	visibility: hidden;
}
#barrrenav {
	position:absolute;
	left:228px;
	top:16px;
	width:542px;
	height:7px;
	z-index:1;
	visibility: visible;
}
/* LES BLOCS DU CENTRE ****************************************/
#centre{
	width:770px;
	/*background-color:#006600;*/
	margin-top:1px;
	height:435px;
}
#col_gauche{   /* meme largeur que le logo burton +1px blanc a droite */
	/*float:left;
	position:relative;*/
	height:349px;
	width:227px;	 
	background-color:#A59997;
	overflow:hidden;	
}
#col_droite{
	/*position:relative;*/
	float:left;
	width:542px;
	height:445px;
}
#col_gauche li{
	display:block;
	padding:2px;
	padding-left:17px;
	margin-bottom:1px;
}
#col_gauche li a{
	display:block;
	padding-left:17px;
	background-image:url(images/puce_colgauche.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
	color:#1D1412;
}
#col_gauche li a:hover{
	background-color:#6B5C59;
	color:white;
}
/*#col_gauche li a:visited{
	color:#1D1412;
}*/
#bas_col_gauche{
	border-top: 1px solid white;
	/*position:absolute;
	bottom:0;*/
}
.sous-titre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;

}
/* LES BLOCS DU PIED DE PAGE ****************************************/
#piedpage{
	/*border-top: 1px solid black;
	position:relative;*/
	color:#666666;
}
#piedpage a{
color:#666666;
text-decoration:none;
}
#piedpage a:hover{
text-decoration:underline;
color:#000;
}

#piedpage ul{
margin-left:228px;
}
#piedpage li{
	display:block;
	float:left;
	margin-right:3px;
	padding:2px;
}