/*************************** 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%;
}
.png, .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: #eee;
}
/* LES BLOCS DU HEADER ****************************************/
#header{
  height:79px;
  width:770px;/**/
  position:relative;
  /*border-bottom: 1px solid white;*/
}

/**********************LES couleurs burton ***************/
/*MAUVE ***************/
.mauve{ background-color:#695A74; color:white; }
.mauve a,.mauve272C a:visited{ color:white; }



.mauve1{ background-color:#766881; color:white; }
.mauve1 a,.mauve272C a:visited{ color:white; }

.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:445px;
}
#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;
}

/* FAQ ****************************************/

#col_left_faq{
height:430px; 
overflow-y:scroll; 
overflow-x:hidden;
width:450px;
margin:15px 0 0 20px; 
float:left; 
}

*html #col_left_faq{
margin:15px 0 0 10px; 
}

*html #accordion_moo{
float:left;
}

*+html #col_left_faq{
margin:15px 0 0 10px; 
}

*+html #accordion_moo{
float:left;
}

#faq_intro span{
text-decoration:none; 
color:#666666; 
font-family:verdana; 
font-size:10px; 
font-weight:normal;
}

#col_left_faq h1{
margin-top:20px; 
font-size:16px;
}

#col_left_faq h2{
width:420px;
text-decoration:none; 
color:#695A74; 
margin-top:20px; 
font-size:12px;
padding:3px;
cursor:pointer; 
float /*\**/: left\9;
background-color:#d4ceda;
}

#col_left_faq table{
margin-right:5px;
}

.sous_menu{
float /*\**/: left\9;
}

.sous_menu h3{
text-decoration:none; 
color:#676767; 
font-family:verdana; 
font-size:10px; 
cursor:pointer; 
font-weight:normal;
}

.solution_faq{
border:1px dotted #6f617a; 
background-color:#eeeeee; 
color:#666666;
padding:3px;
}

#col_right{
width:294px; 
float:left; 
padding:15px 0 0 5px; 
background-color:#eeeeee; 
height:430px;
}

#avant_ecrire{
width:280px;
height:19px;
margin:-10px 0 5px 0;
}

#col_right textarea{
margin-top:10px; 
font-size:12px; 
padding-left:3px;
}

#col_right table input{
margin:10px 0 0 5px;
width:210px;
}

#col_right table span{
color:#666666;
font-size:9px;
}

.notes{
float:left;
font-size:10px; 
font-family:Trebuchet MS; 
line-height:1.2em; 
margin:15px 10px 0 5px; 
color:#695A74;
width:260px; 
}

select.select {
font-size:10px;
}

#text_combo{
margin:5px 0 0 2px;
color:#695A74;
font-size:10px;
font-weight:bold;
width:275px;
}