@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:101px; }

#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; cursor:pointer }

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

#header #menu2 img{ border:none }

#header #menu2 a{ float:left }

#header #ajax_panier{ margin-top:5px; }

#header #ajax_panier{  float:left; cursor:pointer; }

#ajax_panier .prix_panier{ color:#FFF;vertical-align:middle; text-align:right; background-image:url(../img/fd_prix_panier.png); background-repeat:no-repeat; background-position:center;width:142px;  height:17px; font-size:14px; }

#ajax_panier .px_pa{ vertical-align:middle; padding-right:4px;font-size:48px  }
#ajax_panier .txt_pa{ vertical-align:bottom; font-size:10px; margin-bottom:2px  }



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


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

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

.retour{ text-transform:uppercase; color:#FFF; font-size:18px; padding:2px 12px; cursor:pointer  }


/* Accueil */

.div_accueil, .div_news, .div_mea{ width:690px; margin:auto;  font-size:14px;  margin-bottom:8px; clear:both }
.div_accueil{ height:210px; }
.div_news{  height:150px; margin-top:8px;  }
.div_mea{ background-color:#000 }

.div_accueil div{ width:323px; padding:8px; float:left;  border:1px solid #151515; height:194px }
.div_news h4{ color:#FFF; font-size:18px; font-weight:bold; margin:0 }

.mea{float:left; width:230px; height:210px; cursor:pointer }

.mea div{ background:#000; height:20px; margin-top:190px; color:#FFF; }

.mea div a{ color:#FFF; margin-left:8px }


.news{float:left; width:329px; height:134px; cursor:pointer; padding:8px; border-bottom:1px solid #151515; }
.news div{ background:#151515; color:#FFF; padding:2px; font-size:12px; font-weight:bold; width:260px; margin-left:15px}



/*  cat */


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

#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)
}



/*  produit */


h1.ficheProd{ color:#FFF; padding:8px; } 

.btn_panier{ text-transform:uppercase; color:#FFF; font-size:18px; padding:2px 36px 2px 8px;cursor:pointer; background-image:url(../img/btn_panier.png); background-position:right;background-repeat:no-repeat;margin:0 10px;  }

.btn_choix{ color:#FFF; font-size:12px; padding:2px 8px;cursor:pointer; font-weight:bold }

.titreFiche{ text-align:right; text-transform:uppercase; margin: 3px 0; font-weight:bold; border-top:1px solid #FFF; padding-top:3px; }

#main .prix_produit{
	width:92%;
	color:#FFF;
	font-size:32px;
	padding:4%;
	text-align:center;
 	margin-bottom:16px; 
}



/*------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------- Menu ---------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------*/

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

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

 
#menuBar .titre h3 { 
	padding:4px 8px;
	margin:7px 0;
	color:#fff; 
	font-size:12px;
	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:12px;
	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:12px;
	display:block; 
	width:48px;
	float:left;
}

#menuBar .onglet_couleur{
	width:69px;
	float:left;
	padding:2px 0px;

}

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

#menuBar .onglet_taille a{ 
	color:#334d55;
	font-weight:bold;
	font-size:12px;
	width:20px;
	float:left;
	padding:2px 10px;

}

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

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

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


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


#rezo{ background-color:#333333; color:#FFF; clear:both }

#rezoContent{ height:170px;  background-repeat:no-repeat; clear:both}

#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
}

#rezo .comu a{ display:block; float:left;  font-size:18px; text-decoration:none; }

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

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