@CHARSET "UTF-8";


body , html {
	background-color:#d9d9d9;
	height:100%;
	margin:0;padding:0;
} 

body{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#595959; }

a{ text-decoration:none; }


/*------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- DIV -------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------*/

#site{ 
	width:1000px; margin:auto;
}


#header,#main{ 
	position: absolute;
	width:1000px;
	margin:auto;
	padding:0 4px;
	background-image:url(../img/fd.gif); background-position:center;
}
 



#header{
	top:0px;
	height: 101px;
} 
 

/* MAIN*/

#main{
	top:101px;
	padding-top:8px;
} 

#main #menuBar{
	
	width:230px;
	float:right;
	
}

#main #main_content{
	
	float:right;
	background-color:#fff;
	width:762px;
	padding-bottom:8px;
}



/*------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- HEADER ----------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------*/
#headerContent{ height:100%; }

#header #menu{ height:21px; padding-left:220px;  width:750px  }

#header #menu a{ display:block; float:left; padding:2px 10px; height:17px; color:#FFF; font-weight:bold; margin:4px 0 0 4px; }
#header #menu a:hover{ text-decoration:underline; }

#retour_accueil{ position:absolute; width:200px; height:100px; }

#header #menu2{  padding-left:300px; margin-top:30px;  width:700px  }

#header #menu2 img{ border:none }



/*------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- CONTENT ---------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------*/


#main_content #bloc1{
	float:left;
	width:475px;
	margin:15px 0 0 15px;
}

h1{ margin:0 0 14px 0; font-size:22px; text-transform:uppercase; font-weight:normal;}

h2{ margin:0 0 14px 0; font-size:20px; text-transform:uppercase; font-weight:normal;}

h1.ficheProd{ color:#FFF; }

#main_content #bloc1 div{

	border:1px solid #aaa;
	padding:14px 12px;
	height:182px;
	font-size:16px;
	line-height:18px;
}

#main_content .result{
	float:left;
	border:1px solid #aaa;
	width:230px;
	height:210px;
	margin:15px 0 0 15px;
	cursor:pointer;
}


#main_content .result a{
	color:#454545;
	font-weight:bold;
}

#main_content .result .prix{
	float:right;
	height:22px;
	background:url(../img/fd_prix.png);
	color:#FFF;
	font-size:18px;
	padding:2px 5px;
}

#main_content .result .txt{
	display:none;
	position:relative;
	padding:5px;
	top:84px;
	height:90px;
	background:url(../img/fd_result.png)
}



/* MENU +++++++++++++++++++++++++++++++++++++++++++ */ 

#menuBar .themenu{ 
	width:210px;
	padding:10px; 
}

#menuBar .titre { background-color:#383838; }

 
#menuBar .titre h3 { 
	padding:4px 10px;
	margin:7px 0;
	color:#fff; 
	font-size:11px;
	font-weight:bold;
}

#menuBar .top_titre { 
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#menuBar .spacer{ height:3px;  }

#menuBar span { 
	display:block;
	padding:2px 10px;
	font-weight:bold;  
}

#menuBar .onglet-select{ margin-bottom:3px; }

#menuBar .onglet-select span { 
	background:#fff;
	font-size:12px;
	text-transform:none;
}

#menuBar .onglet-select a { 
	float:right;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-transform:none;
	width:9px;
	height:12px;
	padding:3px;
}


#menuBar .onglet span{ 
	font-size:11px;
}


#menuBar .onglet_couleur a{
	color:#334d55;
	font-weight:bold;
	font-size:11px;
	display:block; 
	width:48px;
	float:left;
}

#menuBar .onglet_couleur{
	width:69px;
	float:left;
}

#menuBar .onglet_couleur_vignette{
	height:10px;
	width:14px;
	display:block;
	float:left;
	margin:2px;
	clear:left;
}

#menuBar .onglet a{ 
	display:block;
	padding:2px 10px;
	color:#334d55;
	font-weight:bold;
	font-size:11px;
}

#menuBar .onglet a:hover, #menuBar .onglet_couleur a:hover{ 
	color:#fff; 
	text-decoration:none;
}

#menuBar .onglet_couleur_vignette a{
	height:100%;
	width:100%;
	display:block;
}


/*---------------------------------------------------------------------Rezo*/ 

#rezoContent{ height:150px; }

#rezo .titre{  font-weight:bold; font-size:15px; }

#rezo a{ color:#FFF; }

#rezo a:hover{ text-decoration:underline}

#rezo .list{float:left; width: 300px; border-right:1px solid #CCC; text-align:right ; margin-top:30px; height:130px }

#rezo .list div{
	margin:5px 10px; text-align:right
}

 
/*---------------------------------------------------------------------baseline*/

#baseline2 div{
	color:#000;
	width:990px;
	margin:auto;
	padding:10px;
}