* {
	margin:0px;
	padding:0px;
}

body {
	font:11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#797979;
	}
img {
	border:0;
}
.TresPetite { font-family: Arial, Helvetica, sans-serif; font-size:9px; }
.Petite 	{ font-family: Arial, Helvetica, sans-serif ; font-size:10px; }
.Normal 	{ font-family: Arial, Helvetica, sans-serif ; font-size:12px; }
.Moyenne 	{ font-family: Arial, Helvetica, sans-serif ; font-size:15px; }
.Grande 	{ font-family: Arial, Helvetica, sans-serif ; font-size:17px; }
.TresGrande { font-family: Arial, Helvetica, sans-serif ; font-size:20px; }
.orange 	{ color:#f29400;}
	
h1 { 
	font: bold 18px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0px 10px 0;
	color:#000;
	text-align:left;
	text-transform:uppercase;
}
h2 { 
	font:bold 16px Arial, Helvetica, sans-serif;
	padding :0px 0px 10px 7px;
	margin :0px 0 5px 0;
	color:#000;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #d5d3d3
}
	
h3{ 
	font: bold 14px Arial, Helvetica, sans-serif;
	padding :0px 0px 7px 27px;
	margin :0px 0px 0 0px;	
	color:#000;
}

h4{ 
	font: bold 12px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 3px 0;
	color:#000;
	text-align:left;
	text-transform:uppercase;
	
}

h5{
	font: bold 10px Arial, Helvetica, sans-serif;
	padding :0px 0px 0 0px;
	margin :0px 0 0px 0;
	color:#000;
	text-align:left;
}

p {
	font: 11px Arial, Helvetica, sans-serif;
	color:#797979;
	}

ul { 
	padding:0;
	list-style:none;
	margin:0 0 0 0px
	
	}

li {
	font: 11px Arial, Helvetica, sans-serif;
	color:#545c6b;
	padding:0px 0 0 10px;
	}

a { 
	color: #000;
	text-decoration:none;
	}

#conteneurSite {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:7px 0 0 0;
	background:url(/cleanmarket_images/site/backSiteTop.gif) no-repeat top left;
	}
#conteneur {
	padding:0 0px 20px 10px;
	background:#fff;
	width:980px;
	overflow:hidden;
	}
	
/*///////////////////////////////////////////////////////////////////////////////////
HEADER
//////////////////////////////////////////////////////////////////////////////////*/

#header {
	width:990px;
	position:relative;
}
#compte {
	position:absolute;
	width:178px;
	height:87px;
	background:url(/cleanmarket_images/site/backCompte.png) no-repeat;
	top:12px;
	left:780px;
	padding:13px 0 0 20px;
}
.picto {
	width:35px;
	padding:6px 0 0 0;
}
.lien a {
	font:bold 14px Arial, Helvetica, sans-serif;
	float:left;
	display:inline;
	padding:5px 0 0 7px;
	color:#000;		
}
#navTop {
	width:965px;
	height:27px;
	background:url(/cleanmarket_images/site/backNav.jpg) no-repeat;
	margin:0 0 5px 0;
}
#recherche {
	width:220px;
	float:left;
	display:inline;
	padding:3px 0 0 15px;
}
.search {
	border:1px solid #c1c1c1;
	width:170px;
	height:15px;
	float:left;
	display:inline;
	font-size:10px;
	color:#797979;
	padding:1px 0 0 5px
}
.btnOk {
	background:url(/cleanmarket_images/site/btnOk.gif) no-repeat;
	width:24px;
	height:16px;
	border:0px;
	margin:1px 0 0 5px;
	cursor:pointer;
}
#navTop table {
	text-align:center;
}
#navTop td a {
	color:#6d6d6d;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:block;
	padding:0 10px 0 10px	
}
.separateur {
	width:2px;
}


/*///////////////////////////////////////////////////////////////////////////////////
COLONNE GAUCHE 
//////////////////////////////////////////////////////////////////////////////////*/

#contenu {
	width:965px;
}
.navGauche {
	width:231px;
}

/*//////////////////////////////////////////////////////////////////
NAV ACCORDEON CONTENT
//////////////////////////////////////////////////////////////*/

.accordion_headings {
	width:231px;
	margin:5px 0 0 0;
	padding:0;
	clear:both;
	background:url(/cleanmarket_images/site/btnNavBack.jpg) repeat-y;
}
.accordion_headings span a {
	display:block;
	width:100%;
}
.accordion_headings table {
	width:230px;
	background:url(/cleanmarket_images/site/btnNavBottom.jpg) no-repeat bottom left;
}
.accordion_headings td {
	width:215px;
	background:url(/cleanmarket_images/site/btnNavTop.jpg) no-repeat top left;
	padding:2px 10px 2px 15px;
}
.accordion_headings td a {
	text-transform:uppercase;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
}
.accordion_child{
	padding:5px 0px 9px 0px;	
	margin:0 0px 2px 0;
	width:225px;
	background:#f4f4f4;
}
.accordion_child ul {
	margin:0;
	padding:0;
}
.accordion_child ul li{
	color:#fff;
	font-size:11px;
	list-style:none;
	background:url(/cleanmarket_images/site/puceNavGauche.gif) no-repeat 7% 8px;
	padding:2px 0px 1px 24px;
	margin:0;
}
.accordion_child ul li a{
	font-size: 11px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
.accordion_child ul li ul li {
	list-style:none;
	background:none;
	padding:2px 0px 1px 5px;
} 
.accordion_child ul li ul li a{
	text-transform:none;
}
.accordion_child ul li a:hover, .accordion_child ul li a.selected {color:#ffae00;}
	
/* ----------------------------------------------------------------------------------------------------------- */

#banque, #livraison, #newsletter {
	margin:20px 0 0 0;
	background:url(/cleanmarket_images/site/BackTitreNav.jpg) no-repeat top left;
	width:225px;
	height:18px;
	text-align:center;
}
#banque h3, #livraison h3, #newsletter h3 {
	margin:0px;
	padding:2px 0 0 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#686868;
}
.fondGris {
	background:#f4f4f4;
	padding:10px 0 5px 0;
	width:225px;
	text-align:center;
}
#livraison {
	margin:13px 0 0 0;
}
.newsInput {
	border:1px solid #c1c1c1;
	width:150px;
	height:15px;
	float:left;
	display:inline;
	font-size:10px;
	color:#797979;
	padding:1px 0 0 5px;
	margin:0 0 5px 20px
}
.fondGris button {
	float:left;
	display:inline;
}

/*///////////////////////////////////////////////////////////////////////////////////
CONTENU
//////////////////////////////////////////////////////////////////////////////////*/

#contenuHome {
	padding:25px 0 0 9px;
}
.nouveautes {
	border:1px solid #d3d3d3;
	padding:15px 10px 5px 10px;
	float:left;
	display:inline;
	width:336px;
	margin:15px 0 0 0;
}
.produitTop {
	border-bottom:1px solid #d5d3d3;
	padding:5px;
}
.produitTopImg {
	width:140px;
	vertical-align:middle;
	text-align:center;
}
.produitTopTxt {
	position:relative;
	width:205px;
	padding:0 0 0 10px;
}
.produitTopTxt p, .textListe p {
	font-size:10px;
	color:#9e9e9e;
}
.savoirPlus {
	text-align:right;
	padding:0 0 7px 0;
}
.listeProduit {
	border-bottom:1px solid #d5d3d3;
	padding:5px 0 5px 0;
}
.listeProduit table {
	height:65px;
	width:325px;
}
.imgListe {
	width:100px;
	text-align:center;
}
.textListe {
	width:200px;
	text-align:left;
	padding:7px 0px 0 5px;
}
.plusListe {
	text-align:right;
	width:40px;
	padding:0px 7px 0 0px;
}
.promotions {
	border:1px solid #d3d3d3;
	padding:15px 5px 5px 5px;
	float:right;
	display:inline;
	width:336px;
	margin:15px 0 0 0;
}
.voirTout {
	color:#000;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-align:right;
	display:block;
	text-decoration:underline;
	margin:3px 0 0 0;
}


/*///////////////////////////////////////////////////////////////////////////////////
LISTE
//////////////////////////////////////////////////////////////////////////////////*/
.liste {
	width:546px;
	padding:0 0 0 9px
}
.navTop {
	padding:2px 0 7px 0;
	color:#000;
	font-size:10px;
}
.navTop a {
	color:#000;
	font-size:10px;
}
.conteneurListe {
	width:521px;
	border:1px solid #d5d3d3;
	padding:10px 13px 0 10px;
}
.headerListe {
	clear:both;
	border-bottom: 1px solid #d5d3d3;
	padding: 0 0 7px 0;
}
.titreListe {
	float:left;
	display:inline;
}
.pager {
	float:right;
	display:inline;
}
.pager a {
	border:1px solid #fde448;
	color:#000;
	font-weight:bold;
	width:13px;
	height:13px;
	display:inline-block;
	text-align:center;
}
.pager a:hover, .pager a.selected {
	background:#fde448;
}
.listePrd {
	width:521px;
	border-bottom:1px solid #d5d3d3;
	padding:10px 0 0px 0
}
.textListeProduit {
	padding:7px 7px 0 15px
}
.textListeProduit p {
	font-size:11px;
	color:#9e9e9e;
	height:37px;
}
.prixListeProduit {
	background:url(/cleanmarket_images/site/backProduit.jpg) repeat-x;
	width:96px;
	text-align:center;
}
.titrePrixListe {
	font:bold 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#037d94;
	text-decoration:underline;
	margin:0 0 5px 0;
}
.prixBarreListe {
	font-size:10px;
	color:#037d94;
}
.prixListe {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#037d94;
	margin:3px 0 0 0;
}
.conteneurPromo {
	width:164px;
	padding:22px 0 0 11px;
}
.listePromo{
	border:1px solid #d5d3d3;
	padding:7px 8px 6px 10px;
}
.titrePromo {
	border-bottom:1px solid #d5d3d3;
	padding:0 0 5px 0;
	text-align:center;
}
.produitPromo {
	border-bottom:1px solid #d5d3d3;
	padding:10px 0 5px 0;
	text-align:center;
}
.produitPromo h4 {
	text-align:center;
	font-size:11px;
}
.imgPromo {
	height:80px;
}
.btnPromo {
	text-align:right !important;
	margin:10px 0 0 0;
}
.btnPromo a {
	margin:0 8px 0 0;
}
.conteneurContenu {
	padding:10px 0 10px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
DETAIL PRODUIT
//////////////////////////////////////////////////////////////////////////////////*/

.doc a {
	color:#000;
	font-size:10px;	
	text-decoration:underline;
}
.conteneurDetail {
	width:100%;
}
.imgDetail {
	width:226px;
	text-algin:center;
	padding:5px 0 0 0;
}
.imgDetailMini {
	background:url(/cleanmarket_images/site/backProduit.jpg) repeat-x left bottom; 
	text-align:center;
	height:137px;
	vertical-align:bottom;
	padding:0 0 7px 0
}
.imgDetailMini a {
	margin:5px 3px 0 0;
	display:inline-block;
}
.imgDetailMini p.titrePrixListe {
	margin:5px 0 2px 0;
}
.imgDetailMini p.prixListe {
	margin:0px 0 0 0;
}
.ajoutPanier {
	text-align:center;
	margin:10px 0 0 0;
}
.textDetail {
	padding:10px 7px 0 20px;
}
.chapoDetail p {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0 15px 0;
}
.navPrd {
	border-top:1px solid #d5d3d3;
	border-bottom:1px solid #d5d3d3;
	margin:40px 0 0 0;
	padding:6px 5px 6px 5px;
}
.navPrd a {
	color:#000;
	text-decoration:underline;
	font-size:10px;
}
.navPrd a img {
	margin:2px 5px 0 5px 
}
.listeProduitLies {
	padding:20px 0 17px 0;
}
.produitLies {
	text-align:center;
	width:117px;
	padding:0 0 7px 0;
}
.produitLies h4 {
	text-align:center;
}
.separateur {
	padding:0 20px 0 20px
}

/*///////////////////////////////////////////////////////////////////////////////////
CONTACT
//////////////////////////////////////////////////////////////////////////////////*/

#contenuContact {
	padding:20px 0 0 0px;
}
#contenuContact p {
	font:11px Arial, Helvetica, sans-serif;
	color:#797979;
}
#contenuContact h1 {
	padding:0px;
	margin:0 0 10px 0px;
}
.Contact {
	padding-bottom:10px;
	width:100%;
}
.introContact {
	text-align:left;
}
.formulaire {}
#form {
	margin-left:0px;
}
#formTable {
	width:470px;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}
#formTable td {
	font:12px Arial, Helvetica, sans-serif;
	color:#797979;
	margin-bottom:10px
}
.FormIntro p, .FormReponse p{
	color:#3d3d3d;
	line-height:15px;
}
.FormSubmit {
	font: normal 12px Verdana ,Arial, Helvetica, sans-serif;
	color:#fff;
	border:0px;
	margin:5px 0 0 0;
	cursor:pointer;
	background:#797979;
}
#form .LargeInput{width:263px; border: 1px #cecfce solid;}
#form .SmallInput{width:60px; border: 1px #cecfce solid;}
#form .MediumInput{width:198px; border: 1px #cecfce solid;}
#form .chkBoxes{border-width:0;}
#form .XSmallInput{width:20px; border: 1px #cecfce solid;}
#form .HalfInput{width:129px; border: 1px #cecfce solid;}
#form .MsgInput {width:263px; overflow:auto; border: 1px #cecfce solid;}
	





/*///////////////////////////////////////////////////////////////////////////////////
FOOTER
//////////////////////////////////////////////////////////////////////////////////*/

#footer {
	background:url(/cleanmarket_images/site/BackSiteDown.gif) no-repeat top left;
	width:990px;
	padding:17px 0 15px 0;
	text-align:center;
	color:#007a92;
}
#footer a {
	color:#007a92;
}

#footer2 {
	width:990px;
	padding:17px 0 15px 0;
	text-align:center;
	color:#007a92;
}
#footer2 a {
	color:#007a92;
}


	


/*///////////////////////////////////////////////////////////////////////////////////
ECOMMERCE
//////////////////////////////////////////////////////////////////////////////////*/

#BarreNavEcommerce{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 0 10px 0;
	color:#58585a;
	text-align:center;
}
#BarreNavEcommerce A,#BarreNavEcommerce A:visited,#BarreNavEcommerce A:hover{
	font-family: Arial, Times, serif;
	font-size:11px;
	text-decoration : underline;
	color:#58585a;
}
#BarreNavEcommerce .current{
	text-decoration:underline;
}
#ECommerce button {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color: #58585a;
	border:	1px #ffffff solid;
	margin-top:1px;
	margin-bottom:15px;
	padding:2px 5px 2px 5px;
}
#ECommerce .Submit {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color: #58585a;
	border:	1px #ffffff solid;
	margin-top:1px;
	margin-bottom:15px;
}
#ECommerce .ChoixPaiement{
	padding:3px 0 ;
	font: normal bold  11px Arial, Helvetica, sans-serif;
}
#ECommerce {
	text-align: left;
	background-color: #f4f4f4;
	border: 1px #58585a solid;
	padding : 8px ; 
	margin-bottom : 10px ; 
	font-family:  Verdana, Verdana, Arial,serif;
	font-size: 11px;
	font-weight: normal;
	
}
#ECommerce .EnteteTableau{
	padding : 5px 15px 5px 15px;
	margin-bottom : 10px;
	text-align: center;
	color: white;
	background-color: #58585a;
	font-size: 15px;
	font-weight: bold;
}
#ECommerce .TitreTableau{
	padding : 10px 10px 10px 10px;
	font-size: 15px;
	font-weight: bold;
}
#ECommerce .TexteInformations{
	font: normal normal 11px Verdana;
}
#ECommerce .TexteInformations{
	padding : 0 0 10px 0;
}
#ECommerce h2 {
	font: normal bold 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #58585a;
	margin: 0;
	padding: 5px 0 10px 0;
}
#ECommerce h3 {
	font: italic bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #58585a;
	margin: 0;
	padding: 5px 0 10px 0;
}
#ECommerce h4 {
	font: italic bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #58585a;
	margin: 0;
	padding: 10px 0 10px 0;
}
#ECommerce a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
#ECommerce td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding:1px 0;
}
#ECommerce .EcommercePanier thead{
	font: normal bold 10px Arial, Helvetica, sans-serif;
	color: white;
	margin: 5px 5px;
	letter-spacing : 0px;
	background-color: #58585a;
}
#ECommerce .EcommercePanier th{
	padding: 2px 5px;
}
#ECommerce .EcommercePanier tfoot{
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: white;
	background-color: #58585a;
	padding:5px 5px !important;
}
#ECommerce .EcommercePanier td{
	font-size: 11px;
	font-weight: normal;
	padding:10px 5px;
}
#ECommerce .EcommercePanier{
	border:0px red solid;
	margin-bottom:10px;
}
#ECommerce .EcommerceModeLivraison td{
	font-size: 11px;
	font-weight: normal;
	padding:5px 5px;
}
#ECommerce input {
	font-size: 11px;
}
#ECommerce textarea {
	font-size: 11px;
}
#ECommerce select {
	font-size: 11px;
}
#ECommerce .noborder {
	border : 0px;
}
#ECommerce #ECommerErreur {
	color: red;
	font-size: 12px;
	padding:0 0 5px 0;
}
#ECommerce #ECommerErreur .Titre {
	font-weight: bold;
	font-size: 14px;
	padding:5px 0;
}
#ECommerce .InputSmall { width : 60px; }
#ECommerce .InputMedium { width :150px; }
#ECommerce .InputLarge { width :270px; }
#ECommerce .TextAdresse { width :200px; }	

#ECommerce #EspaceClient td{
	padding:3px;
}

#ECommerce .RelaisSep {
	height:1px;
	background-color:#DCD7C6;
}
#ECommerce .EcommerceRelais td{
	font-size: 11px;
	font-weight: normal;
	padding:10px 1px;
}
#ECommerce .EcommerceRelais td a{
	font-size: 11px;
	font-weight: normal;
	color: #58585a;	
}
#ECommerce .EcommerceRelaisHoraire {
	margin-top:10px;
	background-color: #DCD7C6;
	border:	1px #58585a solid;
	display:none;
}
#ECommerce .EcommerceRelaisHoraire td{
	padding:2px 1px;
}

/*///////////////////////////////////////////////////////////////////////////////////
NEWSLETTER
//////////////////////////////////////////////////////////////////////////////////////*/
.blockNewsletter {
	background:#f1f1f1;
}


	

.Clikeo{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding: 0 0 5px 0;
	font: normal 9px Arial , Verdana, Helvetica, sans-serif;  
	color:#9bb9c0;
}

.Clikeo a {
	font: normal 9px Arial , Verdana, Helvetica, sans-serif;  
	color:#9bb9c0;
}
.Clikeo a:hover {
	color:#9bb9c0;
}
