@charset "utf-8";
/* CSS Document */
/*---------------------------------accordion---------------------------------------*/
.accordion_toggle {
			display: block;
			height: 50px;
			width: 235px;
		
			/*background: url(../img/bckgd/img_categorie.jpg) no-repeat top right #ffffff;*/
			background: #ffffff;
			padding: 0 10px 0 10px;
			line-height: 48px;
			/*color: #ffffff;
			//font-weight: normal;
			//text-decoration: none;
			//outline: none;*/
			font-size: 13px;
			/*color: #000000;*/
			border: 1px solid #CACACA;
			cursor: pointer;
			margin: 5px 0 0 5px;
		}
		
		.accordion_toggle_active {
			height:0px;
			display:none;
			margin: 5px 0 0 5px;
		}
		
		.accordion_content {
			clear:both;
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			margin: 5px 0 0 5px;
			width: 260px;
			
		}
		
		.accordion_content active {
			clear:both;
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			margin: 5px 0 0 5px;
			width: 260px;
			
		}
			
			/*.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}*/
			
		

		
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
			
			display: block;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
			width: 235px;
		}
			
			.horizontal_accordion_content p {
				width: 235px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 245px;   
      height: 100px;    
    }
    
/*---------------------------------HEADER---------------------------------------*/

#Header 
{
	height:130px;
	max-height:130px;
	min-height:130px;
	background-image:url(../img/bckgd/bckgd_header_logo.jpg);
	background-repeat:repeat-x;
	width:1000px;
	margin:0 auto 0 auto;
	padding-top:10px;
}

#Footer 
{
	min-height:30px;
	background-image:url(../img/bckgd/bckgd_header.jpg);
	background-repeat:repeat-x;
	width:1000px;
	margin:0 auto 0 auto;
	margin-top:5px;
}

#ImgPlanet
{
	float:left;
}


#Categorie li
{
	display:inline;
}

#Logo
{
	padding:20px 10px 10px 20px;
	float:left;
}

#MainPage
{	
	width:1000px;
	max-width:1000px;
	min-width:1000px;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
	border:1px solid #cccccc;
}

.HrMenu
{
	width:1000px;
	border:none;
	background-color:#f59206;
	height:2px;
	clear:left;
} 

#MenuUser
{	
	float:right;
	text-align:right;
	color:#FFFFFF;
	/*margin:10px 0px 0px 0px;*/
}

#MenuUser a
{	
	color:#FFFFFF;
}

#Categorie p, #Categorie a
{	
	color:#f59206;
	display:inline;
	font-size:14px;
	color:#000000;
}

#Categorie
{	
	text-align:center;
}

#Categorie a:hover
{	
	text-decoration:none;
	color:#f59206;
}

.BckgdUser, .LeftMenuUser
{
	background-image:url(../img/bckgd/bckgd_middle_menu_user.jpg);
	height:22px;
	background-repeat:repeat-x;
	margin:3px 0 0 0;
}

.LeftMenuUser
{
	background-image:url(../img/bckgd/bckgd_left_menu_user.gif);
	background-repeat:no-repeat;
	width:6px;
	/*margin:3px 0 0 0;*/

}

#MiddleConnexion
{
	background-color:#fd9503;
	min-width:160px;
	/*height:50px;*/
}

#Recherche input
{
	background-color:#353535;
	color:#ffffff;
	padding:2px;
	border:1px #cccccc solid;
}

#TopConnexion, #BottomConnexion
{
	background-image:url(../img/bckgd/top_connexion.gif);
	width:160px;
	background-repeat:no-repeat;
	height:6px;
	font-size:1px;
}

#BottomConnexion
{
	background-image:url(../img/bckgd/bottom_connexion.gif);
}

#Menu a, #Newsletter a
{
	display:block;
	color:#353535;
	font-weight:bold;
}

#Menu, #Info, #Fabricant, #Newsletter, .CategorieProduct, #Recherche
{
	width:190px;
	border:#cacaca 1px solid;
	margin:0px 0px 5px 5px;

}

.InfoNewsletterSubscription {
	font-size: 10px;
	font-style: italic;
	margin-top: 10px;
}

.CategorieProduct
{
	margin:0px 0px 5px 0px;
	width:192px;
}

#CadreMoyenPromo, .Product
{
	width:255px;
	border:#cacaca 1px solid;
	margin-bottom:5px;
}

.Product h2
{
	color:#353535;
	text-transform:uppercase;
	font-size:14px;
	margin-left:5px;
}
.Product
{
	width:255px;
	margin-bottom:5px;
}
#CadreMoyenPromo, 
{
	width:255px;
	margin-bottom:5px;
}

#TablePromo
{
	padding:5px;
}

.CadreMoyen
{
	width:255px;
	border:#cacaca 1px solid;
	margin-bottom:5px;
}

.TopCadre, .TopCadreBig, #TopInscription
{
	background-color:#918d83;
	/*background-color:#ca7a00;*/
	min-height:20px;
	padding:3px 0 1px 5px;
	margin-bottom:5px;
}

.TopPageInfoAssociation{
	background-color:#918d83;
	/*background-color:#ca7a00;*/
	min-height:20px;
	padding:5px 0 1px 2px;
	margin-top:5px;
	color:white;
	}

.TopCadre a {
	color:white !important;
	font-weight:bold !important;
	font-size:12px !important;
}

.MiddleCadre
{
	background-color:#fffff;
	padding:5px 10px 5px 10px;
	min-width:170px;
}

.MiddleCadreCat h2
{
	color:#F59206;
	margin:0 0 5px 5px;
}

.MiddleCadreCat a

{
	color:#353535;
	font-size:11px;
	font-weight:600;
	margin-left:5px;
}

.CategorieProduct a
{
	color:#353535;
	font-size:11px;
	font-weight:normal;
	margin-left:0px;
}


#Fabricant input, #Fabricant select
{
	background-color:#F59206;
	color:#FFFFFF;
	border:1px #cccccc solid;
}

.Bande
{
	background-color:#F59206;
	width:10px;
	min-height:191px;
}

.Prix, .PrixPromo,.PrixBig
{
	color:#990000;
	font-size:12px;
	font-weight:bold;
}

.Def
{
	color:#000000;
}

.PrixBarre
{
	text-decoration:line-through;
	margin:0;
	display:inline;
	color:#052856;
	font-weight:bold;
}

.PrixPromo
{
	margin:0;
	display:inline;
	font-size:14px;
}

#Categorie #MenuActif
{
	color:#F59206;
}

/*-------------- Listing Product------------*/

#FilAriane
{
	background-color:#F59206;
	height:24px;
	margin:0px 0 5px 0;
	padding:3px;
	width:790px;
}

.LienAjout 
{
	color:#F59206;
	font-weight:bold;
	font-size:12px;
	margin-left:5px;
}

#FilActif 
{
	color:#353535;
	font-weight:600;
}

.FilArianeBlanc
{
	color:#ffffff;
}

#FilAriane p, #FilAriane a
{
	display:inline;
	font-size:11px;
	margin:10px 0 0 0px;
}

#Designation, #CadreTitre
{
	background-color:#6c6c6c;
	width:780px;
	margin-bottom:5px;
}

.DefProduct
{
	color:#353535;
}

#CadreTitre
{
	background-color:#F59206;
	margin-bottom:0px;
	padding-left: 5px;
	width:776px;
}

#CadreTitreDetail
{
	background-color:#918D83;
	margin-bottom:5px;
	min-height:20px;
	padding:5px 0 1px 5px;
}


#Designation h4
{
	color:#FFFFFF;
	margin:5px 0 5px 5px;
}

.Product h1 
{
	color:#660083;
	font-weight:bold;
	margin:5px 0;
}

/*--------------CVG-------------*/
#TopCgv, #TopInscription
{
	background-image:url(../img/cadres/top_cadre_partenaires.jpg);
	margin-top:5px;
}

#CGV 
{
	margin-left:5px;
}

#CGV h3,h1
{
	color:#6c6c6c;
	margin:0px 0 10px 0;
}

#CGV h1
{
	color:#F59206;
}

#CGV p
{
	margin-bottom:10px;
}

#MiddleCvg, .MiddleProduct, #MiddleInscription, #MiddlePanier
{
	border:1px #cccccc solid;
	width:780px;
}

/*--------------INSCRIPTION-------------*/

#MiddleInscription li, #MiddleInscription ul
{
	display:block;
	font-size:11px;
	list-style:circle;
	color:#353535;
}

#TopInscription
{
	margin-top:0;
}

#MiddleInscription input, #MiddleInscription select
{
	border:#353535 1px solid;
	width:250px;
}

#MiddleInscription button, #MiddleInscription submit
{
	border:#353535 1px solid;
	width:25px;
}


#MiddleInscription select
{
	margin-top:5px;
}



.BarreInfo
{
	padding-left: 10px; 
	padding-bottom: 3px;
	background-color:#F59206;
	width:500px;
}

.ChampObli
{
	color:#F59206;
}

.ButtOk {
	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;
	background-color:#F59206;
	border:1px solid #666666;
	color:#FFFFFF !important;
	cursor:pointer;
	font-family:Trebuchet,"Trebuchet MS",Helvetica,sans-serif;
	font-size:11px !important;
	font-weight:600;
	height:23px;
	margin:3px 1px !important;
	padding:0 !important;
	text-align:center;
	width:25px;
}

.ButtOk:hover 
{
	background:#353535;
	text-decoration:none !important;
}

tr.Odd 
{
	background-color:#E5E5E5;
}

tr.Even 
{
	background-color:#EFEFEF;
}

.PrixTransport 
{
	color:#0033CC;
	font-size:12px;
	text-align:right;
}

#Panier a
{
	color:#353535;
}

.TableProduct
{
	margin-left:5px;
}

#Particulier
{
	background-image:url(../img/icones/encart_particulier.jpg); 
	background-repeat:no-repeat; 
	height:28px; 
	margin:0px 0px 0px 0px; 
	width:165px;
	padding:76px 0px 0px 10px;
	text-align:center;
}

#Pro
{
	background-image:url(../img/icones/encart_pro.jpg); 
	background-repeat:no-repeat; 
	height:28px; 
	margin:0px 0px 0px 0px; 
	width:165px;
	padding:72px 0px 0px 10px;
	text-align:center;
}

.description {
	color:black !important;
}

.description  a, li, ul{
	color:black !important;
}

.field_name p{
		margin-bottom:0px;
}

.field{
margin-bottom:10px;
}

.field p{
margin-bottom:2px !important;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////				VENTE FLASH  			//////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////
*/
/* Styles pour le logo vente flash présent sur les pages de listings de produits lorsque le conteneur parent a un alignement centré.*/
.venteFlashPetit, .venteFlashPetitLeft{
	background-image:url(../img/venteflashpetit.gif);
	background-position: center;
	background-repeat:no-repeat;
	height:31px;
	width:100%; /* 94px*/ 
	position: relative; 
	z-index: 100; 
	top: -15px;
	margin-bottom: -20px;
	padding-top: 10px;
}

.venteFlashPetitLeft{
	top: 20px;
	left: -105px;
	height: 20px;
	width: 60px;
	margin-bottom: 0px;
	padding-top: 0px;
}

/* Style pour le logo vente flash de la fiche produit */
.venteFlashPetitProduit {
	background-image:url(../img/venteflashpetit.gif);
	background-position: center;
	background-repeat:no-repeat;
	height:31px;
	width:94px;
	z-index: 100;
	padding-right: 5px;	
}

/* Style du texte du logo vente flash. */
.venteFlashPetitText, .venteFlashPetitTextProduit{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:red;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 3px;
}

.venteFlashPetitText {
	width:100%;
	text-align: center;
	margin-left: 5px;
	margin-top: 10px;
}

/* Style du texte du décompte de la vente flash présent sur la fiche produit. */
p.venteFlash {
	padding-left: 5px;
	font-weight:bold;
	font-size: 13px;
	color:red;
	font-style: italic;
	text-decoration:underline;
}