/************************************************
 Groupe Moniteur
 Auteur : QD
 Date de dernière modification : 20/11/2008
************************************************/

/********************************************************/
/*         CSS des pages recherche full/text image      */
/********************************************************/

.r_titre {
	background-color: #3E2324;
	font-size: 1.2em;	
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 0px 8px 10px;	
}
.r_titre span {
	font-size: 1.0em;
	font-weight: normal;
	margin-right: 20px;
	float: right;
}
.r_titre_bottom {
	background-color: #3E2324;
	font-size: 1.2em;	
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 0px 8px 10px;	
}
.r_titre_bottom span {
	font-size: 1.0em;
	font-weight: normal;
	margin-right: 20px;
	float: right;
}
.fd_gris { 
	background-color: #E9E7E1;
}
/*************************/
/* CSS colonne de gauche */
/*************************/
#r_left {
	float: left;
	width: 300px;	
}
/********************/
/* CSS bloc affiner */
/********************/
#b_affiner {
	background-color: #E9E7E1;
	padding: 30px 0px;
	margin-bottom: 20px;
}
#b_affiner h1 {
	text-transform: uppercase;
	color: #3E2324;
	font-size: 1.2em;
	padding-left: 20px;
	margin-bottom: 6px;
}
#b_affiner p {
	font-size: 1.0em;
	padding-left: 20px;
}
#b_affiner ul { 
	list-style-type: none;
	color: #3E2324;
	padding: 10px 0px 10px 20px;	
}
#b_affiner ul p {
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
}
#b_affiner ul li {
	background: url(../../images/FOr2/commun/puce_carre_blanche.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin: 2px 0px;	
}
#b_affiner ul li a {
	font-size: 1.1em;
	text-decoration: none;
}
#b_affiner ul li a:hover {
	text-decoration: underline;
}

.critere_on {
	background-color: #B4C12A;
}
.c_separateur {
	background-color: #3E2324;
	margin: 0px 20px;
}
	
/*************************/
/* CSS colonne de droite */
/*************************/
#r_right {
	float: right;
	width: 660px;
	padding-left: 20px;
	background-color: #FFFFFF;		
}

/*CSS bloc retour liste des produits*/
.b_retour {
	margin: 15px 0px;
}
.b_retour a {
	background: url(../../images/FOr2/commun/puce_orange_right.gif) no-repeat 0px 2px;
	padding-left: 10px;
	font-weight: bold;
	color: #F6591C;
}
/*****************************/
/* CSS bloc type d'affichage */
/*****************************/
#type_affichage {
	float: left;
	font-size: 1.1em;
}
#type_affichage span {
	margin-right: 40px;
}
#type_affichage span a {
	text-decoration: none;
}
#type_affichage .type_aff_on {
	text-decoration: underline;
	margin: 0px;
}

/************************/
/* CSS Bloc naviguation */
/************************/
#naviguation_index {
	float: right;
}
#naviguation_index ul {
	list-style-type: none;	
}
#naviguation_index ul li {
	float: left;
	margin-left: 2px;
}
#naviguation_index ul li a {
	display: block;
	text-decoration: none;		
}
#naviguation_index .chiffre a {
	padding: 2px 5px 2px 5px;
	border: 1px solid #59523E;
	color: #59523E;
	font-weight: bold;
	margin: 0px 1px 0px 1px;	
}
#naviguation_index .chiffre a:hover {
	border: 1px solid #FF5200;
	background-color: #FF5200;
	color: #FFFFFF;
}
#naviguation_index .chiffre_selected {
	border: 1px solid #FF5200;
	background-color: #FF5200;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
}

/*****************************/
/* CSS du bloc produit texte */
/*****************************/
#b_prod {
	border-top: 1px solid #59523E;
	margin-top: 15px;
	padding-top: 25px;
}
/* CSS bloc permettant l'arrêt des float */
.b_prod_clear {
	clear: left;
}
/* CSS Bloc de gauche */
#b_prod_left {
	float: left;
	width: 115px;
	padding: 0px 10px 0px 20px;
	color: #3E2324;
	font-family: Arial, Helvetica, sans-serif;	
}
#b_prod_left ul {
	 list-style-type: none;
	 margin: 10px 0px 20px 0px;
	 color: #000000;
}
#b_prod_left li {
	background: url(../../images/FOr2/commun/puce_orange_left.gif) no-repeat 0px 2px;
	padding-left: 10px;
	margin: 1px 0px;
	font-size: 1.1em;
}
#b_prod_left li a {
	text-decoration: none;
}
#b_prod_left li a:hover {
	text-decoration: underline;
}
#b_prod_left p {
	text-align: center;
	background-color: #BDC92D;
	padding: 2px;
	border-top: 1px solid #BDC92D;
	border-left: 1px solid #BDC92D;
	border-bottom: 1px solid #59523E;
	border-right: 1px solid #59523E;
}
#b_prod_left p a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
#b_prod_left p a:hover {
	color: #3E2324;
}
/* CSS Bloc de droite */
#b_prod_right {
	float: left;
	width: 494px;
	border-left: 1px solid #C0B49A;
	padding-left: 20px;
}
.b_prod_right_img {
	float: right;
	border: 1px solid #827E72;
	margin: 0px 0px 5px 5px;
}
.libelle_prod a {
	font-size: 1.2em;
	color: #3E2324;
	text-decoration: none;
}
.libelle_prod a:hover {
	text-decoration: underline;
}
.name_prod{
	margin: 4px 0px;
}
.name_prod a {
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.name_prod a:hover {
	text-decoration: underline;
}
.name_fab {
	margin: 4px 0px;
}
.name_fab  a {
	font-size: 1.2em;
	color: #9FA520;
	font-weight: bold;
	text-decoration: none;	
}
.name_fab  a:hover {
	text-decoration: underline;
}
#des_prod a {
	text-decoration: none;
	/*color: #59523E;*/
	color: #000000;
	font-size: 1.1em;
}
#des_prod a:hover {
	text-decoration: underline;
	color: #000000;
}
.famille {
	margin-top: 5px;
	color: #87806C;
}
.famille  a {
	color: #000000;
	text-decoration: none;
}
.famille  a:hover {
	text-decoration: underline;
}

/*******************************/
/* CSS Bloc pavé de pub texte */
/******************************/
.r_pave_pub {
	border-top: 1px solid #59523E;
	padding-top: 15px;
	text-align: center;
	margin-top: 15px;
}


/***********************************************/
/* CSS pour la page recherche full par image   */
/***********************************************/

/*****************************/
/* CSS du bloc produit image */
/*****************************/
#b_prod_img {
	width: 163px;
	border: 1px solid #59523E;	
	float: left;
	padding: 20px 20px 0px 20px;
	height: 272px;
	margin-top: 20px;
	position: relative;
}
#b_prod_img a {
	text-decoration: none;
	color: #3E2324;	
}
.mod {
	margin-right: 21px;
}
.p_bordure img {
	border: 1px solid #C6B69B;
}
.plus_infos {
	text-align: right;
	margin: 1px 0px 5px 0px;
}
#p_telecharger {
	margin: 10px 0px 0px 0px;
	background-color: #BDC92D;
	border-bottom: 1px solid #59523E;
	border-right: 1px solid #59523E;		
}
#p_telecharger a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	text-align: center;		
	padding: 2px 0px;			
}
#p_telecharger a:hover {
	color: #3E2324;		
}

/* CSS bloc plus d'infos */
.b_infos {	
	display: none;
}
.b_infos_on {
	position: absolute;
	background-color: #F6F4F0;
	border: 1px solid #C6B69B;
	width: 141px;
	height: 151px;
	display: block;
	padding: 10px 10px 0px 10px;
}
.b_infos_on p {
	margin: 3px 0px;
	font-size: 1.1em;
}
.b_infos_on p.nom_produit {
	color: #000000;
	font-weight: bold;	
}
.b_infos_on p.nom_fabricant {
	color: #9FA520;
	font-weight: bold;	
}
.b_infos_on ul {
	list-style-type: none;
	background: url(../../images/FOr2/commun/pointilles_brun.gif) repeat-x top;
	margin-top: 10px;
	padding-top: 5px;
}
.b_infos_on li {
	background: url(../../images/FOr2/commun/puce_grise_left2.gif) no-repeat 0px 2px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin: 2px 0px;
}

/* CSS pave de pub image */
#b_pub_img {
	float: left;
	width: 430px;	
	margin-top: 20px;
	padding-top: 22px;
	height: 272px;
	text-align: center;
}
#b_pub_img_centre {
	float: left;
	width: 430px;	
	margin-top: 20px;
	height: 272px;
	margin-left: 115px;
	text-align: center;
	padding-top: 22px;
}

/* recherche par critére */

Div.Conteneur_Select_Critere{ width:660px;}
Div.Conteneur_Select_Critere h1{ width:147px; background-color:#3d2324; font-size:1.2em; color:#FFFFFF; padding: 5px 25px 5px 25px;  margin-top: 45px;}
Div.Conteneur_Select_Critere form{flot:left; width:660px;}
Div.Conteneur_Select_Critere form Div.bt_radio{width:660px; margin-top:17px; border-bottom: 1px #8c816d solid; padding-bottom: 10px; }
Div.Conteneur_Select_Critere form Div.bt_radio p{font-size:1.2em; margin: 5px 0px;}
Div.Conteneur_Select_Critere form Div.bt_radio p input{margin-right:10px; width: 13px; height:13px; float:left;}
Div.Conteneur_Select_Critere form Div.bt_radio p label{margin-right:25px;  display:inline;}

Div.Conteneur_Select_Critere form ul.bt-chekbox{width:660px; list-style-type:none; margin-top:10px; border-bottom: 1px #8c816d solid;float:left; padding-bottom:5px; }
Div.Conteneur_Select_Critere form ul.bt-chekbox li.left{float:left; font-size:1.2em; font-weight:bold;text-transform:uppercase; width:140px;}
Div.Conteneur_Select_Critere form ul.bt-chekbox li.right{float:left; width:505px;}
Div.Conteneur_Select_Critere form ul.bt-chekbox li.right h2{color:#cb6500; font-size:1.2em; margin-bottom:8px;}
Div.Conteneur_Select_Critere form ul.bt-chekbox li.right p{font-size:1.1em; padding-bottom:5px;}
Div.Conteneur_Select_Critere form ul.bt-chekbox li.right p input{margin: 0px 8px 10px 0px; float:left; width: 13px; height:13px; }
Div.Conteneur_Select_Critere form ul.bt-chekbox li.right p label{margin:0px 13px 10px 0px; float:left;}

Div.Conteneur_Select_Critere form h3{ width:147px; background-color:#3d2324; font-size:1.2em; color:#FFFFFF; padding: 5px 25px 5px 25px;  margin: 10px 0 13px;}

Div.Conteneur_Select_Critere form p.bt_valideForm{ text-align:center;}
Div.Conteneur_Select_Critere form p.bt_valideForm input{margin-right:18px;}